From ea94d4bf0caa8173ed5d95682aee17bb2a6e58d2 Mon Sep 17 00:00:00 2001
From: Brandon Pugh <bp@brandonpugh.com>
Date: Fri, 9 Oct 2015 22:51:15 -0500
Subject: [PATCH 01/29] Allow form submission by hitting enter

Fixes #4
---
 src/index.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/index.jsx b/src/index.jsx
index 5132bac..ab030ea 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -119,7 +119,8 @@ var MaskedInput = React.createClass({
     // console.log('onKeyPress', JSON.stringify(getSelection(this.getDOMNode())), e.key, e.target.value)
 
     // Ignore modified key presses
-    if (e.metaKey || e.altKey || e.ctrlKey) { return }
+    // Ignore enter key to allow form submission
+    if (e.metaKey || e.altKey || e.ctrlKey || e.key == 'Enter') { return }
 
     e.preventDefault()
     this._updateMaskSelection()

From 649cf142888cb2c15706c3b38787ba1d04f15e0b Mon Sep 17 00:00:00 2001
From: Jonny Buchanan <jonathan.buchanan@gmail.com>
Date: Fri, 22 Jan 2016 18:27:02 +0000
Subject: [PATCH 02/29] Add project status badge

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index dec5b9c..e0d1898 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,8 @@
 
 A [React](http://facebook.github.io/react/) component for `<input>` masking, built on top of [inputmask-core](https://github.com/insin/inputmask-core).
 
+![This project has never been used by its author, other than while making it.](https://img.shields.io/badge/author--usage-never-red.png "This project has never been used by its author, other than while making it")
+
 ## [Live Demo](http://insin.github.io/react-maskedinput/)
 
 ## Install

From bcc75d9ff15e2306c6669809c87f8e7634acdd29 Mon Sep 17 00:00:00 2001
From: Dustan Kasten <dustan.kasten@gmail.com>
Date: Thu, 11 Feb 2016 10:25:41 -0500
Subject: [PATCH 03/29] Allow for updating MaskedInput value

---
 src/index.jsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/index.jsx b/src/index.jsx
index 35ef9b5..7cceab2 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -43,6 +43,9 @@ var MaskedInput = React.createClass({
   },
 
   componentWillReceiveProps(nextProps) {
+    if (this.props.value !== nextProps.value) {
+      this.mask.setValue(nextProps.value)
+    }
     if (this.props.mask !== nextProps.mask) {
       this.mask.setPattern(nextProps.mask, {value: this.mask.getRawValue()})
     }

From 5d62fed95b9f2d29aefe037805bf64fdefe617d5 Mon Sep 17 00:00:00 2001
From: Dustan Kasten <dustan.kasten@gmail.com>
Date: Thu, 11 Feb 2016 10:26:07 -0500
Subject: [PATCH 04/29] Demo: update for external state setting

---
 demo/index.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/demo/index.html b/demo/index.html
index 0a9d2e8..e1c166d 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -92,7 +92,12 @@ <h1><code>&lt;<a href="https://github.com/insin/react-maskedinput">MaskedInput</
       <p className="lead">A React component which creates a masked <code>&lt;input/&gt;</code></p>
       <div className="form-field">
         <label htmlFor="card">Card Number:</label>
-        <MaskedInput mask="1111 1111 1111 1111" name="card" id="card" size="20" onChange={this._onChange}/>
+        <MaskedInput mask="1111 1111 1111 1111" name="card" id="card" size="20" value={this.state.card} onChange={this._onChange}/>
+      </div>
+      <p>You can even externally update the card state like a standard input element:</p>
+      <div className="form-field">
+        <label htmlFor="card">Externally Update:</label>
+        <input onChange={this._onChange} name="card" maxLength="16" style={{borderBottom: '1px solid #999'}} />
       </div>
       <p>Placeholders are automatically generated but can be overridden with your own:</p>
       <div className="form-field">

From 53b566cf7ff1d9e567d8172ec7efa493e6e10e6c Mon Sep 17 00:00:00 2001
From: Dustan Kasten <dustan.kasten@gmail.com>
Date: Thu, 11 Feb 2016 10:38:04 -0500
Subject: [PATCH 05/29] v3.1.0: version bump, build, changelog

---
 CHANGES.md                    |   4 +
 dist/react-maskedinput.js     | 430 +++++++++++++++++-----------------
 dist/react-maskedinput.min.js |   4 +-
 package.json                  |   2 +-
 4 files changed, 225 insertions(+), 215 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index 0b067f7..80d52b9 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,3 +1,7 @@
+## 3.1.0 / 2015-10-23
+
+* Added support for `value` behaving as a controlled component.
+
 ## 3.0.0 / 2015-10-23
 
 **Breaking change:** Now uses a `mask` prop to define the input mask instead of `pattern`, to avoid preventing use of the the HTML5 `pattern` attribute in conjunction with the input mask.
diff --git a/dist/react-maskedinput.js b/dist/react-maskedinput.js
index 980b89d..a7ad6bf 100644
--- a/dist/react-maskedinput.js
+++ b/dist/react-maskedinput.js
@@ -1,5 +1,5 @@
 /*!
- * react-maskedinput 3.0.0 - https://github.com/insin/react-maskedinput
+ * react-maskedinput 3.1.0 (dev build at Thu, 11 Feb 2016 15:36:55 GMT) - https://github.com/insin/react-maskedinput
  * MIT Licensed
  */
 (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.MaskedInput = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
@@ -48,6 +48,9 @@ var MaskedInput = React.createClass({displayName: "MaskedInput",
   },
 
   componentWillReceiveProps:function(nextProps) {
+    if (this.props.value !== nextProps.value) {
+      this.mask.setValue(nextProps.value)
+    }
     if (this.props.mask !== nextProps.mask) {
       this.mask.setPattern(nextProps.mask, {value: this.mask.getRawValue()})
     }
@@ -124,7 +127,8 @@ var MaskedInput = React.createClass({displayName: "MaskedInput",
     // console.log('onKeyPress', JSON.stringify(getSelection(this.input)), e.key, e.target.value)
 
     // Ignore modified key presses
-    if (e.metaKey || e.altKey || e.ctrlKey) { return }
+    // Ignore enter key to allow form submission
+    if (e.metaKey || e.altKey || e.ctrlKey || e.key == 'Enter') { return }
 
     e.preventDefault()
     this._updateMaskSelection()
@@ -173,7 +177,213 @@ var MaskedInput = React.createClass({displayName: "MaskedInput",
 
 module.exports = MaskedInput
 
-},{"inputmask-core":2,"react/lib/ReactInputSelection":4}],2:[function(require,module,exports){
+},{"inputmask-core":8,"react/lib/ReactInputSelection":10}],2:[function(require,module,exports){
+/**
+ * Copyright 2013-2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule ExecutionEnvironment
+ */
+
+'use strict';
+
+var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+
+/**
+ * Simple, lightweight module assisting with the detection and context of
+ * Worker. Helps avoid circular dependencies and allows code to reason about
+ * whether or not they are in a Worker, even if they never include the main
+ * `ReactWorker` dependency.
+ */
+var ExecutionEnvironment = {
+
+  canUseDOM: canUseDOM,
+
+  canUseWorkers: typeof Worker !== 'undefined',
+
+  canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent),
+
+  canUseViewport: canUseDOM && !!window.screen,
+
+  isInWorker: !canUseDOM // For now, this is true - might change in the future.
+
+};
+
+module.exports = ExecutionEnvironment;
+},{}],3:[function(require,module,exports){
+/**
+ * Copyright 2013-2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule containsNode
+ * @typechecks
+ */
+
+'use strict';
+
+var isTextNode = require('./isTextNode');
+
+/*eslint-disable no-bitwise */
+
+/**
+ * Checks if a given DOM node contains or is another DOM node.
+ *
+ * @param {?DOMNode} outerNode Outer DOM node.
+ * @param {?DOMNode} innerNode Inner DOM node.
+ * @return {boolean} True if `outerNode` contains or is `innerNode`.
+ */
+function containsNode(_x, _x2) {
+  var _again = true;
+
+  _function: while (_again) {
+    var outerNode = _x,
+        innerNode = _x2;
+    _again = false;
+
+    if (!outerNode || !innerNode) {
+      return false;
+    } else if (outerNode === innerNode) {
+      return true;
+    } else if (isTextNode(outerNode)) {
+      return false;
+    } else if (isTextNode(innerNode)) {
+      _x = outerNode;
+      _x2 = innerNode.parentNode;
+      _again = true;
+      continue _function;
+    } else if (outerNode.contains) {
+      return outerNode.contains(innerNode);
+    } else if (outerNode.compareDocumentPosition) {
+      return !!(outerNode.compareDocumentPosition(innerNode) & 16);
+    } else {
+      return false;
+    }
+  }
+}
+
+module.exports = containsNode;
+},{"./isTextNode":7}],4:[function(require,module,exports){
+/**
+ * Copyright 2013-2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule focusNode
+ */
+
+'use strict';
+
+/**
+ * @param {DOMElement} node input/textarea to focus
+ */
+function focusNode(node) {
+  // IE8 can throw "Can't move focus to the control because it is invisible,
+  // not enabled, or of a type that does not accept the focus." for all kinds of
+  // reasons that are too expensive and fragile to test.
+  try {
+    node.focus();
+  } catch (e) {}
+}
+
+module.exports = focusNode;
+},{}],5:[function(require,module,exports){
+/**
+ * Copyright 2013-2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule getActiveElement
+ * @typechecks
+ */
+
+/* eslint-disable fb-www/typeof-undefined */
+
+/**
+ * Same as document.activeElement but wraps in a try-catch block. In IE it is
+ * not safe to call document.activeElement if there is nothing focused.
+ *
+ * The activeElement will be null only if the document or document body is not
+ * yet defined.
+ */
+'use strict';
+
+function getActiveElement() /*?DOMElement*/{
+  if (typeof document === 'undefined') {
+    return null;
+  }
+  try {
+    return document.activeElement || document.body;
+  } catch (e) {
+    return document.body;
+  }
+}
+
+module.exports = getActiveElement;
+},{}],6:[function(require,module,exports){
+/**
+ * Copyright 2013-2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule isNode
+ * @typechecks
+ */
+
+/**
+ * @param {*} object The object to check.
+ * @return {boolean} Whether or not the object is a DOM node.
+ */
+'use strict';
+
+function isNode(object) {
+  return !!(object && (typeof Node === 'function' ? object instanceof Node : typeof object === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string'));
+}
+
+module.exports = isNode;
+},{}],7:[function(require,module,exports){
+/**
+ * Copyright 2013-2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule isTextNode
+ * @typechecks
+ */
+
+'use strict';
+
+var isNode = require('./isNode');
+
+/**
+ * @param {*} object The object to check.
+ * @return {boolean} Whether or not the object is a DOM text node.
+ */
+function isTextNode(object) {
+  return isNode(object) && object.nodeType == 3;
+}
+
+module.exports = isTextNode;
+},{"./isNode":6}],8:[function(require,module,exports){
 'use strict'
 
 function extend(dest, src) {
@@ -677,7 +887,7 @@ InputMask.Pattern = Pattern
 
 module.exports = InputMask
 
-},{}],3:[function(require,module,exports){
+},{}],9:[function(require,module,exports){
 /**
  * Copyright 2013-2015, Facebook, Inc.
  * All rights reserved.
@@ -890,7 +1100,7 @@ var ReactDOMSelection = {
 };
 
 module.exports = ReactDOMSelection;
-},{"./getNodeForCharacterOffset":5,"./getTextContentAccessor":6,"fbjs/lib/ExecutionEnvironment":7}],4:[function(require,module,exports){
+},{"./getNodeForCharacterOffset":11,"./getTextContentAccessor":12,"fbjs/lib/ExecutionEnvironment":2}],10:[function(require,module,exports){
 /**
  * Copyright 2013-2015, Facebook, Inc.
  * All rights reserved.
@@ -1015,7 +1225,7 @@ var ReactInputSelection = {
 };
 
 module.exports = ReactInputSelection;
-},{"./ReactDOMSelection":3,"fbjs/lib/containsNode":8,"fbjs/lib/focusNode":9,"fbjs/lib/getActiveElement":10}],5:[function(require,module,exports){
+},{"./ReactDOMSelection":9,"fbjs/lib/containsNode":3,"fbjs/lib/focusNode":4,"fbjs/lib/getActiveElement":5}],11:[function(require,module,exports){
 /**
  * Copyright 2013-2015, Facebook, Inc.
  * All rights reserved.
@@ -1089,7 +1299,7 @@ function getNodeForCharacterOffset(root, offset) {
 }
 
 module.exports = getNodeForCharacterOffset;
-},{}],6:[function(require,module,exports){
+},{}],12:[function(require,module,exports){
 /**
  * Copyright 2013-2015, Facebook, Inc.
  * All rights reserved.
@@ -1123,209 +1333,5 @@ function getTextContentAccessor() {
 }
 
 module.exports = getTextContentAccessor;
-},{"fbjs/lib/ExecutionEnvironment":7}],7:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule ExecutionEnvironment
- */
-
-'use strict';
-
-var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-
-/**
- * Simple, lightweight module assisting with the detection and context of
- * Worker. Helps avoid circular dependencies and allows code to reason about
- * whether or not they are in a Worker, even if they never include the main
- * `ReactWorker` dependency.
- */
-var ExecutionEnvironment = {
-
-  canUseDOM: canUseDOM,
-
-  canUseWorkers: typeof Worker !== 'undefined',
-
-  canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent),
-
-  canUseViewport: canUseDOM && !!window.screen,
-
-  isInWorker: !canUseDOM // For now, this is true - might change in the future.
-
-};
-
-module.exports = ExecutionEnvironment;
-},{}],8:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule containsNode
- * @typechecks
- */
-
-'use strict';
-
-var isTextNode = require('./isTextNode');
-
-/*eslint-disable no-bitwise */
-
-/**
- * Checks if a given DOM node contains or is another DOM node.
- *
- * @param {?DOMNode} outerNode Outer DOM node.
- * @param {?DOMNode} innerNode Inner DOM node.
- * @return {boolean} True if `outerNode` contains or is `innerNode`.
- */
-function containsNode(_x, _x2) {
-  var _again = true;
-
-  _function: while (_again) {
-    var outerNode = _x,
-        innerNode = _x2;
-    _again = false;
-
-    if (!outerNode || !innerNode) {
-      return false;
-    } else if (outerNode === innerNode) {
-      return true;
-    } else if (isTextNode(outerNode)) {
-      return false;
-    } else if (isTextNode(innerNode)) {
-      _x = outerNode;
-      _x2 = innerNode.parentNode;
-      _again = true;
-      continue _function;
-    } else if (outerNode.contains) {
-      return outerNode.contains(innerNode);
-    } else if (outerNode.compareDocumentPosition) {
-      return !!(outerNode.compareDocumentPosition(innerNode) & 16);
-    } else {
-      return false;
-    }
-  }
-}
-
-module.exports = containsNode;
-},{"./isTextNode":12}],9:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule focusNode
- */
-
-'use strict';
-
-/**
- * @param {DOMElement} node input/textarea to focus
- */
-function focusNode(node) {
-  // IE8 can throw "Can't move focus to the control because it is invisible,
-  // not enabled, or of a type that does not accept the focus." for all kinds of
-  // reasons that are too expensive and fragile to test.
-  try {
-    node.focus();
-  } catch (e) {}
-}
-
-module.exports = focusNode;
-},{}],10:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule getActiveElement
- * @typechecks
- */
-
-/**
- * Same as document.activeElement but wraps in a try-catch block. In IE it is
- * not safe to call document.activeElement if there is nothing focused.
- *
- * The activeElement will be null only if the document or document body is not yet defined.
- */
-'use strict';
-
-function getActiveElement() /*?DOMElement*/{
-  if (typeof document === 'undefined') {
-    return null;
-  }
-
-  try {
-    return document.activeElement || document.body;
-  } catch (e) {
-    return document.body;
-  }
-}
-
-module.exports = getActiveElement;
-},{}],11:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule isNode
- * @typechecks
- */
-
-/**
- * @param {*} object The object to check.
- * @return {boolean} Whether or not the object is a DOM node.
- */
-'use strict';
-
-function isNode(object) {
-  return !!(object && (typeof Node === 'function' ? object instanceof Node : typeof object === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string'));
-}
-
-module.exports = isNode;
-},{}],12:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule isTextNode
- * @typechecks
- */
-
-'use strict';
-
-var isNode = require('./isNode');
-
-/**
- * @param {*} object The object to check.
- * @return {boolean} Whether or not the object is a DOM text node.
- */
-function isTextNode(object) {
-  return isNode(object) && object.nodeType == 3;
-}
-
-module.exports = isTextNode;
-},{"./isNode":11}]},{},[1])(1)
+},{"fbjs/lib/ExecutionEnvironment":2}]},{},[1])(1)
 });
\ No newline at end of file
diff --git a/dist/react-maskedinput.min.js b/dist/react-maskedinput.min.js
index 20a3628..e2e7c12 100644
--- a/dist/react-maskedinput.min.js
+++ b/dist/react-maskedinput.min.js
@@ -1,5 +1,5 @@
 /*!
- * react-maskedinput 3.0.0 - https://github.com/insin/react-maskedinput
+ * react-maskedinput 3.1.0 - https://github.com/insin/react-maskedinput
  * MIT Licensed
  */
-!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.MaskedInput=t()}}(function(){return function t(e,n,i){function s(a,o){if(!n[a]){if(!e[a]){var l="function"==typeof require&&require;if(!o&&l)return l(a,!0);if(r)return r(a,!0);var h=new Error("Cannot find module '"+a+"'");throw h.code="MODULE_NOT_FOUND",h}var c=n[a]={exports:{}};e[a][0].call(c.exports,function(t){var n=e[a][1][t];return s(n?n:t)},c,c.exports,t,e,n,i)}return n[a].exports}for(var r="function"==typeof require&&require,a=0;a<i.length;a++)s(i[a]);return s}({1:[function(t,e,n){"use strict";function i(t){return(t.ctrlKey||t.metaKey)&&t.keyCode===(t.shiftKey?u:c)}function s(t){return(t.ctrlKey||t.metaKey)&&t.keyCode===(t.shiftKey?c:u)}var r="undefined"!=typeof window?window.React:"undefined"!=typeof global?global.React:null,a=t("react/lib/ReactInputSelection"),o=a.getSelection,l=a.setSelection,h=t("inputmask-core"),c=90,u=89,d=r.createClass({displayName:"MaskedInput",propTypes:{mask:r.PropTypes.string.isRequired,formatCharacters:r.PropTypes.object,placeholderChar:r.PropTypes.string},getDefaultProps:function(){return{value:""}},componentWillMount:function(){var t={pattern:this.props.mask,value:this.props.value,formatCharacters:this.props.formatCharacters};this.props.placeholderChar&&(t.placeholderChar=this.props.placeholderChar),this.mask=new h(t)},componentWillReceiveProps:function(t){this.props.mask!==t.mask&&this.mask.setPattern(t.mask,{value:this.mask.getRawValue()})},_updateMaskSelection:function(){this.mask.selection=o(this.input)},_updateInputSelection:function(){l(this.input,this.mask.selection)},_onChange:function(t){var e=this.mask.getValue();if(t.target.value!=e){if(t.target.value.length<e.length){var n=e.length-t.target.value.length;this._updateMaskSelection(),this.mask.selection.end=this.mask.selection.start+n,this.mask.backspace()}var i=this._getDisplayValue();t.target.value=i,i&&this._updateInputSelection()}this.props.onChange&&this.props.onChange(t)},_onKeyDown:function(t){if(i(t))return t.preventDefault(),void(this.mask.undo()&&(t.target.value=this._getDisplayValue(),this._updateInputSelection(),this.props.onChange(t)));if(s(t))return t.preventDefault(),void(this.mask.redo()&&(t.target.value=this._getDisplayValue(),this._updateInputSelection(),this.props.onChange(t)));if("Backspace"==t.key&&(t.preventDefault(),this._updateMaskSelection(),this.mask.backspace())){var e=this._getDisplayValue();t.target.value=e,e&&this._updateInputSelection(),this.props.onChange(t)}},_onKeyPress:function(t){t.metaKey||t.altKey||t.ctrlKey||(t.preventDefault(),this._updateMaskSelection(),this.mask.input(t.key)&&(t.target.value=this.mask.getValue(),this._updateInputSelection(),this.props.onChange(t)))},_onPaste:function(t){t.preventDefault(),this._updateMaskSelection(),this.mask.paste(t.clipboardData.getData("Text"))&&(t.target.value=this.mask.getValue(),setTimeout(this._updateInputSelection,0),this.props.onChange(t))},_getDisplayValue:function(){var t=this.mask.getValue();return t===this.mask.emptyValue?"":t},render:function(){var t=this.props,e=(t.mask,t.formatCharacters,t.size),n=t.placeholder,i=function(t,e){var n={},i=Object.prototype.hasOwnProperty;if(null==t)throw new TypeError;for(var s in t)i.call(t,s)&&!i.call(e,s)&&(n[s]=t[s]);return n}(t,{mask:1,formatCharacters:1,size:1,placeholder:1}),s=this.mask.pattern.length;return r.createElement("input",r.__spread({},i,{ref:function(t){return this.input=t}.bind(this),maxLength:s,onChange:this._onChange,onKeyDown:this._onKeyDown,onKeyPress:this._onKeyPress,onPaste:this._onPaste,placeholder:n||this.mask.emptyValue,size:e||s,value:this._getDisplayValue()}))}});e.exports=d},{"inputmask-core":2,"react/lib/ReactInputSelection":4}],2:[function(t,e,n){"use strict";function i(t,e){if(e)for(var n=Object.keys(e),i=0,s=n.length;s>i;i++)t[n[i]]=e[n[i]];return t}function s(t){return i({},t)}function r(t){var e=s(p);if(t)for(var n=Object.keys(t),i=0,r=n.length;r>i;i++){var a=n[i];null==t[a]?delete e[a]:e[a]=t[a]}return e}function a(t,e,n){return this instanceof a?(this.placeholderChar=n||d,this.formatCharacters=e||p,this.source=t,this.pattern=[],this.length=0,this.firstEditableIndex=null,this.lastEditableIndex=null,this._editableIndices={},void this._parse()):new a(t,e,n)}function o(t){if(!(this instanceof o))return new o(t);if(t=i({formatCharacters:null,pattern:null,placeholderChar:d,selection:{start:0,end:0},value:""},t),null==t.pattern)throw new Error("InputMask: you must provide a pattern.");if(1!==t.placeholderChar.length)throw new Error("InputMask: placeholderChar should be a single character.");this.placeholderChar=t.placeholderChar,this.formatCharacters=r(t.formatCharacters),this.setPattern(t.pattern,{value:t.value,selection:t.selection})}var l="\\",h=/^\d$/,c=/^[A-Za-z]$/,u=/^[\dA-Za-z]$/,d="_",p={"*":{validate:function(t){return u.test(t)}},1:{validate:function(t){return h.test(t)}},a:{validate:function(t){return c.test(t)}},A:{validate:function(t){return c.test(t)},transform:function(t){return t.toUpperCase()}},"#":{validate:function(t){return u.test(t)},transform:function(t){return t.toUpperCase()}}};a.prototype._parse=function(){for(var t=this.source.split(""),e=0,n=[],i=0,s=t.length;s>i;i++){var r=t[i];if(r===l){if(i===s-1)throw new Error("InputMask: pattern ends with a raw "+l);r=t[++i]}else r in this.formatCharacters&&(null===this.firstEditableIndex&&(this.firstEditableIndex=e),this.lastEditableIndex=e,this._editableIndices[e]=!0);n.push(r),e++}if(null===this.firstEditableIndex)throw new Error('InputMask: pattern "'+this.source+'" does not contain any editable characters.');this.pattern=n,this.length=n.length},a.prototype.formatValue=function(t){for(var e=new Array(this.length),n=0,i=0,s=this.length;s>i;i++)this.isEditableIndex(i)?(e[i]=t.length>n&&this.isValidAtIndex(t[n],i)?this.transform(t[n],i):this.placeholderChar,n++):(e[i]=this.pattern[i],t.length>n&&t[n]===this.pattern[i]&&n++);return e},a.prototype.isEditableIndex=function(t){return!!this._editableIndices[t]},a.prototype.isValidAtIndex=function(t,e){return this.formatCharacters[this.pattern[e]].validate(t)},a.prototype.transform=function(t,e){var n=this.formatCharacters[this.pattern[e]];return"function"==typeof n.transform?n.transform(t):t},o.prototype.input=function(t){if(this.selection.start===this.selection.end&&this.selection.start===this.pattern.length)return!1;var e=s(this.selection),n=this.getValue(),i=this.selection.start;if(i<this.pattern.firstEditableIndex&&(i=this.pattern.firstEditableIndex),this.pattern.isEditableIndex(i)){if(!this.pattern.isValidAtIndex(t,i))return!1;this.value[i]=this.pattern.transform(t,i)}for(var r=this.selection.end-1;r>i;)this.pattern.isEditableIndex(r)&&(this.value[r]=this.placeholderChar),r--;for(this.selection.start=this.selection.end=i+1;this.pattern.length>this.selection.start&&!this.pattern.isEditableIndex(this.selection.start);)this.selection.start++,this.selection.end++;return null!=this._historyIndex&&(console.log("splice(",this._historyIndex,this._history.length-this._historyIndex,")"),this._history.splice(this._historyIndex,this._history.length-this._historyIndex),this._historyIndex=null),("input"!==this._lastOp||e.start!==e.end||null!==this._lastSelection&&e.start!==this._lastSelection.start)&&this._history.push({value:n,selection:e,lastOp:this._lastOp}),this._lastOp="input",this._lastSelection=s(this.selection),!0},o.prototype.backspace=function(){if(0===this.selection.start&&0===this.selection.end)return!1;var t=s(this.selection),e=this.getValue();if(this.selection.start===this.selection.end)this.pattern.isEditableIndex(this.selection.start-1)&&(this.value[this.selection.start-1]=this.placeholderChar),this.selection.start--,this.selection.end--;else{for(var n=this.selection.end-1;n>=this.selection.start;)this.pattern.isEditableIndex(n)&&(this.value[n]=this.placeholderChar),n--;this.selection.end=this.selection.start}return null!=this._historyIndex&&this._history.splice(this._historyIndex,this._history.length-this._historyIndex),("backspace"!==this._lastOp||t.start!==t.end||null!==this._lastSelection&&t.start!==this._lastSelection.start)&&this._history.push({value:e,selection:t,lastOp:this._lastOp}),this._lastOp="backspace",this._lastSelection=s(this.selection),!0},o.prototype.paste=function(t){var e={value:this.value.slice(),selection:s(this.selection),_lastOp:this._lastOp,_history:this._history.slice(),_historyIndex:this._historyIndex,_lastSelection:s(this._lastSelection)};if(this.selection.start<this.pattern.firstEditableIndex){for(var n=0,r=this.pattern.firstEditableIndex-this.selection.start;r>n;n++)if(t.charAt(n)!==this.pattern.pattern[n])return!1;t=t.substring(this.pattern.firstEditableIndex-this.selection.start),this.selection.start=this.pattern.firstEditableIndex}for(n=0,r=t.length;r>n&&this.selection.start<=this.pattern.lastEditableIndex;n++){var a=this.input(t.charAt(n));if(!a){if(this.selection.start>0){var o=this.selection.start-1;if(!this.pattern.isEditableIndex(o)&&t.charAt(n)===this.pattern.pattern[o])continue}return i(this,e),!1}}return!0},o.prototype.undo=function(){if(0===this._history.length||0===this._historyIndex)return!1;var t;if(null==this._historyIndex){this._historyIndex=this._history.length-1,t=this._history[this._historyIndex];var e=this.getValue();(t.value!==e||t.selection.start!==this.selection.start||t.selection.end!==this.selection.end)&&this._history.push({value:e,selection:s(this.selection),lastOp:this._lastOp,startUndo:!0})}else t=this._history[--this._historyIndex];return this.value=t.value.split(""),this.selection=t.selection,this._lastOp=t.lastOp,!0},o.prototype.redo=function(){if(0===this._history.length||null==this._historyIndex)return!1;var t=this._history[++this._historyIndex];return this._historyIndex===this._history.length-1&&(this._historyIndex=null,t.startUndo&&this._history.pop()),this.value=t.value.split(""),this.selection=t.selection,this._lastOp=t.lastOp,!0},o.prototype.setPattern=function(t,e){e=i({selection:{start:0,end:0},value:""},e),this.pattern=new a(t,this.formatCharacters,this.placeholderChar),this.setValue(e.value),this.emptyValue=this.pattern.formatValue([]).join(""),this.selection=e.selection,this._resetHistory()},o.prototype.setSelection=function(t){if(this.selection=s(t),this.selection.start===this.selection.end){if(this.selection.start<this.pattern.firstEditableIndex)return this.selection.start=this.selection.end=this.pattern.firstEditableIndex,!0;if(this.selection.end>this.pattern.lastEditableIndex+1)return this.selection.start=this.selection.end=this.pattern.lastEditableIndex+1,!0}return!1},o.prototype.setValue=function(t){null==t&&(t=""),this.value=this.pattern.formatValue(t.split(""))},o.prototype.getValue=function(){return this.value.join("")},o.prototype.getRawValue=function(){for(var t=[],e=0;e<this.value.length;e++)this.pattern._editableIndices[e]===!0&&t.push(this.value[e]);return t.join("")},o.prototype._resetHistory=function(){this._history=[],this._historyIndex=null,this._lastOp=null,this._lastSelection=s(this.selection)},o.Pattern=a,e.exports=o},{}],3:[function(t,e,n){"use strict";function i(t,e,n,i){return t===n&&e===i}function s(t){var e=document.selection,n=e.createRange(),i=n.text.length,s=n.duplicate();s.moveToElementText(t),s.setEndPoint("EndToStart",n);var r=s.text.length,a=r+i;return{start:r,end:a}}function r(t){var e=window.getSelection&&window.getSelection();if(!e||0===e.rangeCount)return null;var n=e.anchorNode,s=e.anchorOffset,r=e.focusNode,a=e.focusOffset,o=e.getRangeAt(0);try{o.startContainer.nodeType,o.endContainer.nodeType}catch(l){return null}var h=i(e.anchorNode,e.anchorOffset,e.focusNode,e.focusOffset),c=h?0:o.toString().length,u=o.cloneRange();u.selectNodeContents(t),u.setEnd(o.startContainer,o.startOffset);var d=i(u.startContainer,u.startOffset,u.endContainer,u.endOffset),p=d?0:u.toString().length,f=p+c,v=document.createRange();v.setStart(n,s),v.setEnd(r,a);var y=v.collapsed;return{start:y?f:p,end:y?p:f}}function a(t,e){var n,i,s=document.selection.createRange().duplicate();"undefined"==typeof e.end?(n=e.start,i=n):e.start>e.end?(n=e.end,i=e.start):(n=e.start,i=e.end),s.moveToElementText(t),s.moveStart("character",n),s.setEndPoint("EndToStart",s),s.moveEnd("character",i-n),s.select()}function o(t,e){if(window.getSelection){var n=window.getSelection(),i=t[c()].length,s=Math.min(e.start,i),r="undefined"==typeof e.end?s:Math.min(e.end,i);if(!n.extend&&s>r){var a=r;r=s,s=a}var o=h(t,s),l=h(t,r);if(o&&l){var u=document.createRange();u.setStart(o.node,o.offset),n.removeAllRanges(),s>r?(n.addRange(u),n.extend(l.node,l.offset)):(u.setEnd(l.node,l.offset),n.addRange(u))}}}var l=t("fbjs/lib/ExecutionEnvironment"),h=t("./getNodeForCharacterOffset"),c=t("./getTextContentAccessor"),u=l.canUseDOM&&"selection"in document&&!("getSelection"in window),d={getOffsets:u?s:r,setOffsets:u?a:o};e.exports=d},{"./getNodeForCharacterOffset":5,"./getTextContentAccessor":6,"fbjs/lib/ExecutionEnvironment":7}],4:[function(t,e,n){"use strict";function i(t){return r(document.documentElement,t)}var s=t("./ReactDOMSelection"),r=t("fbjs/lib/containsNode"),a=t("fbjs/lib/focusNode"),o=t("fbjs/lib/getActiveElement"),l={hasSelectionCapabilities:function(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e&&("input"===e&&"text"===t.type||"textarea"===e||"true"===t.contentEditable)},getSelectionInformation:function(){var t=o();return{focusedElem:t,selectionRange:l.hasSelectionCapabilities(t)?l.getSelection(t):null}},restoreSelection:function(t){var e=o(),n=t.focusedElem,s=t.selectionRange;e!==n&&i(n)&&(l.hasSelectionCapabilities(n)&&l.setSelection(n,s),a(n))},getSelection:function(t){var e;if("selectionStart"in t)e={start:t.selectionStart,end:t.selectionEnd};else if(document.selection&&t.nodeName&&"input"===t.nodeName.toLowerCase()){var n=document.selection.createRange();n.parentElement()===t&&(e={start:-n.moveStart("character",-t.value.length),end:-n.moveEnd("character",-t.value.length)})}else e=s.getOffsets(t);return e||{start:0,end:0}},setSelection:function(t,e){var n=e.start,i=e.end;if("undefined"==typeof i&&(i=n),"selectionStart"in t)t.selectionStart=n,t.selectionEnd=Math.min(i,t.value.length);else if(document.selection&&t.nodeName&&"input"===t.nodeName.toLowerCase()){var r=t.createTextRange();r.collapse(!0),r.moveStart("character",n),r.moveEnd("character",i-n),r.select()}else s.setOffsets(t,e)}};e.exports=l},{"./ReactDOMSelection":3,"fbjs/lib/containsNode":8,"fbjs/lib/focusNode":9,"fbjs/lib/getActiveElement":10}],5:[function(t,e,n){"use strict";function i(t){for(;t&&t.firstChild;)t=t.firstChild;return t}function s(t){for(;t;){if(t.nextSibling)return t.nextSibling;t=t.parentNode}}function r(t,e){for(var n=i(t),r=0,a=0;n;){if(3===n.nodeType){if(a=r+n.textContent.length,e>=r&&a>=e)return{node:n,offset:e-r};r=a}n=i(s(n))}}e.exports=r},{}],6:[function(t,e,n){"use strict";function i(){return!r&&s.canUseDOM&&(r="textContent"in document.documentElement?"textContent":"innerText"),r}var s=t("fbjs/lib/ExecutionEnvironment"),r=null;e.exports=i},{"fbjs/lib/ExecutionEnvironment":7}],7:[function(t,e,n){"use strict";var i=!("undefined"==typeof window||!window.document||!window.document.createElement),s={canUseDOM:i,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:i&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:i&&!!window.screen,isInWorker:!i};e.exports=s},{}],8:[function(t,e,n){"use strict";function i(t,e){var n=!0;t:for(;n;){var i=t,r=e;if(n=!1,i&&r){if(i===r)return!0;if(s(i))return!1;if(s(r)){t=i,e=r.parentNode,n=!0;continue t}return i.contains?i.contains(r):i.compareDocumentPosition?!!(16&i.compareDocumentPosition(r)):!1}return!1}}var s=t("./isTextNode");e.exports=i},{"./isTextNode":12}],9:[function(t,e,n){"use strict";function i(t){try{t.focus()}catch(e){}}e.exports=i},{}],10:[function(t,e,n){"use strict";function i(){if("undefined"==typeof document)return null;try{return document.activeElement||document.body}catch(t){return document.body}}e.exports=i},{}],11:[function(t,e,n){"use strict";function i(t){return!(!t||!("function"==typeof Node?t instanceof Node:"object"==typeof t&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName))}e.exports=i},{}],12:[function(t,e,n){"use strict";function i(t){return s(t)&&3==t.nodeType}var s=t("./isNode");e.exports=i},{"./isNode":11}]},{},[1])(1)});
\ No newline at end of file
+!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.MaskedInput=t()}}(function(){return function t(e,n,i){function s(a,o){if(!n[a]){if(!e[a]){var l="function"==typeof require&&require;if(!o&&l)return l(a,!0);if(r)return r(a,!0);var h=new Error("Cannot find module '"+a+"'");throw h.code="MODULE_NOT_FOUND",h}var c=n[a]={exports:{}};e[a][0].call(c.exports,function(t){var n=e[a][1][t];return s(n?n:t)},c,c.exports,t,e,n,i)}return n[a].exports}for(var r="function"==typeof require&&require,a=0;a<i.length;a++)s(i[a]);return s}({1:[function(t,e,n){"use strict";function i(t){return(t.ctrlKey||t.metaKey)&&t.keyCode===(t.shiftKey?u:c)}function s(t){return(t.ctrlKey||t.metaKey)&&t.keyCode===(t.shiftKey?c:u)}var r="undefined"!=typeof window?window.React:"undefined"!=typeof global?global.React:null,a=t("react/lib/ReactInputSelection"),o=a.getSelection,l=a.setSelection,h=t("inputmask-core"),c=90,u=89,d=r.createClass({displayName:"MaskedInput",propTypes:{mask:r.PropTypes.string.isRequired,formatCharacters:r.PropTypes.object,placeholderChar:r.PropTypes.string},getDefaultProps:function(){return{value:""}},componentWillMount:function(){var t={pattern:this.props.mask,value:this.props.value,formatCharacters:this.props.formatCharacters};this.props.placeholderChar&&(t.placeholderChar=this.props.placeholderChar),this.mask=new h(t)},componentWillReceiveProps:function(t){this.props.value!==t.value&&this.mask.setValue(t.value),this.props.mask!==t.mask&&this.mask.setPattern(t.mask,{value:this.mask.getRawValue()})},_updateMaskSelection:function(){this.mask.selection=o(this.input)},_updateInputSelection:function(){l(this.input,this.mask.selection)},_onChange:function(t){var e=this.mask.getValue();if(t.target.value!=e){if(t.target.value.length<e.length){var n=e.length-t.target.value.length;this._updateMaskSelection(),this.mask.selection.end=this.mask.selection.start+n,this.mask.backspace()}var i=this._getDisplayValue();t.target.value=i,i&&this._updateInputSelection()}this.props.onChange&&this.props.onChange(t)},_onKeyDown:function(t){if(i(t))return t.preventDefault(),void(this.mask.undo()&&(t.target.value=this._getDisplayValue(),this._updateInputSelection(),this.props.onChange(t)));if(s(t))return t.preventDefault(),void(this.mask.redo()&&(t.target.value=this._getDisplayValue(),this._updateInputSelection(),this.props.onChange(t)));if("Backspace"==t.key&&(t.preventDefault(),this._updateMaskSelection(),this.mask.backspace())){var e=this._getDisplayValue();t.target.value=e,e&&this._updateInputSelection(),this.props.onChange(t)}},_onKeyPress:function(t){t.metaKey||t.altKey||t.ctrlKey||"Enter"==t.key||(t.preventDefault(),this._updateMaskSelection(),this.mask.input(t.key)&&(t.target.value=this.mask.getValue(),this._updateInputSelection(),this.props.onChange(t)))},_onPaste:function(t){t.preventDefault(),this._updateMaskSelection(),this.mask.paste(t.clipboardData.getData("Text"))&&(t.target.value=this.mask.getValue(),setTimeout(this._updateInputSelection,0),this.props.onChange(t))},_getDisplayValue:function(){var t=this.mask.getValue();return t===this.mask.emptyValue?"":t},render:function(){var t=this.props,e=(t.mask,t.formatCharacters,t.size),n=t.placeholder,i=function(t,e){var n={},i=Object.prototype.hasOwnProperty;if(null==t)throw new TypeError;for(var s in t)i.call(t,s)&&!i.call(e,s)&&(n[s]=t[s]);return n}(t,{mask:1,formatCharacters:1,size:1,placeholder:1}),s=this.mask.pattern.length;return r.createElement("input",r.__spread({},i,{ref:function(t){return this.input=t}.bind(this),maxLength:s,onChange:this._onChange,onKeyDown:this._onKeyDown,onKeyPress:this._onKeyPress,onPaste:this._onPaste,placeholder:n||this.mask.emptyValue,size:e||s,value:this._getDisplayValue()}))}});e.exports=d},{"inputmask-core":8,"react/lib/ReactInputSelection":10}],2:[function(t,e,n){"use strict";var i=!("undefined"==typeof window||!window.document||!window.document.createElement),s={canUseDOM:i,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:i&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:i&&!!window.screen,isInWorker:!i};e.exports=s},{}],3:[function(t,e,n){"use strict";function i(t,e){var n=!0;t:for(;n;){var i=t,r=e;if(n=!1,i&&r){if(i===r)return!0;if(s(i))return!1;if(s(r)){t=i,e=r.parentNode,n=!0;continue t}return i.contains?i.contains(r):i.compareDocumentPosition?!!(16&i.compareDocumentPosition(r)):!1}return!1}}var s=t("./isTextNode");e.exports=i},{"./isTextNode":7}],4:[function(t,e,n){"use strict";function i(t){try{t.focus()}catch(e){}}e.exports=i},{}],5:[function(t,e,n){"use strict";function i(){if("undefined"==typeof document)return null;try{return document.activeElement||document.body}catch(t){return document.body}}e.exports=i},{}],6:[function(t,e,n){"use strict";function i(t){return!(!t||!("function"==typeof Node?t instanceof Node:"object"==typeof t&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName))}e.exports=i},{}],7:[function(t,e,n){"use strict";function i(t){return s(t)&&3==t.nodeType}var s=t("./isNode");e.exports=i},{"./isNode":6}],8:[function(t,e,n){"use strict";function i(t,e){if(e)for(var n=Object.keys(e),i=0,s=n.length;s>i;i++)t[n[i]]=e[n[i]];return t}function s(t){return i({},t)}function r(t){var e=s(p);if(t)for(var n=Object.keys(t),i=0,r=n.length;r>i;i++){var a=n[i];null==t[a]?delete e[a]:e[a]=t[a]}return e}function a(t,e,n){return this instanceof a?(this.placeholderChar=n||d,this.formatCharacters=e||p,this.source=t,this.pattern=[],this.length=0,this.firstEditableIndex=null,this.lastEditableIndex=null,this._editableIndices={},void this._parse()):new a(t,e,n)}function o(t){if(!(this instanceof o))return new o(t);if(t=i({formatCharacters:null,pattern:null,placeholderChar:d,selection:{start:0,end:0},value:""},t),null==t.pattern)throw new Error("InputMask: you must provide a pattern.");if(1!==t.placeholderChar.length)throw new Error("InputMask: placeholderChar should be a single character.");this.placeholderChar=t.placeholderChar,this.formatCharacters=r(t.formatCharacters),this.setPattern(t.pattern,{value:t.value,selection:t.selection})}var l="\\",h=/^\d$/,c=/^[A-Za-z]$/,u=/^[\dA-Za-z]$/,d="_",p={"*":{validate:function(t){return u.test(t)}},1:{validate:function(t){return h.test(t)}},a:{validate:function(t){return c.test(t)}},A:{validate:function(t){return c.test(t)},transform:function(t){return t.toUpperCase()}},"#":{validate:function(t){return u.test(t)},transform:function(t){return t.toUpperCase()}}};a.prototype._parse=function(){for(var t=this.source.split(""),e=0,n=[],i=0,s=t.length;s>i;i++){var r=t[i];if(r===l){if(i===s-1)throw new Error("InputMask: pattern ends with a raw "+l);r=t[++i]}else r in this.formatCharacters&&(null===this.firstEditableIndex&&(this.firstEditableIndex=e),this.lastEditableIndex=e,this._editableIndices[e]=!0);n.push(r),e++}if(null===this.firstEditableIndex)throw new Error('InputMask: pattern "'+this.source+'" does not contain any editable characters.');this.pattern=n,this.length=n.length},a.prototype.formatValue=function(t){for(var e=new Array(this.length),n=0,i=0,s=this.length;s>i;i++)this.isEditableIndex(i)?(e[i]=t.length>n&&this.isValidAtIndex(t[n],i)?this.transform(t[n],i):this.placeholderChar,n++):(e[i]=this.pattern[i],t.length>n&&t[n]===this.pattern[i]&&n++);return e},a.prototype.isEditableIndex=function(t){return!!this._editableIndices[t]},a.prototype.isValidAtIndex=function(t,e){return this.formatCharacters[this.pattern[e]].validate(t)},a.prototype.transform=function(t,e){var n=this.formatCharacters[this.pattern[e]];return"function"==typeof n.transform?n.transform(t):t},o.prototype.input=function(t){if(this.selection.start===this.selection.end&&this.selection.start===this.pattern.length)return!1;var e=s(this.selection),n=this.getValue(),i=this.selection.start;if(i<this.pattern.firstEditableIndex&&(i=this.pattern.firstEditableIndex),this.pattern.isEditableIndex(i)){if(!this.pattern.isValidAtIndex(t,i))return!1;this.value[i]=this.pattern.transform(t,i)}for(var r=this.selection.end-1;r>i;)this.pattern.isEditableIndex(r)&&(this.value[r]=this.placeholderChar),r--;for(this.selection.start=this.selection.end=i+1;this.pattern.length>this.selection.start&&!this.pattern.isEditableIndex(this.selection.start);)this.selection.start++,this.selection.end++;return null!=this._historyIndex&&(console.log("splice(",this._historyIndex,this._history.length-this._historyIndex,")"),this._history.splice(this._historyIndex,this._history.length-this._historyIndex),this._historyIndex=null),("input"!==this._lastOp||e.start!==e.end||null!==this._lastSelection&&e.start!==this._lastSelection.start)&&this._history.push({value:n,selection:e,lastOp:this._lastOp}),this._lastOp="input",this._lastSelection=s(this.selection),!0},o.prototype.backspace=function(){if(0===this.selection.start&&0===this.selection.end)return!1;var t=s(this.selection),e=this.getValue();if(this.selection.start===this.selection.end)this.pattern.isEditableIndex(this.selection.start-1)&&(this.value[this.selection.start-1]=this.placeholderChar),this.selection.start--,this.selection.end--;else{for(var n=this.selection.end-1;n>=this.selection.start;)this.pattern.isEditableIndex(n)&&(this.value[n]=this.placeholderChar),n--;this.selection.end=this.selection.start}return null!=this._historyIndex&&this._history.splice(this._historyIndex,this._history.length-this._historyIndex),("backspace"!==this._lastOp||t.start!==t.end||null!==this._lastSelection&&t.start!==this._lastSelection.start)&&this._history.push({value:e,selection:t,lastOp:this._lastOp}),this._lastOp="backspace",this._lastSelection=s(this.selection),!0},o.prototype.paste=function(t){var e={value:this.value.slice(),selection:s(this.selection),_lastOp:this._lastOp,_history:this._history.slice(),_historyIndex:this._historyIndex,_lastSelection:s(this._lastSelection)};if(this.selection.start<this.pattern.firstEditableIndex){for(var n=0,r=this.pattern.firstEditableIndex-this.selection.start;r>n;n++)if(t.charAt(n)!==this.pattern.pattern[n])return!1;t=t.substring(this.pattern.firstEditableIndex-this.selection.start),this.selection.start=this.pattern.firstEditableIndex}for(n=0,r=t.length;r>n&&this.selection.start<=this.pattern.lastEditableIndex;n++){var a=this.input(t.charAt(n));if(!a){if(this.selection.start>0){var o=this.selection.start-1;if(!this.pattern.isEditableIndex(o)&&t.charAt(n)===this.pattern.pattern[o])continue}return i(this,e),!1}}return!0},o.prototype.undo=function(){if(0===this._history.length||0===this._historyIndex)return!1;var t;if(null==this._historyIndex){this._historyIndex=this._history.length-1,t=this._history[this._historyIndex];var e=this.getValue();(t.value!==e||t.selection.start!==this.selection.start||t.selection.end!==this.selection.end)&&this._history.push({value:e,selection:s(this.selection),lastOp:this._lastOp,startUndo:!0})}else t=this._history[--this._historyIndex];return this.value=t.value.split(""),this.selection=t.selection,this._lastOp=t.lastOp,!0},o.prototype.redo=function(){if(0===this._history.length||null==this._historyIndex)return!1;var t=this._history[++this._historyIndex];return this._historyIndex===this._history.length-1&&(this._historyIndex=null,t.startUndo&&this._history.pop()),this.value=t.value.split(""),this.selection=t.selection,this._lastOp=t.lastOp,!0},o.prototype.setPattern=function(t,e){e=i({selection:{start:0,end:0},value:""},e),this.pattern=new a(t,this.formatCharacters,this.placeholderChar),this.setValue(e.value),this.emptyValue=this.pattern.formatValue([]).join(""),this.selection=e.selection,this._resetHistory()},o.prototype.setSelection=function(t){if(this.selection=s(t),this.selection.start===this.selection.end){if(this.selection.start<this.pattern.firstEditableIndex)return this.selection.start=this.selection.end=this.pattern.firstEditableIndex,!0;if(this.selection.end>this.pattern.lastEditableIndex+1)return this.selection.start=this.selection.end=this.pattern.lastEditableIndex+1,!0}return!1},o.prototype.setValue=function(t){null==t&&(t=""),this.value=this.pattern.formatValue(t.split(""))},o.prototype.getValue=function(){return this.value.join("")},o.prototype.getRawValue=function(){for(var t=[],e=0;e<this.value.length;e++)this.pattern._editableIndices[e]===!0&&t.push(this.value[e]);return t.join("")},o.prototype._resetHistory=function(){this._history=[],this._historyIndex=null,this._lastOp=null,this._lastSelection=s(this.selection)},o.Pattern=a,e.exports=o},{}],9:[function(t,e,n){"use strict";function i(t,e,n,i){return t===n&&e===i}function s(t){var e=document.selection,n=e.createRange(),i=n.text.length,s=n.duplicate();s.moveToElementText(t),s.setEndPoint("EndToStart",n);var r=s.text.length,a=r+i;return{start:r,end:a}}function r(t){var e=window.getSelection&&window.getSelection();if(!e||0===e.rangeCount)return null;var n=e.anchorNode,s=e.anchorOffset,r=e.focusNode,a=e.focusOffset,o=e.getRangeAt(0);try{o.startContainer.nodeType,o.endContainer.nodeType}catch(l){return null}var h=i(e.anchorNode,e.anchorOffset,e.focusNode,e.focusOffset),c=h?0:o.toString().length,u=o.cloneRange();u.selectNodeContents(t),u.setEnd(o.startContainer,o.startOffset);var d=i(u.startContainer,u.startOffset,u.endContainer,u.endOffset),p=d?0:u.toString().length,f=p+c,v=document.createRange();v.setStart(n,s),v.setEnd(r,a);var y=v.collapsed;return{start:y?f:p,end:y?p:f}}function a(t,e){var n,i,s=document.selection.createRange().duplicate();"undefined"==typeof e.end?(n=e.start,i=n):e.start>e.end?(n=e.end,i=e.start):(n=e.start,i=e.end),s.moveToElementText(t),s.moveStart("character",n),s.setEndPoint("EndToStart",s),s.moveEnd("character",i-n),s.select()}function o(t,e){if(window.getSelection){var n=window.getSelection(),i=t[c()].length,s=Math.min(e.start,i),r="undefined"==typeof e.end?s:Math.min(e.end,i);if(!n.extend&&s>r){var a=r;r=s,s=a}var o=h(t,s),l=h(t,r);if(o&&l){var u=document.createRange();u.setStart(o.node,o.offset),n.removeAllRanges(),s>r?(n.addRange(u),n.extend(l.node,l.offset)):(u.setEnd(l.node,l.offset),n.addRange(u))}}}var l=t("fbjs/lib/ExecutionEnvironment"),h=t("./getNodeForCharacterOffset"),c=t("./getTextContentAccessor"),u=l.canUseDOM&&"selection"in document&&!("getSelection"in window),d={getOffsets:u?s:r,setOffsets:u?a:o};e.exports=d},{"./getNodeForCharacterOffset":11,"./getTextContentAccessor":12,"fbjs/lib/ExecutionEnvironment":2}],10:[function(t,e,n){"use strict";function i(t){return r(document.documentElement,t)}var s=t("./ReactDOMSelection"),r=t("fbjs/lib/containsNode"),a=t("fbjs/lib/focusNode"),o=t("fbjs/lib/getActiveElement"),l={hasSelectionCapabilities:function(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e&&("input"===e&&"text"===t.type||"textarea"===e||"true"===t.contentEditable)},getSelectionInformation:function(){var t=o();return{focusedElem:t,selectionRange:l.hasSelectionCapabilities(t)?l.getSelection(t):null}},restoreSelection:function(t){var e=o(),n=t.focusedElem,s=t.selectionRange;e!==n&&i(n)&&(l.hasSelectionCapabilities(n)&&l.setSelection(n,s),a(n))},getSelection:function(t){var e;if("selectionStart"in t)e={start:t.selectionStart,end:t.selectionEnd};else if(document.selection&&t.nodeName&&"input"===t.nodeName.toLowerCase()){var n=document.selection.createRange();n.parentElement()===t&&(e={start:-n.moveStart("character",-t.value.length),end:-n.moveEnd("character",-t.value.length)})}else e=s.getOffsets(t);return e||{start:0,end:0}},setSelection:function(t,e){var n=e.start,i=e.end;if("undefined"==typeof i&&(i=n),"selectionStart"in t)t.selectionStart=n,t.selectionEnd=Math.min(i,t.value.length);else if(document.selection&&t.nodeName&&"input"===t.nodeName.toLowerCase()){var r=t.createTextRange();r.collapse(!0),r.moveStart("character",n),r.moveEnd("character",i-n),r.select()}else s.setOffsets(t,e)}};e.exports=l},{"./ReactDOMSelection":9,"fbjs/lib/containsNode":3,"fbjs/lib/focusNode":4,"fbjs/lib/getActiveElement":5}],11:[function(t,e,n){"use strict";function i(t){for(;t&&t.firstChild;)t=t.firstChild;return t}function s(t){for(;t;){if(t.nextSibling)return t.nextSibling;t=t.parentNode}}function r(t,e){for(var n=i(t),r=0,a=0;n;){if(3===n.nodeType){if(a=r+n.textContent.length,e>=r&&a>=e)return{node:n,offset:e-r};r=a}n=i(s(n))}}e.exports=r},{}],12:[function(t,e,n){"use strict";function i(){return!r&&s.canUseDOM&&(r="textContent"in document.documentElement?"textContent":"innerText"),r}var s=t("fbjs/lib/ExecutionEnvironment"),r=null;e.exports=i},{"fbjs/lib/ExecutionEnvironment":2}]},{},[1])(1)});
\ No newline at end of file
diff --git a/package.json b/package.json
index c3b4699..0483f02 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-maskedinput",
   "description": "Masked <input/> React component",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "main": "./lib/index.js",
   "standalone": "MaskedInput",
   "homepage": "https://github.com/insin/react-maskedinput",

From e111d7185bd0d2f8537ba92bb27e52468e349890 Mon Sep 17 00:00:00 2001
From: Brandon Pugh <bp@brandonpugh.com>
Date: Sat, 13 Feb 2016 20:17:31 -0600
Subject: [PATCH 06/29] Migrate build process to nwb

- Removes .npmignore in favor of whitelisting with "files" in package.json
- Removes dist folder and instead builds to umd folder that is only
  published to npm and hosted on npmcdn instead of checking into git
- Remove 'use strict' statement since babel inserts it automactically
---
 .gitignore                    |    9 +-
 .npmignore                    |    7 -
 demo/index.html               |    2 +-
 dist/react-maskedinput.js     | 1337 ---------------------------------
 dist/react-maskedinput.min.js |    5 -
 nwb.config.js                 |   21 +
 package.json                  |   42 +-
 src/{index.jsx => index.js}   |    2 -
 8 files changed, 45 insertions(+), 1380 deletions(-)
 delete mode 100644 .npmignore
 delete mode 100644 dist/react-maskedinput.js
 delete mode 100644 dist/react-maskedinput.min.js
 create mode 100644 nwb.config.js
 rename src/{index.jsx => index.js} (99%)

diff --git a/.gitignore b/.gitignore
index 46f1072..4994ab3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,7 @@
-lib/
-node_modules/
\ No newline at end of file
+/coverage
+/demo/dist
+/es6
+/lib
+/node_modules
+/umd
+npm-debug.log
diff --git a/.npmignore b/.npmignore
deleted file mode 100644
index 564d394..0000000
--- a/.npmignore
+++ /dev/null
@@ -1,7 +0,0 @@
-demo
-src
-test
-.gitignore
-.jshintrc
-.travis.yml
-gulpfile.js
diff --git a/demo/index.html b/demo/index.html
index e1c166d..e8b0e1f 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -5,7 +5,7 @@
   <script src="http://fb.me/react-0.14.0.js"></script>
   <script src="http://fb.me/react-dom-0.14.0.js"></script>
   <script src="http://fb.me/JSXTransformer-0.13.3.js"></script>
-  <script src="../dist/react-maskedinput.js"></script>
+  <script src="../umd/react-maskedinput.js"></script>
   <style>
   body {
     box-sizing: border-box;
diff --git a/dist/react-maskedinput.js b/dist/react-maskedinput.js
deleted file mode 100644
index a7ad6bf..0000000
--- a/dist/react-maskedinput.js
+++ /dev/null
@@ -1,1337 +0,0 @@
-/*!
- * react-maskedinput 3.1.0 (dev build at Thu, 11 Feb 2016 15:36:55 GMT) - https://github.com/insin/react-maskedinput
- * MIT Licensed
- */
-(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.MaskedInput = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
-'use strict';
-
-var React = (typeof window !== "undefined" ? window['React'] : typeof global !== "undefined" ? global['React'] : null)
-var $__0=   require('react/lib/ReactInputSelection'),getSelection=$__0.getSelection,setSelection=$__0.setSelection
-
-var InputMask = require('inputmask-core')
-
-var KEYCODE_Z = 90
-var KEYCODE_Y = 89
-
-function isUndo(e) {
-  return (e.ctrlKey || e.metaKey) && e.keyCode === (e.shiftKey ? KEYCODE_Y : KEYCODE_Z)
-}
-
-function isRedo(e) {
-  return (e.ctrlKey || e.metaKey) && e.keyCode === (e.shiftKey ? KEYCODE_Z : KEYCODE_Y)
-}
-
-var MaskedInput = React.createClass({displayName: "MaskedInput",
-  propTypes: {
-    mask: React.PropTypes.string.isRequired,
-
-    formatCharacters: React.PropTypes.object,
-    placeholderChar: React.PropTypes.string
-  },
-
-  getDefaultProps:function() {
-    return {
-      value: ''
-    }
-  },
-
-  componentWillMount:function() {
-    var options = {
-      pattern: this.props.mask,
-      value: this.props.value,
-      formatCharacters: this.props.formatCharacters
-    }
-    if (this.props.placeholderChar) {
-      options.placeholderChar = this.props.placeholderChar
-    }
-    this.mask = new InputMask(options)
-  },
-
-  componentWillReceiveProps:function(nextProps) {
-    if (this.props.value !== nextProps.value) {
-      this.mask.setValue(nextProps.value)
-    }
-    if (this.props.mask !== nextProps.mask) {
-      this.mask.setPattern(nextProps.mask, {value: this.mask.getRawValue()})
-    }
-  },
-
-  _updateMaskSelection:function() {
-    this.mask.selection = getSelection(this.input)
-  },
-
-  _updateInputSelection:function() {
-    setSelection(this.input, this.mask.selection)
-  },
-
-  _onChange:function(e) {
-    // console.log('onChange', JSON.stringify(getSelection(this.input)), e.target.value)
-
-    var maskValue = this.mask.getValue()
-    if (e.target.value != maskValue) {
-      // Cut or delete operations will have shortened the value
-      if (e.target.value.length < maskValue.length) {
-        var sizeDiff = maskValue.length - e.target.value.length
-        this._updateMaskSelection()
-        this.mask.selection.end = this.mask.selection.start + sizeDiff
-        this.mask.backspace()
-      }
-      var value = this._getDisplayValue()
-      e.target.value = value
-      if (value) {
-        this._updateInputSelection()
-      }
-    }
-    if (this.props.onChange) {
-      this.props.onChange(e)
-    }
-  },
-
-  _onKeyDown:function(e) {
-    // console.log('onKeyDown', JSON.stringify(getSelection(this.input)), e.key, e.target.value)
-
-    if (isUndo(e)) {
-      e.preventDefault()
-      if (this.mask.undo()) {
-        e.target.value = this._getDisplayValue()
-        this._updateInputSelection()
-        this.props.onChange(e)
-      }
-      return
-    }
-    else if (isRedo(e)) {
-      e.preventDefault()
-      if (this.mask.redo()) {
-        e.target.value = this._getDisplayValue()
-        this._updateInputSelection()
-        this.props.onChange(e)
-      }
-      return
-    }
-
-    if (e.key == 'Backspace') {
-      e.preventDefault()
-      this._updateMaskSelection()
-      if (this.mask.backspace()) {
-        var value = this._getDisplayValue()
-        e.target.value = value
-        if (value) {
-          this._updateInputSelection()
-        }
-        this.props.onChange(e)
-      }
-    }
-  },
-
-  _onKeyPress:function(e) {
-    // console.log('onKeyPress', JSON.stringify(getSelection(this.input)), e.key, e.target.value)
-
-    // Ignore modified key presses
-    // Ignore enter key to allow form submission
-    if (e.metaKey || e.altKey || e.ctrlKey || e.key == 'Enter') { return }
-
-    e.preventDefault()
-    this._updateMaskSelection()
-    if (this.mask.input(e.key)) {
-      e.target.value = this.mask.getValue()
-      this._updateInputSelection()
-      this.props.onChange(e)
-    }
-  },
-
-  _onPaste:function(e) {
-    // console.log('onPaste', JSON.stringify(getSelection(this.input)), e.clipboardData.getData('Text'), e.target.value)
-
-    e.preventDefault()
-    this._updateMaskSelection()
-    // getData value needed for IE also works in FF & Chrome
-    if (this.mask.paste(e.clipboardData.getData('Text'))) {
-      e.target.value = this.mask.getValue()
-      // Timeout needed for IE
-      setTimeout(this._updateInputSelection, 0)
-      this.props.onChange(e)
-    }
-  },
-
-  _getDisplayValue:function() {
-    var value = this.mask.getValue()
-    return value === this.mask.emptyValue ? '' : value
-  },
-
-  render:function() {
-    var $__0=      this.props,mask=$__0.mask,formatCharacters=$__0.formatCharacters,size=$__0.size,placeholder=$__0.placeholder,props=(function(source, exclusion) {var rest = {};var hasOwn = Object.prototype.hasOwnProperty;if (source == null) {throw new TypeError();}for (var key in source) {if (hasOwn.call(source, key) && !hasOwn.call(exclusion, key)) {rest[key] = source[key];}}return rest;})($__0,{mask:1,formatCharacters:1,size:1,placeholder:1})
-    var patternLength = this.mask.pattern.length
-    return React.createElement("input", React.__spread({},  props, 
-      {ref: function(r)  {return this.input = r;}.bind(this), 
-      maxLength: patternLength, 
-      onChange: this._onChange, 
-      onKeyDown: this._onKeyDown, 
-      onKeyPress: this._onKeyPress, 
-      onPaste: this._onPaste, 
-      placeholder: placeholder || this.mask.emptyValue, 
-      size: size || patternLength, 
-      value: this._getDisplayValue()})
-    )
-  }
-})
-
-module.exports = MaskedInput
-
-},{"inputmask-core":8,"react/lib/ReactInputSelection":10}],2:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule ExecutionEnvironment
- */
-
-'use strict';
-
-var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-
-/**
- * Simple, lightweight module assisting with the detection and context of
- * Worker. Helps avoid circular dependencies and allows code to reason about
- * whether or not they are in a Worker, even if they never include the main
- * `ReactWorker` dependency.
- */
-var ExecutionEnvironment = {
-
-  canUseDOM: canUseDOM,
-
-  canUseWorkers: typeof Worker !== 'undefined',
-
-  canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent),
-
-  canUseViewport: canUseDOM && !!window.screen,
-
-  isInWorker: !canUseDOM // For now, this is true - might change in the future.
-
-};
-
-module.exports = ExecutionEnvironment;
-},{}],3:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule containsNode
- * @typechecks
- */
-
-'use strict';
-
-var isTextNode = require('./isTextNode');
-
-/*eslint-disable no-bitwise */
-
-/**
- * Checks if a given DOM node contains or is another DOM node.
- *
- * @param {?DOMNode} outerNode Outer DOM node.
- * @param {?DOMNode} innerNode Inner DOM node.
- * @return {boolean} True if `outerNode` contains or is `innerNode`.
- */
-function containsNode(_x, _x2) {
-  var _again = true;
-
-  _function: while (_again) {
-    var outerNode = _x,
-        innerNode = _x2;
-    _again = false;
-
-    if (!outerNode || !innerNode) {
-      return false;
-    } else if (outerNode === innerNode) {
-      return true;
-    } else if (isTextNode(outerNode)) {
-      return false;
-    } else if (isTextNode(innerNode)) {
-      _x = outerNode;
-      _x2 = innerNode.parentNode;
-      _again = true;
-      continue _function;
-    } else if (outerNode.contains) {
-      return outerNode.contains(innerNode);
-    } else if (outerNode.compareDocumentPosition) {
-      return !!(outerNode.compareDocumentPosition(innerNode) & 16);
-    } else {
-      return false;
-    }
-  }
-}
-
-module.exports = containsNode;
-},{"./isTextNode":7}],4:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule focusNode
- */
-
-'use strict';
-
-/**
- * @param {DOMElement} node input/textarea to focus
- */
-function focusNode(node) {
-  // IE8 can throw "Can't move focus to the control because it is invisible,
-  // not enabled, or of a type that does not accept the focus." for all kinds of
-  // reasons that are too expensive and fragile to test.
-  try {
-    node.focus();
-  } catch (e) {}
-}
-
-module.exports = focusNode;
-},{}],5:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule getActiveElement
- * @typechecks
- */
-
-/* eslint-disable fb-www/typeof-undefined */
-
-/**
- * Same as document.activeElement but wraps in a try-catch block. In IE it is
- * not safe to call document.activeElement if there is nothing focused.
- *
- * The activeElement will be null only if the document or document body is not
- * yet defined.
- */
-'use strict';
-
-function getActiveElement() /*?DOMElement*/{
-  if (typeof document === 'undefined') {
-    return null;
-  }
-  try {
-    return document.activeElement || document.body;
-  } catch (e) {
-    return document.body;
-  }
-}
-
-module.exports = getActiveElement;
-},{}],6:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule isNode
- * @typechecks
- */
-
-/**
- * @param {*} object The object to check.
- * @return {boolean} Whether or not the object is a DOM node.
- */
-'use strict';
-
-function isNode(object) {
-  return !!(object && (typeof Node === 'function' ? object instanceof Node : typeof object === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string'));
-}
-
-module.exports = isNode;
-},{}],7:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule isTextNode
- * @typechecks
- */
-
-'use strict';
-
-var isNode = require('./isNode');
-
-/**
- * @param {*} object The object to check.
- * @return {boolean} Whether or not the object is a DOM text node.
- */
-function isTextNode(object) {
-  return isNode(object) && object.nodeType == 3;
-}
-
-module.exports = isTextNode;
-},{"./isNode":6}],8:[function(require,module,exports){
-'use strict'
-
-function extend(dest, src) {
-  if (src) {
-    var props = Object.keys(src)
-    for (var i = 0, l = props.length; i < l ; i++) {
-      dest[props[i]] = src[props[i]]
-    }
-  }
-  return dest
-}
-
-function copy(obj) {
-  return extend({}, obj)
-}
-
-/**
- * Merge an object defining format characters into the defaults.
- * Passing null/undefined for en existing format character removes it.
- * Passing a definition for an existing format character overrides it.
- * @param {?Object} formatCharacters.
- */
-function mergeFormatCharacters(formatCharacters) {
-  var merged = copy(DEFAULT_FORMAT_CHARACTERS)
-  if (formatCharacters) {
-    var chars = Object.keys(formatCharacters)
-    for (var i = 0, l = chars.length; i < l ; i++) {
-      var char = chars[i]
-      if (formatCharacters[char] == null) {
-        delete merged[char]
-      }
-      else {
-        merged[char] = formatCharacters[char]
-      }
-    }
-  }
-  return merged
-}
-
-var ESCAPE_CHAR = '\\'
-
-var DIGIT_RE = /^\d$/
-var LETTER_RE = /^[A-Za-z]$/
-var ALPHANNUMERIC_RE = /^[\dA-Za-z]$/
-
-var DEFAULT_PLACEHOLDER_CHAR = '_'
-var DEFAULT_FORMAT_CHARACTERS = {
-  '*': {
-    validate: function(char) { return ALPHANNUMERIC_RE.test(char) }
-  },
-  '1': {
-    validate: function(char) { return DIGIT_RE.test(char) }
-  },
-  'a': {
-    validate: function(char) { return LETTER_RE.test(char) }
-  },
-  'A': {
-    validate: function(char) { return LETTER_RE.test(char) },
-    transform: function(char) { return char.toUpperCase() }
-  },
-  '#': {
-    validate: function(char) { return ALPHANNUMERIC_RE.test(char) },
-    transform: function(char) { return char.toUpperCase() }
-  }
-}
-
-/**
- * @param {string} source
- * @patam {?Object} formatCharacters
- */
-function Pattern(source, formatCharacters, placeholderChar) {
-  if (!(this instanceof Pattern)) {
-    return new Pattern(source, formatCharacters, placeholderChar)
-  }
-
-  /** Placeholder character */
-  this.placeholderChar = placeholderChar || DEFAULT_PLACEHOLDER_CHAR
-  /** Format character definitions. */
-  this.formatCharacters = formatCharacters || DEFAULT_FORMAT_CHARACTERS
-  /** Pattern definition string with escape characters. */
-  this.source = source
-  /** Pattern characters after escape characters have been processed. */
-  this.pattern = []
-  /** Length of the pattern after escape characters have been processed. */
-  this.length = 0
-  /** Index of the first editable character. */
-  this.firstEditableIndex = null
-  /** Index of the last editable character. */
-  this.lastEditableIndex = null
-
-  /** Lookup for indices of editable characters in the pattern. */
-  this._editableIndices = {}
-
-  this._parse()
-}
-
-Pattern.prototype._parse = function parse() {
-  var sourceChars = this.source.split('')
-  var patternIndex = 0
-  var pattern = []
-
-  for (var i = 0, l = sourceChars.length; i < l; i++) {
-    var char = sourceChars[i]
-    if (char === ESCAPE_CHAR) {
-      if (i === l - 1) {
-        throw new Error('InputMask: pattern ends with a raw ' + ESCAPE_CHAR)
-      }
-      char = sourceChars[++i]
-    }
-    else if (char in this.formatCharacters) {
-      if (this.firstEditableIndex === null) {
-        this.firstEditableIndex = patternIndex
-      }
-      this.lastEditableIndex = patternIndex
-      this._editableIndices[patternIndex] = true
-    }
-
-    pattern.push(char)
-    patternIndex++
-  }
-
-  if (this.firstEditableIndex === null) {
-    throw new Error(
-      'InputMask: pattern "' + this.source + '" does not contain any editable characters.'
-    )
-  }
-
-  this.pattern = pattern
-  this.length = pattern.length
-}
-
-/**
- * @param {Array<string>} value
- * @return {Array<string>}
- */
-Pattern.prototype.formatValue = function format(value) {
-  var valueBuffer = new Array(this.length)
-  var valueIndex = 0
-
-  for (var i = 0, l = this.length; i < l ; i++) {
-    if (this.isEditableIndex(i)) {
-      valueBuffer[i] = (value.length > valueIndex && this.isValidAtIndex(value[valueIndex], i)
-                        ? this.transform(value[valueIndex], i)
-                        : this.placeholderChar)
-      valueIndex++
-    }
-    else {
-      valueBuffer[i] = this.pattern[i]
-      // Also allow the value to contain static values from the pattern by
-      // advancing its index.
-      if (value.length > valueIndex && value[valueIndex] === this.pattern[i]) {
-        valueIndex++
-      }
-    }
-  }
-
-  return valueBuffer
-}
-
-/**
- * @param {number} index
- * @return {boolean}
- */
-Pattern.prototype.isEditableIndex = function isEditableIndex(index) {
-  return !!this._editableIndices[index]
-}
-
-/**
- * @param {string} char
- * @param {number} index
- * @return {boolean}
- */
-Pattern.prototype.isValidAtIndex = function isValidAtIndex(char, index) {
-  return this.formatCharacters[this.pattern[index]].validate(char)
-}
-
-Pattern.prototype.transform = function transform(char, index) {
-  var format = this.formatCharacters[this.pattern[index]]
-  return typeof format.transform == 'function' ? format.transform(char) : char
-}
-
-function InputMask(options) {
-  if (!(this instanceof InputMask)) { return new InputMask(options) }
-
-  options = extend({
-    formatCharacters: null,
-    pattern: null,
-    placeholderChar: DEFAULT_PLACEHOLDER_CHAR,
-    selection: {start: 0, end: 0},
-    value: ''
-  }, options)
-
-  if (options.pattern == null) {
-    throw new Error('InputMask: you must provide a pattern.')
-  }
-
-  if (options.placeholderChar.length !== 1) {
-    throw new Error('InputMask: placeholderChar should be a single character.')
-  }
-
-  this.placeholderChar = options.placeholderChar
-  this.formatCharacters = mergeFormatCharacters(options.formatCharacters)
-  this.setPattern(options.pattern, {
-    value: options.value,
-    selection: options.selection
-  })
-}
-
-// Editing
-
-/**
- * Applies a single character of input based on the current selection.
- * @param {string} char
- * @return {boolean} true if a change has been made to value or selection as a
- *   result of the input, false otherwise.
- */
-InputMask.prototype.input = function input(char) {
-  // Ignore additional input if the cursor's at the end of the pattern
-  if (this.selection.start === this.selection.end &&
-      this.selection.start === this.pattern.length) {
-    return false
-  }
-
-  var selectionBefore = copy(this.selection)
-  var valueBefore = this.getValue()
-
-  var inputIndex = this.selection.start
-
-  // If the cursor or selection is prior to the first editable character, make
-  // sure any input given is applied to it.
-  if (inputIndex < this.pattern.firstEditableIndex) {
-    inputIndex = this.pattern.firstEditableIndex
-  }
-
-  // Bail out or add the character to input
-  if (this.pattern.isEditableIndex(inputIndex)) {
-    if (!this.pattern.isValidAtIndex(char, inputIndex)) {
-      return false
-    }
-    this.value[inputIndex] = this.pattern.transform(char, inputIndex)
-  }
-
-  // If multiple characters were selected, blank the remainder out based on the
-  // pattern.
-  var end = this.selection.end - 1
-  while (end > inputIndex) {
-    if (this.pattern.isEditableIndex(end)) {
-      this.value[end] = this.placeholderChar
-    }
-    end--
-  }
-
-  // Advance the cursor to the next character
-  this.selection.start = this.selection.end = inputIndex + 1
-
-  // Skip over any subsequent static characters
-  while (this.pattern.length > this.selection.start &&
-         !this.pattern.isEditableIndex(this.selection.start)) {
-    this.selection.start++
-    this.selection.end++
-  }
-
-  // History
-  if (this._historyIndex != null) {
-    // Took more input after undoing, so blow any subsequent history away
-    console.log('splice(', this._historyIndex, this._history.length - this._historyIndex, ')')
-    this._history.splice(this._historyIndex, this._history.length - this._historyIndex)
-    this._historyIndex = null
-  }
-  if (this._lastOp !== 'input' ||
-      selectionBefore.start !== selectionBefore.end ||
-      this._lastSelection !== null && selectionBefore.start !== this._lastSelection.start) {
-    this._history.push({value: valueBefore, selection: selectionBefore, lastOp: this._lastOp})
-  }
-  this._lastOp = 'input'
-  this._lastSelection = copy(this.selection)
-
-  return true
-}
-
-/**
- * Attempts to delete from the value based on the current cursor position or
- * selection.
- * @return {boolean} true if the value or selection changed as the result of
- *   backspacing, false otherwise.
- */
-InputMask.prototype.backspace = function backspace() {
-  // If the cursor is at the start there's nothing to do
-  if (this.selection.start === 0 && this.selection.end === 0) {
-    return false
-  }
-
-  var selectionBefore = copy(this.selection)
-  var valueBefore = this.getValue()
-
-  // No range selected - work on the character preceding the cursor
-  if (this.selection.start === this.selection.end) {
-    if (this.pattern.isEditableIndex(this.selection.start - 1)) {
-      this.value[this.selection.start - 1] = this.placeholderChar
-    }
-    this.selection.start--
-    this.selection.end--
-  }
-  // Range selected - delete characters and leave the cursor at the start of the selection
-  else {
-    var end = this.selection.end - 1
-    while (end >= this.selection.start) {
-      if (this.pattern.isEditableIndex(end)) {
-        this.value[end] = this.placeholderChar
-      }
-      end--
-    }
-    this.selection.end = this.selection.start
-  }
-
-  // History
-  if (this._historyIndex != null) {
-    // Took more input after undoing, so blow any subsequent history away
-    this._history.splice(this._historyIndex, this._history.length - this._historyIndex)
-  }
-  if (this._lastOp !== 'backspace' ||
-      selectionBefore.start !== selectionBefore.end ||
-      this._lastSelection !== null && selectionBefore.start !== this._lastSelection.start) {
-    this._history.push({value: valueBefore, selection: selectionBefore, lastOp: this._lastOp})
-  }
-  this._lastOp = 'backspace'
-  this._lastSelection = copy(this.selection)
-
-  return true
-}
-
-/**
- * Attempts to paste a string of input at the current cursor position or over
- * the top of the current selection.
- * Invalid content at any position will cause the paste to be rejected, and it
- * may contain static parts of the mask's pattern.
- * @param {string} input
- * @return {boolean} true if the paste was successful, false otherwise.
- */
-InputMask.prototype.paste = function paste(input) {
-  // This is necessary because we're just calling input() with each character
-  // and rolling back if any were invalid, rather than checking up-front.
-  var initialState = {
-    value: this.value.slice(),
-    selection: copy(this.selection),
-    _lastOp: this._lastOp,
-    _history: this._history.slice(),
-    _historyIndex: this._historyIndex,
-    _lastSelection: copy(this._lastSelection)
-  }
-
-  // If there are static characters at the start of the pattern and the cursor
-  // or selection is within them, the static characters must match for a valid
-  // paste.
-  if (this.selection.start < this.pattern.firstEditableIndex) {
-    for (var i = 0, l = this.pattern.firstEditableIndex - this.selection.start; i < l; i++) {
-      if (input.charAt(i) !== this.pattern.pattern[i]) {
-        return false
-      }
-    }
-
-    // Continue as if the selection and input started from the editable part of
-    // the pattern.
-    input = input.substring(this.pattern.firstEditableIndex - this.selection.start)
-    this.selection.start = this.pattern.firstEditableIndex
-  }
-
-  for (i = 0, l = input.length;
-       i < l && this.selection.start <= this.pattern.lastEditableIndex;
-       i++) {
-    var valid = this.input(input.charAt(i))
-    // Allow static parts of the pattern to appear in pasted input - they will
-    // already have been stepped over by input(), so verify that the value
-    // deemed invalid by input() was the expected static character.
-    if (!valid) {
-      if (this.selection.start > 0) {
-        // XXX This only allows for one static character to be skipped
-        var patternIndex = this.selection.start - 1
-        if (!this.pattern.isEditableIndex(patternIndex) &&
-            input.charAt(i) === this.pattern.pattern[patternIndex]) {
-          continue
-        }
-      }
-      extend(this, initialState)
-      return false
-    }
-  }
-
-  return true
-}
-
-// History
-
-InputMask.prototype.undo = function undo() {
-  // If there is no history, or nothing more on the history stack, we can't undo
-  if (this._history.length === 0 || this._historyIndex === 0) {
-    return false
-  }
-
-  var historyItem
-  if (this._historyIndex == null) {
-    // Not currently undoing, set up the initial history index
-    this._historyIndex = this._history.length - 1
-    historyItem = this._history[this._historyIndex]
-    // Add a new history entry if anything has changed since the last one, so we
-    // can redo back to the initial state we started undoing from.
-    var value = this.getValue()
-    if (historyItem.value !== value ||
-        historyItem.selection.start !== this.selection.start ||
-        historyItem.selection.end !== this.selection.end) {
-      this._history.push({value: value, selection: copy(this.selection), lastOp: this._lastOp, startUndo: true})
-    }
-  }
-  else {
-    historyItem = this._history[--this._historyIndex]
-  }
-
-  this.value = historyItem.value.split('')
-  this.selection = historyItem.selection
-  this._lastOp = historyItem.lastOp
-  return true
-}
-
-InputMask.prototype.redo = function redo() {
-  if (this._history.length === 0 || this._historyIndex == null) {
-    return false
-  }
-  var historyItem = this._history[++this._historyIndex]
-  // If this is the last history item, we're done redoing
-  if (this._historyIndex === this._history.length - 1) {
-    this._historyIndex = null
-    // If the last history item was only added to start undoing, remove it
-    if (historyItem.startUndo) {
-      this._history.pop()
-    }
-  }
-  this.value = historyItem.value.split('')
-  this.selection = historyItem.selection
-  this._lastOp = historyItem.lastOp
-  return true
-}
-
-// Getters & setters
-
-InputMask.prototype.setPattern = function setPattern(pattern, options) {
-  options = extend({
-    selection: {start: 0, end: 0},
-    value: ''
-  }, options)
-  this.pattern = new Pattern(pattern, this.formatCharacters, this.placeholderChar)
-  this.setValue(options.value)
-  this.emptyValue = this.pattern.formatValue([]).join('')
-  this.selection = options.selection
-  this._resetHistory()
-}
-
-InputMask.prototype.setSelection = function setSelection(selection) {
-  this.selection = copy(selection)
-  if (this.selection.start === this.selection.end) {
-    if (this.selection.start < this.pattern.firstEditableIndex) {
-      this.selection.start = this.selection.end = this.pattern.firstEditableIndex
-      return true
-    }
-    if (this.selection.end > this.pattern.lastEditableIndex + 1) {
-      this.selection.start = this.selection.end = this.pattern.lastEditableIndex + 1
-      return true
-    }
-  }
-  return false
-}
-
-InputMask.prototype.setValue = function setValue(value) {
-  if (value == null) {
-    value = ''
-  }
-  this.value = this.pattern.formatValue(value.split(''))
-}
-
-InputMask.prototype.getValue = function getValue() {
-  return this.value.join('')
-}
-
-InputMask.prototype.getRawValue = function getRawValue() {
-  var rawValue = []
-  for (var i = 0; i < this.value.length; i++) {
-    if (this.pattern._editableIndices[i] === true) {
-      rawValue.push(this.value[i])
-    }
-  }
-  return rawValue.join('')
-}
-
-InputMask.prototype._resetHistory = function _resetHistory() {
-  this._history = []
-  this._historyIndex = null
-  this._lastOp = null
-  this._lastSelection = copy(this.selection)
-}
-
-InputMask.Pattern = Pattern
-
-module.exports = InputMask
-
-},{}],9:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule ReactDOMSelection
- */
-
-'use strict';
-
-var ExecutionEnvironment = require('fbjs/lib/ExecutionEnvironment');
-
-var getNodeForCharacterOffset = require('./getNodeForCharacterOffset');
-var getTextContentAccessor = require('./getTextContentAccessor');
-
-/**
- * While `isCollapsed` is available on the Selection object and `collapsed`
- * is available on the Range object, IE11 sometimes gets them wrong.
- * If the anchor/focus nodes and offsets are the same, the range is collapsed.
- */
-function isCollapsed(anchorNode, anchorOffset, focusNode, focusOffset) {
-  return anchorNode === focusNode && anchorOffset === focusOffset;
-}
-
-/**
- * Get the appropriate anchor and focus node/offset pairs for IE.
- *
- * The catch here is that IE's selection API doesn't provide information
- * about whether the selection is forward or backward, so we have to
- * behave as though it's always forward.
- *
- * IE text differs from modern selection in that it behaves as though
- * block elements end with a new line. This means character offsets will
- * differ between the two APIs.
- *
- * @param {DOMElement} node
- * @return {object}
- */
-function getIEOffsets(node) {
-  var selection = document.selection;
-  var selectedRange = selection.createRange();
-  var selectedLength = selectedRange.text.length;
-
-  // Duplicate selection so we can move range without breaking user selection.
-  var fromStart = selectedRange.duplicate();
-  fromStart.moveToElementText(node);
-  fromStart.setEndPoint('EndToStart', selectedRange);
-
-  var startOffset = fromStart.text.length;
-  var endOffset = startOffset + selectedLength;
-
-  return {
-    start: startOffset,
-    end: endOffset
-  };
-}
-
-/**
- * @param {DOMElement} node
- * @return {?object}
- */
-function getModernOffsets(node) {
-  var selection = window.getSelection && window.getSelection();
-
-  if (!selection || selection.rangeCount === 0) {
-    return null;
-  }
-
-  var anchorNode = selection.anchorNode;
-  var anchorOffset = selection.anchorOffset;
-  var focusNode = selection.focusNode;
-  var focusOffset = selection.focusOffset;
-
-  var currentRange = selection.getRangeAt(0);
-
-  // In Firefox, range.startContainer and range.endContainer can be "anonymous
-  // divs", e.g. the up/down buttons on an <input type="number">. Anonymous
-  // divs do not seem to expose properties, triggering a "Permission denied
-  // error" if any of its properties are accessed. The only seemingly possible
-  // way to avoid erroring is to access a property that typically works for
-  // non-anonymous divs and catch any error that may otherwise arise. See
-  // https://bugzilla.mozilla.org/show_bug.cgi?id=208427
-  try {
-    /* eslint-disable no-unused-expressions */
-    currentRange.startContainer.nodeType;
-    currentRange.endContainer.nodeType;
-    /* eslint-enable no-unused-expressions */
-  } catch (e) {
-    return null;
-  }
-
-  // If the node and offset values are the same, the selection is collapsed.
-  // `Selection.isCollapsed` is available natively, but IE sometimes gets
-  // this value wrong.
-  var isSelectionCollapsed = isCollapsed(selection.anchorNode, selection.anchorOffset, selection.focusNode, selection.focusOffset);
-
-  var rangeLength = isSelectionCollapsed ? 0 : currentRange.toString().length;
-
-  var tempRange = currentRange.cloneRange();
-  tempRange.selectNodeContents(node);
-  tempRange.setEnd(currentRange.startContainer, currentRange.startOffset);
-
-  var isTempRangeCollapsed = isCollapsed(tempRange.startContainer, tempRange.startOffset, tempRange.endContainer, tempRange.endOffset);
-
-  var start = isTempRangeCollapsed ? 0 : tempRange.toString().length;
-  var end = start + rangeLength;
-
-  // Detect whether the selection is backward.
-  var detectionRange = document.createRange();
-  detectionRange.setStart(anchorNode, anchorOffset);
-  detectionRange.setEnd(focusNode, focusOffset);
-  var isBackward = detectionRange.collapsed;
-
-  return {
-    start: isBackward ? end : start,
-    end: isBackward ? start : end
-  };
-}
-
-/**
- * @param {DOMElement|DOMTextNode} node
- * @param {object} offsets
- */
-function setIEOffsets(node, offsets) {
-  var range = document.selection.createRange().duplicate();
-  var start, end;
-
-  if (typeof offsets.end === 'undefined') {
-    start = offsets.start;
-    end = start;
-  } else if (offsets.start > offsets.end) {
-    start = offsets.end;
-    end = offsets.start;
-  } else {
-    start = offsets.start;
-    end = offsets.end;
-  }
-
-  range.moveToElementText(node);
-  range.moveStart('character', start);
-  range.setEndPoint('EndToStart', range);
-  range.moveEnd('character', end - start);
-  range.select();
-}
-
-/**
- * In modern non-IE browsers, we can support both forward and backward
- * selections.
- *
- * Note: IE10+ supports the Selection object, but it does not support
- * the `extend` method, which means that even in modern IE, it's not possible
- * to programatically create a backward selection. Thus, for all IE
- * versions, we use the old IE API to create our selections.
- *
- * @param {DOMElement|DOMTextNode} node
- * @param {object} offsets
- */
-function setModernOffsets(node, offsets) {
-  if (!window.getSelection) {
-    return;
-  }
-
-  var selection = window.getSelection();
-  var length = node[getTextContentAccessor()].length;
-  var start = Math.min(offsets.start, length);
-  var end = typeof offsets.end === 'undefined' ? start : Math.min(offsets.end, length);
-
-  // IE 11 uses modern selection, but doesn't support the extend method.
-  // Flip backward selections, so we can set with a single range.
-  if (!selection.extend && start > end) {
-    var temp = end;
-    end = start;
-    start = temp;
-  }
-
-  var startMarker = getNodeForCharacterOffset(node, start);
-  var endMarker = getNodeForCharacterOffset(node, end);
-
-  if (startMarker && endMarker) {
-    var range = document.createRange();
-    range.setStart(startMarker.node, startMarker.offset);
-    selection.removeAllRanges();
-
-    if (start > end) {
-      selection.addRange(range);
-      selection.extend(endMarker.node, endMarker.offset);
-    } else {
-      range.setEnd(endMarker.node, endMarker.offset);
-      selection.addRange(range);
-    }
-  }
-}
-
-var useIEOffsets = ExecutionEnvironment.canUseDOM && 'selection' in document && !('getSelection' in window);
-
-var ReactDOMSelection = {
-  /**
-   * @param {DOMElement} node
-   */
-  getOffsets: useIEOffsets ? getIEOffsets : getModernOffsets,
-
-  /**
-   * @param {DOMElement|DOMTextNode} node
-   * @param {object} offsets
-   */
-  setOffsets: useIEOffsets ? setIEOffsets : setModernOffsets
-};
-
-module.exports = ReactDOMSelection;
-},{"./getNodeForCharacterOffset":11,"./getTextContentAccessor":12,"fbjs/lib/ExecutionEnvironment":2}],10:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule ReactInputSelection
- */
-
-'use strict';
-
-var ReactDOMSelection = require('./ReactDOMSelection');
-
-var containsNode = require('fbjs/lib/containsNode');
-var focusNode = require('fbjs/lib/focusNode');
-var getActiveElement = require('fbjs/lib/getActiveElement');
-
-function isInDocument(node) {
-  return containsNode(document.documentElement, node);
-}
-
-/**
- * @ReactInputSelection: React input selection module. Based on Selection.js,
- * but modified to be suitable for react and has a couple of bug fixes (doesn't
- * assume buttons have range selections allowed).
- * Input selection module for React.
- */
-var ReactInputSelection = {
-
-  hasSelectionCapabilities: function (elem) {
-    var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-    return nodeName && (nodeName === 'input' && elem.type === 'text' || nodeName === 'textarea' || elem.contentEditable === 'true');
-  },
-
-  getSelectionInformation: function () {
-    var focusedElem = getActiveElement();
-    return {
-      focusedElem: focusedElem,
-      selectionRange: ReactInputSelection.hasSelectionCapabilities(focusedElem) ? ReactInputSelection.getSelection(focusedElem) : null
-    };
-  },
-
-  /**
-   * @restoreSelection: If any selection information was potentially lost,
-   * restore it. This is useful when performing operations that could remove dom
-   * nodes and place them back in, resulting in focus being lost.
-   */
-  restoreSelection: function (priorSelectionInformation) {
-    var curFocusedElem = getActiveElement();
-    var priorFocusedElem = priorSelectionInformation.focusedElem;
-    var priorSelectionRange = priorSelectionInformation.selectionRange;
-    if (curFocusedElem !== priorFocusedElem && isInDocument(priorFocusedElem)) {
-      if (ReactInputSelection.hasSelectionCapabilities(priorFocusedElem)) {
-        ReactInputSelection.setSelection(priorFocusedElem, priorSelectionRange);
-      }
-      focusNode(priorFocusedElem);
-    }
-  },
-
-  /**
-   * @getSelection: Gets the selection bounds of a focused textarea, input or
-   * contentEditable node.
-   * -@input: Look up selection bounds of this input
-   * -@return {start: selectionStart, end: selectionEnd}
-   */
-  getSelection: function (input) {
-    var selection;
-
-    if ('selectionStart' in input) {
-      // Modern browser with input or textarea.
-      selection = {
-        start: input.selectionStart,
-        end: input.selectionEnd
-      };
-    } else if (document.selection && (input.nodeName && input.nodeName.toLowerCase() === 'input')) {
-      // IE8 input.
-      var range = document.selection.createRange();
-      // There can only be one selection per document in IE, so it must
-      // be in our element.
-      if (range.parentElement() === input) {
-        selection = {
-          start: -range.moveStart('character', -input.value.length),
-          end: -range.moveEnd('character', -input.value.length)
-        };
-      }
-    } else {
-      // Content editable or old IE textarea.
-      selection = ReactDOMSelection.getOffsets(input);
-    }
-
-    return selection || { start: 0, end: 0 };
-  },
-
-  /**
-   * @setSelection: Sets the selection bounds of a textarea or input and focuses
-   * the input.
-   * -@input     Set selection bounds of this input or textarea
-   * -@offsets   Object of same form that is returned from get*
-   */
-  setSelection: function (input, offsets) {
-    var start = offsets.start;
-    var end = offsets.end;
-    if (typeof end === 'undefined') {
-      end = start;
-    }
-
-    if ('selectionStart' in input) {
-      input.selectionStart = start;
-      input.selectionEnd = Math.min(end, input.value.length);
-    } else if (document.selection && (input.nodeName && input.nodeName.toLowerCase() === 'input')) {
-      var range = input.createTextRange();
-      range.collapse(true);
-      range.moveStart('character', start);
-      range.moveEnd('character', end - start);
-      range.select();
-    } else {
-      ReactDOMSelection.setOffsets(input, offsets);
-    }
-  }
-};
-
-module.exports = ReactInputSelection;
-},{"./ReactDOMSelection":9,"fbjs/lib/containsNode":3,"fbjs/lib/focusNode":4,"fbjs/lib/getActiveElement":5}],11:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule getNodeForCharacterOffset
- */
-
-'use strict';
-
-/**
- * Given any node return the first leaf node without children.
- *
- * @param {DOMElement|DOMTextNode} node
- * @return {DOMElement|DOMTextNode}
- */
-function getLeafNode(node) {
-  while (node && node.firstChild) {
-    node = node.firstChild;
-  }
-  return node;
-}
-
-/**
- * Get the next sibling within a container. This will walk up the
- * DOM if a node's siblings have been exhausted.
- *
- * @param {DOMElement|DOMTextNode} node
- * @return {?DOMElement|DOMTextNode}
- */
-function getSiblingNode(node) {
-  while (node) {
-    if (node.nextSibling) {
-      return node.nextSibling;
-    }
-    node = node.parentNode;
-  }
-}
-
-/**
- * Get object describing the nodes which contain characters at offset.
- *
- * @param {DOMElement|DOMTextNode} root
- * @param {number} offset
- * @return {?object}
- */
-function getNodeForCharacterOffset(root, offset) {
-  var node = getLeafNode(root);
-  var nodeStart = 0;
-  var nodeEnd = 0;
-
-  while (node) {
-    if (node.nodeType === 3) {
-      nodeEnd = nodeStart + node.textContent.length;
-
-      if (nodeStart <= offset && nodeEnd >= offset) {
-        return {
-          node: node,
-          offset: offset - nodeStart
-        };
-      }
-
-      nodeStart = nodeEnd;
-    }
-
-    node = getLeafNode(getSiblingNode(node));
-  }
-}
-
-module.exports = getNodeForCharacterOffset;
-},{}],12:[function(require,module,exports){
-/**
- * Copyright 2013-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule getTextContentAccessor
- */
-
-'use strict';
-
-var ExecutionEnvironment = require('fbjs/lib/ExecutionEnvironment');
-
-var contentKey = null;
-
-/**
- * Gets the key used to access text content on a DOM node.
- *
- * @return {?string} Key used to access text content.
- * @internal
- */
-function getTextContentAccessor() {
-  if (!contentKey && ExecutionEnvironment.canUseDOM) {
-    // Prefer textContent to innerText because many browsers support both but
-    // SVG <text> elements don't support innerText even when <div> does.
-    contentKey = 'textContent' in document.documentElement ? 'textContent' : 'innerText';
-  }
-  return contentKey;
-}
-
-module.exports = getTextContentAccessor;
-},{"fbjs/lib/ExecutionEnvironment":2}]},{},[1])(1)
-});
\ No newline at end of file
diff --git a/dist/react-maskedinput.min.js b/dist/react-maskedinput.min.js
deleted file mode 100644
index e2e7c12..0000000
--- a/dist/react-maskedinput.min.js
+++ /dev/null
@@ -1,5 +0,0 @@
-/*!
- * react-maskedinput 3.1.0 - https://github.com/insin/react-maskedinput
- * MIT Licensed
- */
-!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.MaskedInput=t()}}(function(){return function t(e,n,i){function s(a,o){if(!n[a]){if(!e[a]){var l="function"==typeof require&&require;if(!o&&l)return l(a,!0);if(r)return r(a,!0);var h=new Error("Cannot find module '"+a+"'");throw h.code="MODULE_NOT_FOUND",h}var c=n[a]={exports:{}};e[a][0].call(c.exports,function(t){var n=e[a][1][t];return s(n?n:t)},c,c.exports,t,e,n,i)}return n[a].exports}for(var r="function"==typeof require&&require,a=0;a<i.length;a++)s(i[a]);return s}({1:[function(t,e,n){"use strict";function i(t){return(t.ctrlKey||t.metaKey)&&t.keyCode===(t.shiftKey?u:c)}function s(t){return(t.ctrlKey||t.metaKey)&&t.keyCode===(t.shiftKey?c:u)}var r="undefined"!=typeof window?window.React:"undefined"!=typeof global?global.React:null,a=t("react/lib/ReactInputSelection"),o=a.getSelection,l=a.setSelection,h=t("inputmask-core"),c=90,u=89,d=r.createClass({displayName:"MaskedInput",propTypes:{mask:r.PropTypes.string.isRequired,formatCharacters:r.PropTypes.object,placeholderChar:r.PropTypes.string},getDefaultProps:function(){return{value:""}},componentWillMount:function(){var t={pattern:this.props.mask,value:this.props.value,formatCharacters:this.props.formatCharacters};this.props.placeholderChar&&(t.placeholderChar=this.props.placeholderChar),this.mask=new h(t)},componentWillReceiveProps:function(t){this.props.value!==t.value&&this.mask.setValue(t.value),this.props.mask!==t.mask&&this.mask.setPattern(t.mask,{value:this.mask.getRawValue()})},_updateMaskSelection:function(){this.mask.selection=o(this.input)},_updateInputSelection:function(){l(this.input,this.mask.selection)},_onChange:function(t){var e=this.mask.getValue();if(t.target.value!=e){if(t.target.value.length<e.length){var n=e.length-t.target.value.length;this._updateMaskSelection(),this.mask.selection.end=this.mask.selection.start+n,this.mask.backspace()}var i=this._getDisplayValue();t.target.value=i,i&&this._updateInputSelection()}this.props.onChange&&this.props.onChange(t)},_onKeyDown:function(t){if(i(t))return t.preventDefault(),void(this.mask.undo()&&(t.target.value=this._getDisplayValue(),this._updateInputSelection(),this.props.onChange(t)));if(s(t))return t.preventDefault(),void(this.mask.redo()&&(t.target.value=this._getDisplayValue(),this._updateInputSelection(),this.props.onChange(t)));if("Backspace"==t.key&&(t.preventDefault(),this._updateMaskSelection(),this.mask.backspace())){var e=this._getDisplayValue();t.target.value=e,e&&this._updateInputSelection(),this.props.onChange(t)}},_onKeyPress:function(t){t.metaKey||t.altKey||t.ctrlKey||"Enter"==t.key||(t.preventDefault(),this._updateMaskSelection(),this.mask.input(t.key)&&(t.target.value=this.mask.getValue(),this._updateInputSelection(),this.props.onChange(t)))},_onPaste:function(t){t.preventDefault(),this._updateMaskSelection(),this.mask.paste(t.clipboardData.getData("Text"))&&(t.target.value=this.mask.getValue(),setTimeout(this._updateInputSelection,0),this.props.onChange(t))},_getDisplayValue:function(){var t=this.mask.getValue();return t===this.mask.emptyValue?"":t},render:function(){var t=this.props,e=(t.mask,t.formatCharacters,t.size),n=t.placeholder,i=function(t,e){var n={},i=Object.prototype.hasOwnProperty;if(null==t)throw new TypeError;for(var s in t)i.call(t,s)&&!i.call(e,s)&&(n[s]=t[s]);return n}(t,{mask:1,formatCharacters:1,size:1,placeholder:1}),s=this.mask.pattern.length;return r.createElement("input",r.__spread({},i,{ref:function(t){return this.input=t}.bind(this),maxLength:s,onChange:this._onChange,onKeyDown:this._onKeyDown,onKeyPress:this._onKeyPress,onPaste:this._onPaste,placeholder:n||this.mask.emptyValue,size:e||s,value:this._getDisplayValue()}))}});e.exports=d},{"inputmask-core":8,"react/lib/ReactInputSelection":10}],2:[function(t,e,n){"use strict";var i=!("undefined"==typeof window||!window.document||!window.document.createElement),s={canUseDOM:i,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:i&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:i&&!!window.screen,isInWorker:!i};e.exports=s},{}],3:[function(t,e,n){"use strict";function i(t,e){var n=!0;t:for(;n;){var i=t,r=e;if(n=!1,i&&r){if(i===r)return!0;if(s(i))return!1;if(s(r)){t=i,e=r.parentNode,n=!0;continue t}return i.contains?i.contains(r):i.compareDocumentPosition?!!(16&i.compareDocumentPosition(r)):!1}return!1}}var s=t("./isTextNode");e.exports=i},{"./isTextNode":7}],4:[function(t,e,n){"use strict";function i(t){try{t.focus()}catch(e){}}e.exports=i},{}],5:[function(t,e,n){"use strict";function i(){if("undefined"==typeof document)return null;try{return document.activeElement||document.body}catch(t){return document.body}}e.exports=i},{}],6:[function(t,e,n){"use strict";function i(t){return!(!t||!("function"==typeof Node?t instanceof Node:"object"==typeof t&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName))}e.exports=i},{}],7:[function(t,e,n){"use strict";function i(t){return s(t)&&3==t.nodeType}var s=t("./isNode");e.exports=i},{"./isNode":6}],8:[function(t,e,n){"use strict";function i(t,e){if(e)for(var n=Object.keys(e),i=0,s=n.length;s>i;i++)t[n[i]]=e[n[i]];return t}function s(t){return i({},t)}function r(t){var e=s(p);if(t)for(var n=Object.keys(t),i=0,r=n.length;r>i;i++){var a=n[i];null==t[a]?delete e[a]:e[a]=t[a]}return e}function a(t,e,n){return this instanceof a?(this.placeholderChar=n||d,this.formatCharacters=e||p,this.source=t,this.pattern=[],this.length=0,this.firstEditableIndex=null,this.lastEditableIndex=null,this._editableIndices={},void this._parse()):new a(t,e,n)}function o(t){if(!(this instanceof o))return new o(t);if(t=i({formatCharacters:null,pattern:null,placeholderChar:d,selection:{start:0,end:0},value:""},t),null==t.pattern)throw new Error("InputMask: you must provide a pattern.");if(1!==t.placeholderChar.length)throw new Error("InputMask: placeholderChar should be a single character.");this.placeholderChar=t.placeholderChar,this.formatCharacters=r(t.formatCharacters),this.setPattern(t.pattern,{value:t.value,selection:t.selection})}var l="\\",h=/^\d$/,c=/^[A-Za-z]$/,u=/^[\dA-Za-z]$/,d="_",p={"*":{validate:function(t){return u.test(t)}},1:{validate:function(t){return h.test(t)}},a:{validate:function(t){return c.test(t)}},A:{validate:function(t){return c.test(t)},transform:function(t){return t.toUpperCase()}},"#":{validate:function(t){return u.test(t)},transform:function(t){return t.toUpperCase()}}};a.prototype._parse=function(){for(var t=this.source.split(""),e=0,n=[],i=0,s=t.length;s>i;i++){var r=t[i];if(r===l){if(i===s-1)throw new Error("InputMask: pattern ends with a raw "+l);r=t[++i]}else r in this.formatCharacters&&(null===this.firstEditableIndex&&(this.firstEditableIndex=e),this.lastEditableIndex=e,this._editableIndices[e]=!0);n.push(r),e++}if(null===this.firstEditableIndex)throw new Error('InputMask: pattern "'+this.source+'" does not contain any editable characters.');this.pattern=n,this.length=n.length},a.prototype.formatValue=function(t){for(var e=new Array(this.length),n=0,i=0,s=this.length;s>i;i++)this.isEditableIndex(i)?(e[i]=t.length>n&&this.isValidAtIndex(t[n],i)?this.transform(t[n],i):this.placeholderChar,n++):(e[i]=this.pattern[i],t.length>n&&t[n]===this.pattern[i]&&n++);return e},a.prototype.isEditableIndex=function(t){return!!this._editableIndices[t]},a.prototype.isValidAtIndex=function(t,e){return this.formatCharacters[this.pattern[e]].validate(t)},a.prototype.transform=function(t,e){var n=this.formatCharacters[this.pattern[e]];return"function"==typeof n.transform?n.transform(t):t},o.prototype.input=function(t){if(this.selection.start===this.selection.end&&this.selection.start===this.pattern.length)return!1;var e=s(this.selection),n=this.getValue(),i=this.selection.start;if(i<this.pattern.firstEditableIndex&&(i=this.pattern.firstEditableIndex),this.pattern.isEditableIndex(i)){if(!this.pattern.isValidAtIndex(t,i))return!1;this.value[i]=this.pattern.transform(t,i)}for(var r=this.selection.end-1;r>i;)this.pattern.isEditableIndex(r)&&(this.value[r]=this.placeholderChar),r--;for(this.selection.start=this.selection.end=i+1;this.pattern.length>this.selection.start&&!this.pattern.isEditableIndex(this.selection.start);)this.selection.start++,this.selection.end++;return null!=this._historyIndex&&(console.log("splice(",this._historyIndex,this._history.length-this._historyIndex,")"),this._history.splice(this._historyIndex,this._history.length-this._historyIndex),this._historyIndex=null),("input"!==this._lastOp||e.start!==e.end||null!==this._lastSelection&&e.start!==this._lastSelection.start)&&this._history.push({value:n,selection:e,lastOp:this._lastOp}),this._lastOp="input",this._lastSelection=s(this.selection),!0},o.prototype.backspace=function(){if(0===this.selection.start&&0===this.selection.end)return!1;var t=s(this.selection),e=this.getValue();if(this.selection.start===this.selection.end)this.pattern.isEditableIndex(this.selection.start-1)&&(this.value[this.selection.start-1]=this.placeholderChar),this.selection.start--,this.selection.end--;else{for(var n=this.selection.end-1;n>=this.selection.start;)this.pattern.isEditableIndex(n)&&(this.value[n]=this.placeholderChar),n--;this.selection.end=this.selection.start}return null!=this._historyIndex&&this._history.splice(this._historyIndex,this._history.length-this._historyIndex),("backspace"!==this._lastOp||t.start!==t.end||null!==this._lastSelection&&t.start!==this._lastSelection.start)&&this._history.push({value:e,selection:t,lastOp:this._lastOp}),this._lastOp="backspace",this._lastSelection=s(this.selection),!0},o.prototype.paste=function(t){var e={value:this.value.slice(),selection:s(this.selection),_lastOp:this._lastOp,_history:this._history.slice(),_historyIndex:this._historyIndex,_lastSelection:s(this._lastSelection)};if(this.selection.start<this.pattern.firstEditableIndex){for(var n=0,r=this.pattern.firstEditableIndex-this.selection.start;r>n;n++)if(t.charAt(n)!==this.pattern.pattern[n])return!1;t=t.substring(this.pattern.firstEditableIndex-this.selection.start),this.selection.start=this.pattern.firstEditableIndex}for(n=0,r=t.length;r>n&&this.selection.start<=this.pattern.lastEditableIndex;n++){var a=this.input(t.charAt(n));if(!a){if(this.selection.start>0){var o=this.selection.start-1;if(!this.pattern.isEditableIndex(o)&&t.charAt(n)===this.pattern.pattern[o])continue}return i(this,e),!1}}return!0},o.prototype.undo=function(){if(0===this._history.length||0===this._historyIndex)return!1;var t;if(null==this._historyIndex){this._historyIndex=this._history.length-1,t=this._history[this._historyIndex];var e=this.getValue();(t.value!==e||t.selection.start!==this.selection.start||t.selection.end!==this.selection.end)&&this._history.push({value:e,selection:s(this.selection),lastOp:this._lastOp,startUndo:!0})}else t=this._history[--this._historyIndex];return this.value=t.value.split(""),this.selection=t.selection,this._lastOp=t.lastOp,!0},o.prototype.redo=function(){if(0===this._history.length||null==this._historyIndex)return!1;var t=this._history[++this._historyIndex];return this._historyIndex===this._history.length-1&&(this._historyIndex=null,t.startUndo&&this._history.pop()),this.value=t.value.split(""),this.selection=t.selection,this._lastOp=t.lastOp,!0},o.prototype.setPattern=function(t,e){e=i({selection:{start:0,end:0},value:""},e),this.pattern=new a(t,this.formatCharacters,this.placeholderChar),this.setValue(e.value),this.emptyValue=this.pattern.formatValue([]).join(""),this.selection=e.selection,this._resetHistory()},o.prototype.setSelection=function(t){if(this.selection=s(t),this.selection.start===this.selection.end){if(this.selection.start<this.pattern.firstEditableIndex)return this.selection.start=this.selection.end=this.pattern.firstEditableIndex,!0;if(this.selection.end>this.pattern.lastEditableIndex+1)return this.selection.start=this.selection.end=this.pattern.lastEditableIndex+1,!0}return!1},o.prototype.setValue=function(t){null==t&&(t=""),this.value=this.pattern.formatValue(t.split(""))},o.prototype.getValue=function(){return this.value.join("")},o.prototype.getRawValue=function(){for(var t=[],e=0;e<this.value.length;e++)this.pattern._editableIndices[e]===!0&&t.push(this.value[e]);return t.join("")},o.prototype._resetHistory=function(){this._history=[],this._historyIndex=null,this._lastOp=null,this._lastSelection=s(this.selection)},o.Pattern=a,e.exports=o},{}],9:[function(t,e,n){"use strict";function i(t,e,n,i){return t===n&&e===i}function s(t){var e=document.selection,n=e.createRange(),i=n.text.length,s=n.duplicate();s.moveToElementText(t),s.setEndPoint("EndToStart",n);var r=s.text.length,a=r+i;return{start:r,end:a}}function r(t){var e=window.getSelection&&window.getSelection();if(!e||0===e.rangeCount)return null;var n=e.anchorNode,s=e.anchorOffset,r=e.focusNode,a=e.focusOffset,o=e.getRangeAt(0);try{o.startContainer.nodeType,o.endContainer.nodeType}catch(l){return null}var h=i(e.anchorNode,e.anchorOffset,e.focusNode,e.focusOffset),c=h?0:o.toString().length,u=o.cloneRange();u.selectNodeContents(t),u.setEnd(o.startContainer,o.startOffset);var d=i(u.startContainer,u.startOffset,u.endContainer,u.endOffset),p=d?0:u.toString().length,f=p+c,v=document.createRange();v.setStart(n,s),v.setEnd(r,a);var y=v.collapsed;return{start:y?f:p,end:y?p:f}}function a(t,e){var n,i,s=document.selection.createRange().duplicate();"undefined"==typeof e.end?(n=e.start,i=n):e.start>e.end?(n=e.end,i=e.start):(n=e.start,i=e.end),s.moveToElementText(t),s.moveStart("character",n),s.setEndPoint("EndToStart",s),s.moveEnd("character",i-n),s.select()}function o(t,e){if(window.getSelection){var n=window.getSelection(),i=t[c()].length,s=Math.min(e.start,i),r="undefined"==typeof e.end?s:Math.min(e.end,i);if(!n.extend&&s>r){var a=r;r=s,s=a}var o=h(t,s),l=h(t,r);if(o&&l){var u=document.createRange();u.setStart(o.node,o.offset),n.removeAllRanges(),s>r?(n.addRange(u),n.extend(l.node,l.offset)):(u.setEnd(l.node,l.offset),n.addRange(u))}}}var l=t("fbjs/lib/ExecutionEnvironment"),h=t("./getNodeForCharacterOffset"),c=t("./getTextContentAccessor"),u=l.canUseDOM&&"selection"in document&&!("getSelection"in window),d={getOffsets:u?s:r,setOffsets:u?a:o};e.exports=d},{"./getNodeForCharacterOffset":11,"./getTextContentAccessor":12,"fbjs/lib/ExecutionEnvironment":2}],10:[function(t,e,n){"use strict";function i(t){return r(document.documentElement,t)}var s=t("./ReactDOMSelection"),r=t("fbjs/lib/containsNode"),a=t("fbjs/lib/focusNode"),o=t("fbjs/lib/getActiveElement"),l={hasSelectionCapabilities:function(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e&&("input"===e&&"text"===t.type||"textarea"===e||"true"===t.contentEditable)},getSelectionInformation:function(){var t=o();return{focusedElem:t,selectionRange:l.hasSelectionCapabilities(t)?l.getSelection(t):null}},restoreSelection:function(t){var e=o(),n=t.focusedElem,s=t.selectionRange;e!==n&&i(n)&&(l.hasSelectionCapabilities(n)&&l.setSelection(n,s),a(n))},getSelection:function(t){var e;if("selectionStart"in t)e={start:t.selectionStart,end:t.selectionEnd};else if(document.selection&&t.nodeName&&"input"===t.nodeName.toLowerCase()){var n=document.selection.createRange();n.parentElement()===t&&(e={start:-n.moveStart("character",-t.value.length),end:-n.moveEnd("character",-t.value.length)})}else e=s.getOffsets(t);return e||{start:0,end:0}},setSelection:function(t,e){var n=e.start,i=e.end;if("undefined"==typeof i&&(i=n),"selectionStart"in t)t.selectionStart=n,t.selectionEnd=Math.min(i,t.value.length);else if(document.selection&&t.nodeName&&"input"===t.nodeName.toLowerCase()){var r=t.createTextRange();r.collapse(!0),r.moveStart("character",n),r.moveEnd("character",i-n),r.select()}else s.setOffsets(t,e)}};e.exports=l},{"./ReactDOMSelection":9,"fbjs/lib/containsNode":3,"fbjs/lib/focusNode":4,"fbjs/lib/getActiveElement":5}],11:[function(t,e,n){"use strict";function i(t){for(;t&&t.firstChild;)t=t.firstChild;return t}function s(t){for(;t;){if(t.nextSibling)return t.nextSibling;t=t.parentNode}}function r(t,e){for(var n=i(t),r=0,a=0;n;){if(3===n.nodeType){if(a=r+n.textContent.length,e>=r&&a>=e)return{node:n,offset:e-r};r=a}n=i(s(n))}}e.exports=r},{}],12:[function(t,e,n){"use strict";function i(){return!r&&s.canUseDOM&&(r="textContent"in document.documentElement?"textContent":"innerText"),r}var s=t("fbjs/lib/ExecutionEnvironment"),r=null;e.exports=i},{"fbjs/lib/ExecutionEnvironment":2}]},{},[1])(1)});
\ No newline at end of file
diff --git a/nwb.config.js b/nwb.config.js
new file mode 100644
index 0000000..c713a24
--- /dev/null
+++ b/nwb.config.js
@@ -0,0 +1,21 @@
+module.exports = {
+  // Let nwb know this is a React component module when generic build commands
+  // are used.
+  type: 'react-component',
+
+  // Should nwb create a UMD build for this module?
+  umd: true,
+  // The name of the global variable the UMD build of this module will export
+  global: 'MaskedInput',
+  // Mapping from the npm package names of this module's peerDependencies to the
+  // global variables they're expected to be available as for use by the UMD
+  // build.
+  externals: {
+    'react': 'React'
+  },
+
+  // Should nwb create a build with untranspiled ES6 modules for tree-shaking
+  // module bundlers? If you change your mind later, add or remove this line in
+  // package.json: "jsnext:main": "es6/index.js"
+  jsNext: true
+}
diff --git a/package.json b/package.json
index 0483f02..730c8ac 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,7 @@
   "description": "Masked <input/> React component",
   "version": "3.1.0",
   "main": "./lib/index.js",
+  "jsnext:main": "es6/index.js",
   "standalone": "MaskedInput",
   "homepage": "https://github.com/insin/react-maskedinput",
   "license": "MIT",
@@ -13,38 +14,27 @@
     "input",
     "react-component"
   ],
+  "files": [
+    "es6",
+    "lib",
+    "umd"
+  ],
+  "scripts": {
+    "build": "nwb build",
+    "clean": "nwb clean",
+    "start": "nwb serve",
+    "test": "nwb test"
+  },
   "dependencies": {
     "inputmask-core": "^2.1.1"
   },
   "peerDependencies": {
-    "react": ">=0.14.0"
+    "react": "0.14.x"
   },
   "devDependencies": {
-    "browserify": "^10.1.3",
-    "browserify-shim": "^3.8.6",
-    "del": "^1.1.1",
-    "gulp": "^3.8.11",
-    "gulp-header": "^1.2.2",
-    "gulp-jshint": "^1.10.0",
-    "gulp-plumber": "^1.0.0",
-    "gulp-react": "^3.0.1",
-    "gulp-rename": "^1.2.2",
-    "gulp-streamify": "0.0.5",
-    "gulp-uglify": "^1.2.0",
-    "gulp-util": "^3.0.4",
-    "jshint-stylish": "^1.0.2",
-    "react": ">=0.13.0",
-    "tape": "^4.0.0",
-    "vinyl-source-stream": "^1.1.0"
-  },
-  "scripts": {
-    "debug": "gulp --debug",
-    "dist": "gulp bundle-js --production --release && gulp bundle-js --development --release",
-    "test": "gulp transpile-js && tape test/*.js",
-    "watch": "gulp"
-  },
-  "browserify-shim": {
-    "react": "global:React"
+    "nwb": "0.7.x",
+    "react": "0.14.x",
+    "react-dom": "0.14.x"
   },
   "repository": {
     "type": "git",
diff --git a/src/index.jsx b/src/index.js
similarity index 99%
rename from src/index.jsx
rename to src/index.js
index 5b15c6f..bfc6dfa 100644
--- a/src/index.jsx
+++ b/src/index.js
@@ -1,5 +1,3 @@
-'use strict';
-
 var React = require('react')
 var {getSelection, setSelection} = require('react/lib/ReactInputSelection')
 

From 266ece196c64e114321c61ee781128350cfec52f Mon Sep 17 00:00:00 2001
From: Brandon Pugh <bp@brandonpugh.com>
Date: Sat, 13 Feb 2016 21:13:20 -0600
Subject: [PATCH 07/29] Use eslint instead of jshint

Use eslint-config-johnnybuchanan to automatically handle all the needed
eslint packages.
---
 .eslintrc    | 13 +++++++++++++
 package.json |  2 ++
 src/index.js |  6 +++---
 3 files changed, 18 insertions(+), 3 deletions(-)
 create mode 100644 .eslintrc

diff --git a/.eslintrc b/.eslintrc
new file mode 100644
index 0000000..acede28
--- /dev/null
+++ b/.eslintrc
@@ -0,0 +1,13 @@
+{
+  "extends": ["standard", "standard-react"],
+  "rules": {
+    "brace-style": [2, "stroustrup", {"allowSingleLine": true}],
+    "eqeqeq": [2, "smart"],
+    "jsx-quotes": [2, "prefer-double"],
+    "react/prop-types": 0,
+    "react/self-closing-comp": 0,
+    "react/wrap-multilines": 0,
+    "space-before-function-paren": 0
+  },
+  "parser": "babel-eslint"
+}
diff --git a/package.json b/package.json
index 730c8ac..2033888 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
   "scripts": {
     "build": "nwb build",
     "clean": "nwb clean",
+    "lint": "eslint src",
     "start": "nwb serve",
     "test": "nwb test"
   },
@@ -32,6 +33,7 @@
     "react": "0.14.x"
   },
   "devDependencies": {
+    "eslint-config-jonnybuchanan": "2.0.3",
     "nwb": "0.7.x",
     "react": "0.14.x",
     "react-dom": "0.14.x"
diff --git a/src/index.js b/src/index.js
index bfc6dfa..e1b70dd 100644
--- a/src/index.js
+++ b/src/index.js
@@ -61,7 +61,7 @@ var MaskedInput = React.createClass({
     // console.log('onChange', JSON.stringify(getSelection(this.input)), e.target.value)
 
     var maskValue = this.mask.getValue()
-    if (e.target.value != maskValue) {
+    if (e.target.value !== maskValue) {
       // Cut or delete operations will have shortened the value
       if (e.target.value.length < maskValue.length) {
         var sizeDiff = maskValue.length - e.target.value.length
@@ -102,7 +102,7 @@ var MaskedInput = React.createClass({
       return
     }
 
-    if (e.key == 'Backspace') {
+    if (e.key === 'Backspace') {
       e.preventDefault()
       this._updateMaskSelection()
       if (this.mask.backspace()) {
@@ -121,7 +121,7 @@ var MaskedInput = React.createClass({
 
     // Ignore modified key presses
     // Ignore enter key to allow form submission
-    if (e.metaKey || e.altKey || e.ctrlKey || e.key == 'Enter') { return }
+    if (e.metaKey || e.altKey || e.ctrlKey || e.key === 'Enter') { return }
 
     e.preventDefault()
     this._updateMaskSelection()

From 199e190542dc948dbc26213bcbe59e57100cbd2b Mon Sep 17 00:00:00 2001
From: Brandon Pugh <bp@brandonpugh.com>
Date: Sat, 13 Feb 2016 21:14:01 -0600
Subject: [PATCH 08/29] Update Readme with new build process

---
 README.md | 33 ++++++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index e0d1898..cea4bd4 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,8 @@ npm install react-maskedinput --save
 
 The browser bundle exposes a global `MaskedInput` variable and expects to find a global `React` (>= 0.14.0) variable to work with.
 
-You can find it in the [/dist directory](https://github.com/insin/react-maskedinput/tree/master/dist).
+* [react-maskedinput.js](https://npmcdn.com/react-maskedinput/umd/react-maskedinput.js) (development version)
+* [react-maskedinput.min.js](https://npmcdn.com/react-maskedinput/umd/react-maskedinput.min.js) (compressed production version)
 
 ## Usage
 
@@ -130,4 +131,34 @@ Any other props passed in will be passed as props to the rendered `<input>`, exc
 * `maxLength` - will always be equal to the pattern's `.length`
 * `onKeyDown`, `onKeyPress` & `onPaste` - will each trigger a call to `onChange` when necessary
 
+## Collaborating on this React component:
+
+### Prerequisites
+
+You will need the following things properly installed on your computer.
+
+* [Git](http://git-scm.com/)
+* [Node.js](http://nodejs.org/) (with npm)
+* [nwb](https://github.com/insin/nwb/) - `npm install -g nwb`
+
+### Installation
+
+* `git clone https://github.com/insin/react-maskedinput.git` this repository
+* change into the new directory
+* `npm install`
+
+### Running / Development
+
+* `nwb serve` will run the component's demo app
+* Visit the demo at [http://localhost:3000](http://localhost:3000)
+
+#### Running Tests
+
+* `nwb test` will run the tests once
+* `nwb test --server` will run the tests on every change
+
+#### Building
+
+* `nwb build`
+
 ## MIT Licensed

From 4b8790d414a9e422b8eed780a889ee08d8da35d3 Mon Sep 17 00:00:00 2001
From: Brandon Pugh <bp@brandonpugh.com>
Date: Sun, 6 Mar 2016 20:00:33 -0600
Subject: [PATCH 09/29] Update to nwb 0.8.0

Update nwb.config.js to new format and move contributing instructions
to separate file.
---
 CONTRIBUTING.md | 22 ++++++++++++++++++++++
 README.md       | 30 ------------------------------
 nwb.config.js   | 26 ++++++++------------------
 package.json    |  5 +++--
 4 files changed, 33 insertions(+), 50 deletions(-)
 create mode 100644 CONTRIBUTING.md

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..bc86b50
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,22 @@
+## Prerequisites
+
+[Node.js](http://nodejs.org/) must be installed.
+
+## Installation
+
+* Running `npm install` in the components's root directory will install everything you need for development.
+
+## Demo Development Server
+
+* `npm start` will run a development server with the component's demo app at [http://localhost:3000](http://localhost:3000) with hot module reloading.
+
+## Running Tests
+
+* `npm test` will run the tests once.
+* `npm run test:watch` will run the tests on every change.
+
+## Building
+
+* `npm run build` will build the component for publishing to npm and also bundle the demo app.
+
+* `npm run clean` will delete built resources.
diff --git a/README.md b/README.md
index cea4bd4..a11b6dc 100644
--- a/README.md
+++ b/README.md
@@ -131,34 +131,4 @@ Any other props passed in will be passed as props to the rendered `<input>`, exc
 * `maxLength` - will always be equal to the pattern's `.length`
 * `onKeyDown`, `onKeyPress` & `onPaste` - will each trigger a call to `onChange` when necessary
 
-## Collaborating on this React component:
-
-### Prerequisites
-
-You will need the following things properly installed on your computer.
-
-* [Git](http://git-scm.com/)
-* [Node.js](http://nodejs.org/) (with npm)
-* [nwb](https://github.com/insin/nwb/) - `npm install -g nwb`
-
-### Installation
-
-* `git clone https://github.com/insin/react-maskedinput.git` this repository
-* change into the new directory
-* `npm install`
-
-### Running / Development
-
-* `nwb serve` will run the component's demo app
-* Visit the demo at [http://localhost:3000](http://localhost:3000)
-
-#### Running Tests
-
-* `nwb test` will run the tests once
-* `nwb test --server` will run the tests on every change
-
-#### Building
-
-* `nwb build`
-
 ## MIT Licensed
diff --git a/nwb.config.js b/nwb.config.js
index c713a24..43398c0 100644
--- a/nwb.config.js
+++ b/nwb.config.js
@@ -1,21 +1,11 @@
 module.exports = {
-  // Let nwb know this is a React component module when generic build commands
-  // are used.
   type: 'react-component',
-
-  // Should nwb create a UMD build for this module?
-  umd: true,
-  // The name of the global variable the UMD build of this module will export
-  global: 'MaskedInput',
-  // Mapping from the npm package names of this module's peerDependencies to the
-  // global variables they're expected to be available as for use by the UMD
-  // build.
-  externals: {
-    'react': 'React'
-  },
-
-  // Should nwb create a build with untranspiled ES6 modules for tree-shaking
-  // module bundlers? If you change your mind later, add or remove this line in
-  // package.json: "jsnext:main": "es6/index.js"
-  jsNext: true
+  build: {
+    externals: {
+      'react': 'React'
+    },
+    global: 'MaskedInput',
+    jsNext: true,
+    umd: true
+  }
 }
diff --git a/package.json b/package.json
index 2033888..7d542a8 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,8 @@
     "clean": "nwb clean",
     "lint": "eslint src",
     "start": "nwb serve",
-    "test": "nwb test"
+    "test": "nwb test",
+    "test:watch": "nwb test --server"
   },
   "dependencies": {
     "inputmask-core": "^2.1.1"
@@ -34,7 +35,7 @@
   },
   "devDependencies": {
     "eslint-config-jonnybuchanan": "2.0.3",
-    "nwb": "0.7.x",
+    "nwb": "0.8.x",
     "react": "0.14.x",
     "react-dom": "0.14.x"
   },

From 6424953ac74e961356337becea77c55c9e41dfe9 Mon Sep 17 00:00:00 2001
From: Brandon Pugh <bp@brandonpugh.com>
Date: Tue, 8 Mar 2016 13:16:31 -0600
Subject: [PATCH 10/29] Remove unused files

No longer needed since build was migrated to nwb and eslint.
---
 .jshintrc   | 24 ------------------
 gulpfile.js | 70 -----------------------------------------------------
 2 files changed, 94 deletions(-)
 delete mode 100644 .jshintrc
 delete mode 100644 gulpfile.js

diff --git a/.jshintrc b/.jshintrc
deleted file mode 100644
index 3ccf497..0000000
--- a/.jshintrc
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "browser": true,
-  "node": true,
-
-  "curly": true,
-  "devel": true,
-  "globals": {
-  },
-  "noempty": true,
-  "newcap": false,
-  "undef": true,
-  "unused": "vars",
-
-  "asi": true,
-  "boss": true,
-  "eqnull": true,
-  "expr": true,
-  "funcscope": true,
-  "globalstrict": true,
-  "laxbreak": true,
-  "laxcomma": true,
-  "loopfunc": true,
-  "sub": true
-}
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
deleted file mode 100644
index 3215fbb..0000000
--- a/gulpfile.js
+++ /dev/null
@@ -1,70 +0,0 @@
-var browserify = require('browserify')
-var del = require('del')
-var gulp = require('gulp')
-var source = require('vinyl-source-stream')
-
-var header = require('gulp-header')
-var jshint = require('gulp-jshint')
-var rename = require('gulp-rename')
-var plumber = require('gulp-plumber')
-var react = require('gulp-react')
-var streamify = require('gulp-streamify')
-var uglify = require('gulp-uglify')
-var gutil = require('gulp-util')
-
-var pkg = require('./package.json')
-var devBuild = gutil.env.release ? '' : ' (dev build at ' + (new Date()).toUTCString() + ')'
-var distHeader = '/*!\n\
- * <%= pkg.name %> <%= pkg.version %><%= devBuild %> - <%= pkg.homepage %>\n\
- * <%= pkg.license %> Licensed\n\
- */\n'
-
-var jsSrcPaths = './src/**/*.js*'
-var jsLibPaths = './lib/**/*.js'
-
-gulp.task('clean-lib', function(cb) {
-  del(jsLibPaths, cb)
-})
-
-gulp.task('transpile-js', ['clean-lib'], function() {
-  return gulp.src(jsSrcPaths)
-    .pipe(plumber())
-    .pipe(react({harmony: true}))
-    .pipe(gulp.dest('./lib'))
-})
-
-gulp.task('lint-js', ['transpile-js'], function() {
-  return gulp.src(jsLibPaths)
-    .pipe(jshint('./.jshintrc'))
-    .pipe(jshint.reporter('jshint-stylish'))
-})
-
-gulp.task('bundle-js', ['lint-js'], function() {
-  var b = browserify(pkg.main, {
-    debug: !!gutil.env.debug
-  , standalone: pkg.standalone
-  , detectGlobals: false
-  })
-  b.transform('browserify-shim')
-
-  var stream = b.bundle()
-    .pipe(source(pkg.name + '.js'))
-    .pipe(streamify(header(distHeader, {pkg: pkg, devBuild: devBuild})))
-    .pipe(gulp.dest('./dist'))
-
-  if (gutil.env.production) {
-    stream = stream
-      .pipe(rename(pkg.name + '.min.js'))
-      .pipe(streamify(uglify()))
-      .pipe(streamify(header(distHeader, {pkg: pkg, devBuild: devBuild})))
-      .pipe(gulp.dest('./dist'))
-  }
-
-  return stream
-})
-
-gulp.task('watch', function() {
-  gulp.watch(jsSrcPaths, ['bundle-js'])
-})
-
-gulp.task('default', ['bundle-js', 'watch'])
\ No newline at end of file

From eff2ae6bcfb9a98d8e56984848b6e8219b9cc9dd Mon Sep 17 00:00:00 2001
From: Dustan Kasten <dustan.kasten@gmail.com>
Date: Wed, 9 Mar 2016 09:45:32 -0500
Subject: [PATCH 11/29] Prepare for 3.1.1

---
 CHANGES.md | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/CHANGES.md b/CHANGES.md
index 80d52b9..7b69d30 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,4 +1,9 @@
-## 3.1.0 / 2015-10-23
+## 3.1.1 / 2016-03-09
+
+* Convert tooling to use [nwb](https://github.com/insin/nwb/) [[bpugh]][[bpugh]]
+* Publish `dist` files
+
+## 3.1.0 / 2016-02-11
 
 * Added support for `value` behaving as a controlled component.
 

From 74966000b7d782c7369fa7a06eac9ea8547f1ab7 Mon Sep 17 00:00:00 2001
From: Dustan Kasten <dustan.kasten@gmail.com>
Date: Wed, 9 Mar 2016 09:50:45 -0500
Subject: [PATCH 12/29] 3.1.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7d542a8..14a214a 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-maskedinput",
   "description": "Masked <input/> React component",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "main": "./lib/index.js",
   "jsnext:main": "es6/index.js",
   "standalone": "MaskedInput",

From 8003924f81466233a99e8e73b09e9bfcea235b29 Mon Sep 17 00:00:00 2001
From: Brandon Pugh <bp@brandonpugh.com>
Date: Wed, 9 Mar 2016 18:21:33 -0600
Subject: [PATCH 13/29] Update demo to build with nwb

---
 demo/{index.html => src/index.js} | 82 ++++++-------------------------
 demo/src/style.css                | 41 ++++++++++++++++
 2 files changed, 57 insertions(+), 66 deletions(-)
 rename demo/{index.html => src/index.js} (69%)
 create mode 100644 demo/src/style.css

diff --git a/demo/index.html b/demo/src/index.js
similarity index 69%
rename from demo/index.html
rename to demo/src/index.js
index e8b0e1f..e2a64e6 100644
--- a/demo/index.html
+++ b/demo/src/index.js
@@ -1,67 +1,18 @@
-<!DOCTYPE html>
-<head>
-  <meta charset="UTF-8">
-  <title>react-maskedinput Demo</title>
-  <script src="http://fb.me/react-0.14.0.js"></script>
-  <script src="http://fb.me/react-dom-0.14.0.js"></script>
-  <script src="http://fb.me/JSXTransformer-0.13.3.js"></script>
-  <script src="../umd/react-maskedinput.js"></script>
-  <style>
-  body {
-    box-sizing: border-box;
-    width: 550px;
-    margin: 1em auto;
-    padding: 0 1em;
-    font-family: sans-serif;
-  }
-  code {
-    font-size: 1.3em;
-  }
-  h1 {
-    font-size: 3em;
-    text-align: center;
-    margin-top: 0;
-  }
-  p.lead {
-    font-weight: bold;
-    text-align: center;
-  }
-  hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #222;
-  }
-  .form-field {
-    margin-bottom: .5em;
-  }
-  label {
-    display: inline-block;
-    width: 7em;
-    text-align: right;
-    margin-right: .75em;
-  }
-  input {
-    border: none;
-    font-size: 1.5em;
-  }
-  footer {
-    text-align: center;
-  }
-  </style>
-</head>
-<body>
-<div id="app"></div>
-<script type="text/jsx;harmony=true">void function() { 'use strict'
+import './style.css'
 
-var PATTERNS = [
+import React from 'react'
+import {render} from 'react-dom'
+
+import MaskedInput from '../../src'
+
+const PATTERNS = [
   '1111 1111',
   '111 111',
   '11 11',
   '1 1'
 ]
 
-var App = React.createClass({
+const App = React.createClass({
   getInitialState() {
     return {
       card: '',
@@ -77,7 +28,7 @@
   },
 
   _onChange(e) {
-    var stateChange = {}
+    const stateChange = {}
     stateChange[e.target.name] = e.target.value
     this.setState(stateChange)
   },
@@ -88,7 +39,9 @@
 
   render() {
     return <div className="App">
-      <h1><code>&lt;<a href="https://github.com/insin/react-maskedinput">MaskedInput</a>/&gt;</code></h1>
+      <h1>
+        <code>&lt;<a href="https://github.com/insin/react-maskedinput">MaskedInput</a>/&gt;</code>
+      </h1>
       <p className="lead">A React component which creates a masked <code>&lt;input/&gt;</code></p>
       <div className="form-field">
         <label htmlFor="card">Card Number:</label>
@@ -130,7 +83,7 @@ <h1><code>&lt;<a href="https://github.com/insin/react-maskedinput">MaskedInput</
       <div className="form-field">
         <label htmlFor="pattern">Pattern:</label>
         <select onChange={this._changePattern}>
-          {PATTERNS.map(pattern => <option value={pattern}>{pattern}</option>)}
+          {PATTERNS.map(pattern => <option value={pattern} key={pattern}>{pattern}</option>)}
         </select>
       </div>
       <p>Custom format character (W=[a-zA-Z0-9_], transformed to uppercase) and placeholder character (en space):</p>
@@ -146,7 +99,7 @@ <h1><code>&lt;<a href="https://github.com/insin/react-maskedinput">MaskedInput</
   }
 })
 
-var CustomInput = React.createClass({
+const CustomInput = React.createClass({
   render() {
     return <MaskedInput
       mask="1111-WW-11"
@@ -156,7 +109,7 @@ <h1><code>&lt;<a href="https://github.com/insin/react-maskedinput">MaskedInput</
       {...this.props}
       formatCharacters={{
         'W': {
-          validate(char) { return /\w/.test(char ) },
+          validate(char) { return /\w/.test(char) },
           transform(char) { return char.toUpperCase() }
         }
       }
@@ -164,7 +117,4 @@ <h1><code>&lt;<a href="https://github.com/insin/react-maskedinput">MaskedInput</
   }
 })
 
-ReactDOM.render(<App/>, document.getElementById('app'))
-
-}()</script>
-</body>
+render(<App/>, document.getElementById('demo'))
diff --git a/demo/src/style.css b/demo/src/style.css
new file mode 100644
index 0000000..0c54f0c
--- /dev/null
+++ b/demo/src/style.css
@@ -0,0 +1,41 @@
+body {
+  box-sizing: border-box;
+  width: 550px;
+  margin: 1em auto;
+  padding: 0 1em;
+  font-family: sans-serif;
+}
+code {
+  font-size: 1.3em;
+}
+h1 {
+  font-size: 3em;
+  text-align: center;
+  margin-top: 0;
+}
+p.lead {
+  font-weight: bold;
+  text-align: center;
+}
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #222;
+}
+.form-field {
+  margin-bottom: .5em;
+}
+label {
+  display: inline-block;
+  width: 7em;
+  text-align: right;
+  margin-right: .75em;
+}
+input {
+  border: none;
+  font-size: 1.5em;
+}
+footer {
+  text-align: center;
+}

From 898a14a1ca4d25d69e16948d0e7d6d18c555902a Mon Sep 17 00:00:00 2001
From: Michael Henderson <mhenderson@fullsail.com>
Date: Fri, 8 Apr 2016 12:49:41 -0400
Subject: [PATCH 14/29] Updating React and ReactDOM dependencies to v15;
 allowing minor and patch updates in peerDependencies

---
 package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 14a214a..072f8e0 100644
--- a/package.json
+++ b/package.json
@@ -31,13 +31,13 @@
     "inputmask-core": "^2.1.1"
   },
   "peerDependencies": {
-    "react": "0.14.x"
+    "react": "0.14.x || 15.x.x"
   },
   "devDependencies": {
     "eslint-config-jonnybuchanan": "2.0.3",
     "nwb": "0.8.x",
-    "react": "0.14.x",
-    "react-dom": "0.14.x"
+    "react": "15.x.x",
+    "react-dom": "15.x.x"
   },
   "repository": {
     "type": "git",

From 36eb9481c111512a3002dd302811459e6161cba6 Mon Sep 17 00:00:00 2001
From: Dustan Kasten <dustan.kasten@gmail.com>
Date: Mon, 11 Apr 2016 10:47:04 -0400
Subject: [PATCH 15/29] v3.1.1 changelist

---
 CHANGES.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/CHANGES.md b/CHANGES.md
index 7b69d30..3df2db5 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,3 +1,7 @@
+## 3.1.2 / 2016-04-11
+
+* Support for React 15.x.x
+
 ## 3.1.1 / 2016-03-09
 
 * Convert tooling to use [nwb](https://github.com/insin/nwb/) [[bpugh]][[bpugh]]

From cd97d3e81c0f1c89020835c31b56f92f1cc0e0f1 Mon Sep 17 00:00:00 2001
From: Dustan Kasten <dustan.kasten@gmail.com>
Date: Mon, 11 Apr 2016 10:47:10 -0400
Subject: [PATCH 16/29] 3.1.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 072f8e0..d416487 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-maskedinput",
   "description": "Masked <input/> React component",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "main": "./lib/index.js",
   "jsnext:main": "es6/index.js",
   "standalone": "MaskedInput",

From 47f45f611d5821cde830859c706e50042e6cc4d0 Mon Sep 17 00:00:00 2001
From: Brandon Pugh <bp@brandonpugh.com>
Date: Fri, 29 Apr 2016 21:57:00 -0500
Subject: [PATCH 17/29] Update nwb dependency to 0.9.x

Updates a number of transitive dependency versions as a result
of all the left-pad hubbub
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d416487..789696f 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
   },
   "devDependencies": {
     "eslint-config-jonnybuchanan": "2.0.3",
-    "nwb": "0.8.x",
+    "nwb": "0.9.x",
     "react": "15.x.x",
     "react-dom": "15.x.x"
   },

From d9ac7a0c20a8c8aa8ed749082968d477bccb0281 Mon Sep 17 00:00:00 2001
From: Arseny Sysolyatin <arseny.sysolyatin@gmail.com>
Date: Mon, 2 May 2016 18:31:51 +0400
Subject: [PATCH 18/29] Call this.props.onChange only if it's defined (#39)

Call this.props.onChange only if it's defined
---
 src/index.js | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/index.js b/src/index.js
index e1b70dd..747c39e 100644
--- a/src/index.js
+++ b/src/index.js
@@ -88,7 +88,9 @@ var MaskedInput = React.createClass({
       if (this.mask.undo()) {
         e.target.value = this._getDisplayValue()
         this._updateInputSelection()
-        this.props.onChange(e)
+        if (this.props.onChange) {
+          this.props.onChange(e)
+        }
       }
       return
     }
@@ -97,7 +99,9 @@ var MaskedInput = React.createClass({
       if (this.mask.redo()) {
         e.target.value = this._getDisplayValue()
         this._updateInputSelection()
-        this.props.onChange(e)
+        if (this.props.onChange) {
+          this.props.onChange(e)
+        }
       }
       return
     }
@@ -111,7 +115,9 @@ var MaskedInput = React.createClass({
         if (value) {
           this._updateInputSelection()
         }
-        this.props.onChange(e)
+        if (this.props.onChange) {
+          this.props.onChange(e)
+        }
       }
     }
   },
@@ -128,7 +134,9 @@ var MaskedInput = React.createClass({
     if (this.mask.input(e.key)) {
       e.target.value = this.mask.getValue()
       this._updateInputSelection()
-      this.props.onChange(e)
+      if (this.props.onChange) {
+        this.props.onChange(e)
+      }
     }
   },
 
@@ -142,7 +150,9 @@ var MaskedInput = React.createClass({
       e.target.value = this.mask.getValue()
       // Timeout needed for IE
       setTimeout(this._updateInputSelection, 0)
-      this.props.onChange(e)
+      if (this.props.onChange) {
+        this.props.onChange(e)
+      }
     }
   },
 

From 1c698bc0265a1f0e1b5188e0701a817b97c07e58 Mon Sep 17 00:00:00 2001
From: Dustan Kasten <dustan.kasten@gmail.com>
Date: Mon, 2 May 2016 10:38:23 -0400
Subject: [PATCH 19/29] v3.1.3

---
 CHANGES.md   | 5 +++++
 package.json | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/CHANGES.md b/CHANGES.md
index 3df2db5..c9c1b42 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,3 +1,8 @@
+## 3.1.3 / 2016-05-02
+
+* Don’t call `onChange` function if undefined.
+* Update nwb to 0.9.x
+
 ## 3.1.2 / 2016-04-11
 
 * Support for React 15.x.x
diff --git a/package.json b/package.json
index 789696f..a9ecc3f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-maskedinput",
   "description": "Masked <input/> React component",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "main": "./lib/index.js",
   "jsnext:main": "es6/index.js",
   "standalone": "MaskedInput",

From 61e395bf4388373e14a79412d2597652b6b6dd7d Mon Sep 17 00:00:00 2001
From: Dustan Kasten <dustan.kasten@gmail.com>
Date: Mon, 2 May 2016 13:15:43 -0400
Subject: [PATCH 20/29] Init tests (#51)

* basic tests

* travis
---
 .travis.yml         |  5 +++++
 tests/index-test.js | 50 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 55 insertions(+)
 create mode 100644 .travis.yml
 create mode 100644 tests/index-test.js

diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 0000000..5c036ab
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,5 @@
+language: node_js
+node_js:
+    - "4"
+    - "5"
+script: npm test
diff --git a/tests/index-test.js b/tests/index-test.js
new file mode 100644
index 0000000..e48f6e9
--- /dev/null
+++ b/tests/index-test.js
@@ -0,0 +1,50 @@
+/* eslint-env mocha */
+import React from 'react'
+import ReactDOM from 'react-dom'
+import expect from 'expect'
+import MaskedInput from 'src'
+
+const setup = () => {
+  const element = document.createElement('div')
+  document.body.appendChild(element)
+  return element;
+};
+
+const cleanup = (element) => {
+  ReactDOM.unmountComponentAtNode(element)
+  document.body.removeChild(element)
+}
+
+describe('MaskedInput', () => {
+  it('should render (smokescreen test)', () => {
+    expect.spyOn(console, 'error')
+    expect(<MaskedInput />).toExist()
+    expect(console.error.calls[0].arguments[0]).toBe(
+      'Warning: Failed propType: Required prop `mask` was not specified in ' +
+      '`MaskedInput`.'
+    )
+  })
+
+  it('should handle a masking workflow', () => {
+    const el = setup()
+    let ref = null
+    ReactDOM.render(
+      <MaskedInput
+        ref={(r) => {
+          if (r) ref = r
+        }}
+        mask="11/11"
+      />,
+      el
+    )
+    const input = ReactDOM.findDOMNode(ref)
+
+    // initial state
+    expect(input.value).toBe('')
+    expect(input.placeholder).toBe('__/__')
+    expect(input.size).toBe(5)
+
+    cleanup(el)
+  })
+})
+

From d78f89b6e01c3ecb515a3ab491b78b7f23b122dd Mon Sep 17 00:00:00 2001
From: Vyacheslav Slinko <vslinko@yahoo.com>
Date: Fri, 20 May 2016 18:48:03 +0300
Subject: [PATCH 21/29] Proxy focus and blur methos (#52)

---
 src/index.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/index.js b/src/index.js
index 747c39e..71be730 100644
--- a/src/index.js
+++ b/src/index.js
@@ -160,6 +160,14 @@ var MaskedInput = React.createClass({
     var value = this.mask.getValue()
     return value === this.mask.emptyValue ? '' : value
   },
+  
+  focus() {
+    this.input.focus();
+  },
+  
+  blur() {
+    this.input.blur();
+  },
 
   render() {
     var {mask, formatCharacters, size, placeholder, ...props} = this.props

From aee2ccf6eb950f5a62c94f2afdcc140343d78c18 Mon Sep 17 00:00:00 2001
From: martinphee <martyphee@gmail.com>
Date: Tue, 24 May 2016 08:34:55 -0500
Subject: [PATCH 22/29] Add support for updating the `mask`. Fixes #8

When resetting the mask the cursor would jump to the end of the line.  This PR fixes that behavior.
---
 demo/src/index.js   | 16 +++++++++++++++-
 src/index.js        | 19 +++++++++++++++++++
 tests/index-test.js | 41 +++++++++++++++++++++++++++++++++++++++++
 3 files changed, 75 insertions(+), 1 deletion(-)

diff --git a/demo/src/index.js b/demo/src/index.js
index e2a64e6..024e4b8 100644
--- a/demo/src/index.js
+++ b/demo/src/index.js
@@ -23,7 +23,8 @@ const App = React.createClass({
       leading: '',
       custom: '',
       changing: '',
-      pattern: '1111 1111'
+      pattern: '1111 1111',
+      cardPattern: '1111 1111 1111 1111'
     }
   },
 
@@ -37,6 +38,14 @@ const App = React.createClass({
     this.setState({pattern: e.target.value})
   },
 
+  _onCardChange(e) {
+    if(/^3[47]/.test(e.target.value)) {
+      this.setState({cardPattern: "1111 111111 11111"})
+    } else {
+      this.setState({cardPattern: '1111 1111 1111 1111'})
+    }
+  },
+
   render() {
     return <div className="App">
       <h1>
@@ -86,6 +95,11 @@ const App = React.createClass({
           {PATTERNS.map(pattern => <option value={pattern} key={pattern}>{pattern}</option>)}
         </select>
       </div>
+      <p>Dynamically changing the pattern as the user types:</p>
+      <div className="form-field">
+        <label htmlFor="changing">Credit Card:</label>
+        <MaskedInput mask={this.state.cardPattern} name="creditCard" id="creditCard" onChange={this._onCardChange}/>
+      </div>
       <p>Custom format character (W=[a-zA-Z0-9_], transformed to uppercase) and placeholder character (en space):</p>
       <div className="form-field">
         <label htmlFor="custom">Custom:</label>
diff --git a/src/index.js b/src/index.js
index 747c39e..5750d70 100644
--- a/src/index.js
+++ b/src/index.js
@@ -49,6 +49,25 @@ var MaskedInput = React.createClass({
     }
   },
 
+  componentWillUpdate(nextProps, nextState) {
+    if (nextProps.mask !== this.props.mask) {
+      this._updatePattern(nextProps)
+    }
+  },
+
+  componentDidUpdate(prevProps) {
+    if (prevProps.mask !== this.props.mask && this.mask.selection.start) {
+      this._updateInputSelection()
+    }
+  },
+
+  _updatePattern: function(props) {
+    this.mask.setPattern(props.mask, {
+      value: this.mask.getRawValue(),
+      selection: getSelection(this.input)
+    });
+  },
+
   _updateMaskSelection() {
     this.mask.selection = getSelection(this.input)
   },
diff --git a/tests/index-test.js b/tests/index-test.js
index e48f6e9..889a838 100644
--- a/tests/index-test.js
+++ b/tests/index-test.js
@@ -46,5 +46,46 @@ describe('MaskedInput', () => {
 
     cleanup(el)
   })
+
+  it('should handle updating mask masking', () => {
+    const el = setup()
+    let ref = null
+    let defaultMask = '1111 1111 1111 1111'
+    let amexMask = '1111 111111 11111'
+    let mask = defaultMask
+
+    function render() {
+      ReactDOM.render(
+        <MaskedInput
+          ref={(r) => {
+            if (r) ref = r
+          }}
+          mask={mask}
+        />,
+        el
+      )
+    }
+
+    render();
+    let input = ReactDOM.findDOMNode(ref)
+
+    // initial state
+    expect(input.value).toBe('')
+    expect(input.placeholder).toBe('____ ____ ____ ____')
+    expect(input.size).toBe(19)
+    expect(input.selectionStart).toBe(0)
+
+    mask = amexMask
+    render();
+    input = ReactDOM.findDOMNode(ref)
+
+    // initial state
+    expect(input.value).toBe('')
+    expect(input.placeholder).toBe('____ ______ _____')
+    expect(input.size).toBe(17)
+    expect(input.selectionStart).toBe(0)
+
+    cleanup(el)
+  })
 })
 

From ed4808660b67d75794978bb85daee2f87941b810 Mon Sep 17 00:00:00 2001
From: Jason Quense <monastic.panic@gmail.com>
Date: Tue, 24 May 2016 14:55:35 -0400
Subject: [PATCH 23/29] v3.2.0

---
 CHANGES.md   | 7 ++++++-
 package.json | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index c9c1b42..fa2ef21 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,8 +1,12 @@
+## 3.2.0 / 2016-05-24
+
+* Allow dynamic pattern updating [[martyphee][martyphee]]
+
 ## 3.1.3 / 2016-05-02
 
 * Don’t call `onChange` function if undefined.
 * Update nwb to 0.9.x
-
+s
 ## 3.1.2 / 2016-04-11
 
 * Support for React 15.x.x
@@ -60,3 +64,4 @@ Initial release features:
 
 [jquense]: https://github.com/jquense
 [muffinresearch]: https://github.com/muffinresearch
+[martyphee]: https://github.com/martyphee
diff --git a/package.json b/package.json
index a9ecc3f..9935e8f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-maskedinput",
   "description": "Masked <input/> React component",
-  "version": "3.1.3",
+  "version": "3.2.0",
   "main": "./lib/index.js",
   "jsnext:main": "es6/index.js",
   "standalone": "MaskedInput",

From 7ff53d2090e97b32980f2e4cab7900171f77c5f5 Mon Sep 17 00:00:00 2001
From: Matt Wanner <matthew.wanner@eleadcrm.com>
Date: Wed, 21 Oct 2015 16:24:56 -0500
Subject: [PATCH 24/29] fixed so masked input works with chrome auto-fill and
 on paste

---
 src/index.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/index.js b/src/index.js
index 20568a2..ba2929f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -88,6 +88,7 @@ var MaskedInput = React.createClass({
         this.mask.selection.end = this.mask.selection.start + sizeDiff
         this.mask.backspace()
       }
+      this.mask.setValue(e.target.value);
       var value = this._getDisplayValue()
       e.target.value = value
       if (value) {
@@ -173,6 +174,14 @@ var MaskedInput = React.createClass({
         this.props.onChange(e)
       }
     }
+    else {
+      this.mask.setValue(e.clipboardData.getData('Text'));
+      var value = this._getDisplayValue()
+      e.target.value = value
+      if (value) {
+        this._updateInputSelection()
+      }
+    }
   },
 
   _getDisplayValue() {

From d2519b828e3f5e6cc0e57caf644dd52c1137e1a2 Mon Sep 17 00:00:00 2001
From: Matt Wanner <matthew.wanner@eleadcrm.com>
Date: Tue, 27 Oct 2015 10:36:47 -0500
Subject: [PATCH 25/29] adding lib for tyler

---
 lib/index.js | 178 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 178 insertions(+)
 create mode 100644 lib/index.js

diff --git a/lib/index.js b/lib/index.js
new file mode 100644
index 0000000..954274a
--- /dev/null
+++ b/lib/index.js
@@ -0,0 +1,178 @@
+'use strict';
+
+var React = require('react')
+var $__0=   require('react/lib/ReactInputSelection'),getSelection=$__0.getSelection,setSelection=$__0.setSelection
+
+var InputMask = require('inputmask-core')
+
+var KEYCODE_Z = 90
+var KEYCODE_Y = 89
+
+function isUndo(e) {
+  return (e.ctrlKey || e.metaKey) && e.keyCode === (e.shiftKey ? KEYCODE_Y : KEYCODE_Z)
+}
+
+function isRedo(e) {
+  return (e.ctrlKey || e.metaKey) && e.keyCode === (e.shiftKey ? KEYCODE_Z : KEYCODE_Y)
+}
+
+var MaskedInput = React.createClass({displayName: "MaskedInput",
+  propTypes: {
+    mask: React.PropTypes.string.isRequired,
+
+    formatCharacters: React.PropTypes.object,
+    placeholderChar: React.PropTypes.string
+  },
+
+  getDefaultProps:function() {
+    return {
+      value: ''
+    }
+  },
+
+  componentWillMount:function() {
+    var options = {
+      pattern: this.props.mask,
+      value: this.props.value,
+      formatCharacters: this.props.formatCharacters
+    }
+    if (this.props.placeholderChar) {
+      options.placeholderChar = this.props.placeholderChar
+    }
+    this.mask = new InputMask(options)
+  },
+
+  componentWillReceiveProps:function(nextProps) {
+    if (this.props.mask !== nextProps.mask) {
+      this.mask.setPattern(nextProps.mask, {value: this.mask.getRawValue()})
+    }
+  },
+
+  _updateMaskSelection:function() {
+    this.mask.selection = getSelection(this.input)
+  },
+
+  _updateInputSelection:function() {
+    setSelection(this.input, this.mask.selection)
+  },
+
+  _onChange:function(e) {
+    // console.log('onChange', JSON.stringify(getSelection(this.input)), e.target.value)
+
+    var maskValue = this.mask.getValue()
+    if (e.target.value != maskValue) {
+      // Cut or delete operations will have shortened the value
+      if (e.target.value.length < maskValue.length) {
+        var sizeDiff = maskValue.length - e.target.value.length
+        this._updateMaskSelection()
+        this.mask.selection.end = this.mask.selection.start + sizeDiff
+        this.mask.backspace()
+      }
+      this.mask.setValue(e.target.value);
+      var value = this._getDisplayValue()
+      e.target.value = value
+      if (value) {
+        this._updateInputSelection()
+      }
+    }
+    if (this.props.onChange) {
+      this.props.onChange(e)
+    }
+  },
+
+  _onKeyDown:function(e) {
+    // console.log('onKeyDown', JSON.stringify(getSelection(this.input)), e.key, e.target.value)
+
+    if (isUndo(e)) {
+      e.preventDefault()
+      if (this.mask.undo()) {
+        e.target.value = this._getDisplayValue()
+        this._updateInputSelection()
+        this.props.onChange(e)
+      }
+      return
+    }
+    else if (isRedo(e)) {
+      e.preventDefault()
+      if (this.mask.redo()) {
+        e.target.value = this._getDisplayValue()
+        this._updateInputSelection()
+        this.props.onChange(e)
+      }
+      return
+    }
+
+    if (e.key == 'Backspace') {
+      e.preventDefault()
+      this._updateMaskSelection()
+      if (this.mask.backspace()) {
+        var value = this._getDisplayValue()
+        e.target.value = value
+        if (value) {
+          this._updateInputSelection()
+        }
+        this.props.onChange(e)
+      }
+    }
+  },
+
+  _onKeyPress:function(e) {
+    // console.log('onKeyPress', JSON.stringify(getSelection(this.input)), e.key, e.target.value)
+
+    // Ignore modified key presses
+    if (e.metaKey || e.altKey || e.ctrlKey) { return }
+
+    e.preventDefault()
+    this._updateMaskSelection()
+    if (this.mask.input(e.key)) {
+      e.target.value = this.mask.getValue()
+      this._updateInputSelection()
+      this.props.onChange(e)
+    }
+  },
+
+  _onPaste:function(e) {
+    // console.log('onPaste', JSON.stringify(getSelection(this.input)), e.clipboardData.getData('Text'), e.target.value)
+
+    e.preventDefault()
+    this._updateMaskSelection()
+    // getData value needed for IE also works in FF & Chrome
+    if (this.mask.paste(e.clipboardData.getData('Text'))) {
+      e.target.value = this.mask.getValue()
+      // Timeout needed for IE
+      setTimeout(this._updateInputSelection, 0)
+      this.props.onChange(e)
+    }
+    else {
+      this.mask.setValue(e.clipboardData.getData('Text'));
+      var value = this._getDisplayValue()
+      e.target.value = value
+      if (value) {
+        this._updateInputSelection()
+      }
+    }
+  },
+
+  _getDisplayValue:function() {
+    var value = this.mask.getValue()
+    return value === this.mask.emptyValue ? '' : value
+  },
+
+  render:function() {
+    var $__0=      this.props,mask=$__0.mask,formatCharacters=$__0.formatCharacters,size=$__0.size,placeholder=$__0.placeholder,props=(function(source, exclusion) {var rest = {};var hasOwn = Object.prototype.hasOwnProperty;if (source == null) {throw new TypeError();}for (var key in source) {if (hasOwn.call(source, key) && !hasOwn.call(exclusion, key)) {rest[key] = source[key];}}return rest;})($__0,{mask:1,formatCharacters:1,size:1,placeholder:1})
+    var patternLength = this.mask.pattern.length
+    return React.createElement("input", React.__spread({},  props, 
+      {ref: function(r)  {return this.input = r;}.bind(this), 
+      maxLength: patternLength, 
+      onChange: this._onChange, 
+      onKeyDown: this._onKeyDown, 
+      onKeyPress: this._onKeyPress, 
+      onPaste: this._onPaste, 
+      placeholder: placeholder || this.mask.emptyValue, 
+      size: size || patternLength, 
+      value: this._getDisplayValue()})
+    )
+  }
+})
+
+module.exports = MaskedInput

From 3270574174f02e7ea74c277236c073bbc84b66b4 Mon Sep 17 00:00:00 2001
From: Matt Wanner <matthew.wanner@eleadcrm.com>
Date: Fri, 13 Nov 2015 15:58:33 -0600
Subject: [PATCH 26/29] fixing mask issue

---
 src/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/index.js b/src/index.js
index ba2929f..5382bfb 100644
--- a/src/index.js
+++ b/src/index.js
@@ -47,6 +47,7 @@ var MaskedInput = React.createClass({
     if (this.props.mask !== nextProps.mask) {
       this.mask.setPattern(nextProps.mask, {value: this.mask.getRawValue()})
     }
+    this.mask.setValue(nextProps.value);
   },
 
   componentWillUpdate(nextProps, nextState) {

From 855e02cf7c0964c59b252d309b059a5da8921024 Mon Sep 17 00:00:00 2001
From: Matt Wanner <matthew.wanner@eleadcrm.com>
Date: Wed, 1 Jun 2016 11:44:59 -0500
Subject: [PATCH 27/29] updating unit tests

---
 tests/index-test.js | 77 ++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 76 insertions(+), 1 deletion(-)

diff --git a/tests/index-test.js b/tests/index-test.js
index 889a838..ee66a16 100644
--- a/tests/index-test.js
+++ b/tests/index-test.js
@@ -87,5 +87,80 @@ describe('MaskedInput', () => {
 
     cleanup(el)
   })
-})
 
+  describe('testing full value change', () => {
+    const el = setup()
+    let ref = null
+    let mask = '(111) 111-1111'
+    let value = ''
+
+    function render() {
+      ReactDOM.render(
+        <MaskedInput
+          ref={(r) => {
+            if (r) ref = r
+          }}
+          mask={mask}
+          value={value}
+        />,
+        el
+      )
+    }
+
+    // keeping the same element to simulate a user changing between different autofill options and selecting different ones.
+    render();
+    let input = ReactDOM.findDOMNode(ref)
+
+    // initial state
+    it('should have the expected initial state', () => {
+      expect(input.value).toBe('')
+      expect(input.placeholder).toBe('(___) ___-____')
+      expect(input.size).toBe(14)
+      expect(input.selectionStart).toBe(0)
+    })
+
+    it('should handle updating value with formatting', () => {
+      value = '(432) 543-9876'
+
+      render();
+      input = ReactDOM.findDOMNode(ref)
+
+      // new state
+      expect(input.value).toBe('(432) 543-9876')
+      expect(input.size).toBe(14)
+      expect(input.selectionStart).toBe(14)
+    })
+
+    it('should handle updating value without formatting', () => {
+
+      value = '3454521234'
+
+      render();
+      input = ReactDOM.findDOMNode(ref)
+
+      // new state
+      expect(input.value).toBe('(345) 452-1234')
+      expect(input.size).toBe(14)
+      expect(input.selectionStart).toBe(14)
+
+    })
+
+    it('should handle updating value with slightly different formatting', () => {
+
+      // please note: if 789-123-4321, the input will fail because it is taking the - as an input
+      value = '789 123-4321'
+
+      render();
+      input = ReactDOM.findDOMNode(ref)
+
+      // new state
+      expect(input.value).toBe('(789) 123-4321')
+      expect(input.size).toBe(14)
+      expect(input.selectionStart).toBe(14)
+
+    })
+
+    cleanup(el)
+  })
+
+})

From 98a58e5a2c834dfac8d8fa9663f2711aa766ad5f Mon Sep 17 00:00:00 2001
From: Matt Wanner <matthew.wanner@eleadcrm.com>
Date: Wed, 1 Jun 2016 11:58:14 -0500
Subject: [PATCH 28/29] following linting standards

---
 src/index.js        |  6 +++---
 tests/index-test.js | 13 ++++---------
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/index.js b/src/index.js
index 5382bfb..7a654c3 100644
--- a/src/index.js
+++ b/src/index.js
@@ -176,7 +176,7 @@ var MaskedInput = React.createClass({
       }
     }
     else {
-      this.mask.setValue(e.clipboardData.getData('Text'));
+      this.mask.setValue(e.clipboardData.getData('Text'))
       var value = this._getDisplayValue()
       e.target.value = value
       if (value) {
@@ -189,11 +189,11 @@ var MaskedInput = React.createClass({
     var value = this.mask.getValue()
     return value === this.mask.emptyValue ? '' : value
   },
-  
+
   focus() {
     this.input.focus();
   },
-  
+
   blur() {
     this.input.blur();
   },
diff --git a/tests/index-test.js b/tests/index-test.js
index ee66a16..aa684d4 100644
--- a/tests/index-test.js
+++ b/tests/index-test.js
@@ -108,7 +108,7 @@ describe('MaskedInput', () => {
     }
 
     // keeping the same element to simulate a user changing between different autofill options and selecting different ones.
-    render();
+    render()
     let input = ReactDOM.findDOMNode(ref)
 
     // initial state
@@ -122,7 +122,7 @@ describe('MaskedInput', () => {
     it('should handle updating value with formatting', () => {
       value = '(432) 543-9876'
 
-      render();
+      render()
       input = ReactDOM.findDOMNode(ref)
 
       // new state
@@ -132,35 +132,30 @@ describe('MaskedInput', () => {
     })
 
     it('should handle updating value without formatting', () => {
-
       value = '3454521234'
 
-      render();
+      render()
       input = ReactDOM.findDOMNode(ref)
 
       // new state
       expect(input.value).toBe('(345) 452-1234')
       expect(input.size).toBe(14)
       expect(input.selectionStart).toBe(14)
-
     })
 
     it('should handle updating value with slightly different formatting', () => {
-
       // please note: if 789-123-4321, the input will fail because it is taking the - as an input
       value = '789 123-4321'
 
-      render();
+      render()
       input = ReactDOM.findDOMNode(ref)
 
       // new state
       expect(input.value).toBe('(789) 123-4321')
       expect(input.size).toBe(14)
       expect(input.selectionStart).toBe(14)
-
     })
 
     cleanup(el)
   })
-
 })

From 1bc4ed782e2e284bd3ae0a831cb65b160deb9f09 Mon Sep 17 00:00:00 2001
From: Matt Wanner <matthew.wanner@eleadcrm.com>
Date: Wed, 1 Jun 2016 12:12:52 -0500
Subject: [PATCH 29/29] removing additions that have already been fixed.

---
 src/index.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/index.js b/src/index.js
index 7a654c3..346bc87 100644
--- a/src/index.js
+++ b/src/index.js
@@ -47,7 +47,6 @@ var MaskedInput = React.createClass({
     if (this.props.mask !== nextProps.mask) {
       this.mask.setPattern(nextProps.mask, {value: this.mask.getRawValue()})
     }
-    this.mask.setValue(nextProps.value);
   },
 
   componentWillUpdate(nextProps, nextState) {
@@ -89,7 +88,6 @@ var MaskedInput = React.createClass({
         this.mask.selection.end = this.mask.selection.start + sizeDiff
         this.mask.backspace()
       }
-      this.mask.setValue(e.target.value);
       var value = this._getDisplayValue()
       e.target.value = value
       if (value) {