feat(createTextMask): adds allowEmpty option

Closes #53
renato-bohler · Nov 6, 2018 · 07e713a · 07e713a
1 parent 0e01601
commit 07e713a
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 3 deletions.
diff --git a/src/createTextMask.js b/src/createTextMask.js
@@ -17,6 +17,7 @@ export default options => {
     maskDefinitions = defaultMaskDefinitions,
     guide = true,
     stripMask = true,
+    allowEmpty = false,
     onChange,
     onCompletePattern,
   } = options;
@@ -61,7 +62,14 @@ export default options => {
 
   const format = (storeValue, calledFromNormalize = false) => {
     if (!storeValue) {
-      return applyMask('', pattern, placeholder, guide, maskDefinitions);
+      return applyMask(
+        '',
+        pattern,
+        placeholder,
+        guide,
+        allowEmpty,
+        maskDefinitions,
+      );
     }
 
     if (!stripMask && !calledFromNormalize) {
@@ -70,7 +78,14 @@ export default options => {
     }
 
     // Format the mask according to pattern and maskDefinitions
-    return applyMask(storeValue, pattern, placeholder, guide, maskDefinitions);
+    return applyMask(
+      storeValue,
+      pattern,
+      placeholder,
+      guide,
+      allowEmpty,
+      maskDefinitions,
+    );
   };
 
   const normalize = (updatedValue, previousValue) => {
@@ -79,6 +94,7 @@ export default options => {
       pattern,
       placeholder,
       guide,
+      allowEmpty,
       maskDefinitions,
     );
 

diff --git a/src/utils.js b/src/utils.js
@@ -65,12 +65,19 @@ const applyMask = (
   pattern,
   placeholder,
   guide,
+  allowEmpty,
   maskDefinitions,
 ) => {
   let applied = '';
 
   let value = !strippedValue ? '' : strippedValue;
 
+  /* If the value is empty, allowEmpty is set and guide is not, the formatted
+  value should be an empty string */
+  if (value.length === 0 && allowEmpty && !guide) {
+    return '';
+  }
+
   // There are two indexes we need to control: value and pattern
   let valueIndex = 0;
 
@@ -128,6 +135,7 @@ const inputReformat = (
   pattern,
   placeholder,
   guide,
+  allowEmpty,
   maskDefinitions,
 ) => {
   let string = !inputString ? '' : inputString;
@@ -147,7 +155,14 @@ const inputReformat = (
   const placeholderRegExp = escapeRegExp(placeholder);
   string = string.replace(placeholderRegExp, '');
 
-  return applyMask(string, pattern, placeholder, guide, maskDefinitions);
+  return applyMask(
+    string,
+    pattern,
+    placeholder,
+    guide,
+    allowEmpty,
+    maskDefinitions,
+  );
 };
 
 /**