Add checks + update type to allow props.value to be null | undefined

also, remove empty string default for props.value to enable alternating between passing undefined  and empty string as props.value to clear the component input values (because {value: undefined} no longer gets defaulted to empty string)

Author: acusti

src/ReactCodeInput.d.ts

@@ -21,7 +21,7 @@ export interface ReactCodeInputProps {
     placeholder?: string
 
     // Value of the input
-    value?: string
+    value?: string | null
 
     // Get the full value of the input on every change
     onChange?: (value: string) => void

src/ReactCodeInput.js

@@ -33,7 +33,7 @@ class ReactCodeInput extends Component {
     super(props);
 
     const { fields, forceUppercase } = props;
-    let { value } = props;
+    let value = props.value || '';
 
     if (forceUppercase) {
       value = value.toUpperCase();
@@ -55,6 +55,10 @@ class ReactCodeInput extends Component {
   }
 
   UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.value == null) {
+      return;
+    }
+
     this.setState({
       value: nextProps.value,
     });
@@ -291,7 +295,6 @@ ReactCodeInput.defaultProps = {
   disabled: false,
   forceUppercase: false,
   fields: 4,
-  value: '',
   type: 'text',
   filterKeyCodes: [189, 190],
   filterChars: ['-', '.'],