rsuite 5.39.0 → 5.41.0

package/esm/MaskedInput/adjustCaretPosition.js

@@ -1,61 +1,65 @@
+'use client';
 var defaultArray = [];
 var emptyString = '';
 export default function adjustCaretPosition(_ref) {
   var _ref$previousConforme = _ref.previousConformedValue,
-      previousConformedValue = _ref$previousConforme === void 0 ? emptyString : _ref$previousConforme,
-      _ref$previousPlacehol = _ref.previousPlaceholder,
-      previousPlaceholder = _ref$previousPlacehol === void 0 ? emptyString : _ref$previousPlacehol,
-      _ref$currentCaretPosi = _ref.currentCaretPosition,
-      currentCaretPosition = _ref$currentCaretPosi === void 0 ? 0 : _ref$currentCaretPosi,
-      conformedValue = _ref.conformedValue,
-      rawValue = _ref.rawValue,
-      placeholderChar = _ref.placeholderChar,
-      placeholder = _ref.placeholder,
-      _ref$indexesOfPipedCh = _ref.indexesOfPipedChars,
-      indexesOfPipedChars = _ref$indexesOfPipedCh === void 0 ? defaultArray : _ref$indexesOfPipedCh,
-      _ref$caretTrapIndexes = _ref.caretTrapIndexes,
-      caretTrapIndexes = _ref$caretTrapIndexes === void 0 ? defaultArray : _ref$caretTrapIndexes;
-
+    previousConformedValue = _ref$previousConforme === void 0 ? emptyString : _ref$previousConforme,
+    _ref$previousPlacehol = _ref.previousPlaceholder,
+    previousPlaceholder = _ref$previousPlacehol === void 0 ? emptyString : _ref$previousPlacehol,
+    _ref$currentCaretPosi = _ref.currentCaretPosition,
+    currentCaretPosition = _ref$currentCaretPosi === void 0 ? 0 : _ref$currentCaretPosi,
+    conformedValue = _ref.conformedValue,
+    rawValue = _ref.rawValue,
+    placeholderChar = _ref.placeholderChar,
+    placeholder = _ref.placeholder,
+    _ref$indexesOfPipedCh = _ref.indexesOfPipedChars,
+    indexesOfPipedChars = _ref$indexesOfPipedCh === void 0 ? defaultArray : _ref$indexesOfPipedCh,
+    _ref$caretTrapIndexes = _ref.caretTrapIndexes,
+    caretTrapIndexes = _ref$caretTrapIndexes === void 0 ? defaultArray : _ref$caretTrapIndexes;
   if (currentCaretPosition === 0 || !rawValue.length) {
     return 0;
-  } // Store lengths for faster performance?
-
+  }
 
+  // Store lengths for faster performance?
   var rawValueLength = rawValue.length;
   var previousConformedValueLength = previousConformedValue.length;
   var placeholderLength = placeholder.length;
-  var conformedValueLength = conformedValue.length; // This tells us how long the edit is. If user modified input from `(2__)` to `(243__)`,
+  var conformedValueLength = conformedValue.length;
+
+  // This tells us how long the edit is. If user modified input from `(2__)` to `(243__)`,
   // we know the user in this instance pasted two characters
+  var editLength = rawValueLength - previousConformedValueLength;
 
-  var editLength = rawValueLength - previousConformedValueLength; // If the edit length is positive, that means the user is adding characters, not deleting.
+  // If the edit length is positive, that means the user is adding characters, not deleting.
+  var isAddition = editLength > 0;
 
-  var isAddition = editLength > 0; // This is the first raw value the user entered that needs to be conformed to mask
+  // This is the first raw value the user entered that needs to be conformed to mask
+  var isFirstRawValue = previousConformedValueLength === 0;
 
-  var isFirstRawValue = previousConformedValueLength === 0; // A partial multi-character edit happens when the user makes a partial selection in their
+  // A partial multi-character edit happens when the user makes a partial selection in their
   // input and edits that selection. That is going from `(123) 432-4348` to `() 432-4348` by
   // selecting the first 3 digits and pressing backspace.
   //
   // Such cases can also happen when the user presses the backspace while holding down the ALT
   // key.
+  var isPartialMultiCharEdit = editLength > 1 && !isFirstRawValue;
 
-  var isPartialMultiCharEdit = editLength > 1 && !isFirstRawValue; // This algorithm doesn't support all cases of multi-character edits, so we just return
+  // This algorithm doesn't support all cases of multi-character edits, so we just return
   // the current caret position.
   //
   // This works fine for most cases.
-
   if (isPartialMultiCharEdit) {
     return currentCaretPosition;
-  } // For a mask like (111), if the `previousConformedValue` is (1__) and user attempts to enter
+  }
+
+  // For a mask like (111), if the `previousConformedValue` is (1__) and user attempts to enter
   // `f` so the `rawValue` becomes (1f__), the new `conformedValue` would be (1__), which is the
   // same as the original `previousConformedValue`. We handle this case differently for caret
   // positioning.
-
-
   var possiblyHasRejectedChar = isAddition && (previousConformedValue === conformedValue || conformedValue === placeholder);
   var startingSearchIndex = 0;
   var trackRightCharacter;
   var targetChar;
-
   if (possiblyHasRejectedChar) {
     startingSearchIndex = currentCaretPosition - editLength;
   } else {
@@ -64,114 +68,131 @@ export default function adjustCaretPosition(_ref) {
     //
     // We do that by seeing what character lies immediately before the caret, and then look for that
     // same character in the conformed input and place the caret there.
+
     // First, we need to normalize the inputs so that letter capitalization between raw input and
     // conformed input wouldn't matter.
     var normalizedConformedValue = conformedValue.toLowerCase();
-    var normalizedRawValue = rawValue.toLowerCase(); // Then we take all characters that come before where the caret currently is.
+    var normalizedRawValue = rawValue.toLowerCase();
 
-    var leftHalfChars = normalizedRawValue.substr(0, currentCaretPosition).split(emptyString); // Now we find all the characters in the left half that exist in the conformed input
-    // This step ensures that we don't look for a character that was filtered out or rejected by `conformToMask`.
+    // Then we take all characters that come before where the caret currently is.
+    var leftHalfChars = normalizedRawValue.substr(0, currentCaretPosition).split(emptyString);
 
+    // Now we find all the characters in the left half that exist in the conformed input
+    // This step ensures that we don't look for a character that was filtered out or rejected by `conformToMask`.
     var intersection = leftHalfChars.filter(function (char) {
       return normalizedConformedValue.indexOf(char) !== -1;
-    }); // The last character in the intersection is the character we want to look for in the conformed
+    });
+
+    // The last character in the intersection is the character we want to look for in the conformed
     // value and the one we want to adjust the caret close to
+    targetChar = intersection[intersection.length - 1];
 
-    targetChar = intersection[intersection.length - 1]; // Calculate the number of mask characters in the previous placeholder
+    // Calculate the number of mask characters in the previous placeholder
     // from the start of the string up to the place where the caret is
-
     var previousLeftMaskChars = previousPlaceholder.substr(0, intersection.length).split(emptyString).filter(function (char) {
       return char !== placeholderChar;
-    }).length; // Calculate the number of mask characters in the current placeholder
-    // from the start of the string up to the place where the caret is
+    }).length;
 
+    // Calculate the number of mask characters in the current placeholder
+    // from the start of the string up to the place where the caret is
     var leftMaskChars = placeholder.substr(0, intersection.length).split(emptyString).filter(function (char) {
       return char !== placeholderChar;
-    }).length; // Has the number of mask characters up to the caret changed?
+    }).length;
 
-    var masklengthChanged = leftMaskChars !== previousLeftMaskChars; // Detect if `targetChar` is a mask character and has moved to the left
+    // Has the number of mask characters up to the caret changed?
+    var masklengthChanged = leftMaskChars !== previousLeftMaskChars;
 
-    var targetIsMaskMovingLeft = previousPlaceholder[intersection.length - 1] !== undefined && placeholder[intersection.length - 2] !== undefined && previousPlaceholder[intersection.length - 1] !== placeholderChar && previousPlaceholder[intersection.length - 1] !== placeholder[intersection.length - 1] && previousPlaceholder[intersection.length - 1] === placeholder[intersection.length - 2]; // If deleting and the `targetChar` `is a mask character and `masklengthChanged` is true
+    // Detect if `targetChar` is a mask character and has moved to the left
+    var targetIsMaskMovingLeft = previousPlaceholder[intersection.length - 1] !== undefined && placeholder[intersection.length - 2] !== undefined && previousPlaceholder[intersection.length - 1] !== placeholderChar && previousPlaceholder[intersection.length - 1] !== placeholder[intersection.length - 1] && previousPlaceholder[intersection.length - 1] === placeholder[intersection.length - 2];
+
+    // If deleting and the `targetChar` `is a mask character and `masklengthChanged` is true
     // or the mask is moving to the left, we can't use the selected `targetChar` any longer
     // if we are not at the end of the string.
     // In this case, change tracking strategy and track the character to the right of the caret.
-
     if (!isAddition && (masklengthChanged || targetIsMaskMovingLeft) && previousLeftMaskChars > 0 && placeholder.indexOf(targetChar) > -1 && rawValue[currentCaretPosition] !== undefined) {
       trackRightCharacter = true;
       targetChar = rawValue[currentCaretPosition];
-    } // It is possible that `targetChar` will appear multiple times in the conformed value.
+    }
+
+    // It is possible that `targetChar` will appear multiple times in the conformed value.
     // We need to know not to select a character that looks like our target character from the placeholder or
     // the piped characters, so we inspect the piped characters and the placeholder to see if they contain
     // characters that match our target character.
+
     // If the `conformedValue` got piped, we need to know which characters were piped in so that when we look for
     // our `targetChar`, we don't select a piped char by mistake
-
-
     var pipedChars = indexesOfPipedChars.map(function (index) {
       return normalizedConformedValue[index];
-    }); // We need to know how many times the `targetChar` occurs in the piped characters.
+    });
 
+    // We need to know how many times the `targetChar` occurs in the piped characters.
     var countTargetCharInPipedChars = pipedChars.filter(function (char) {
       return char === targetChar;
-    }).length; // We need to know how many times it occurs in the intersection
+    }).length;
 
+    // We need to know how many times it occurs in the intersection
     var countTargetCharInIntersection = intersection.filter(function (char) {
       return char === targetChar;
-    }).length; // We need to know if the placeholder contains characters that look like
-    // our `targetChar`, so we don't select one of those by mistake.
+    }).length;
 
+    // We need to know if the placeholder contains characters that look like
+    // our `targetChar`, so we don't select one of those by mistake.
     var countTargetCharInPlaceholder = placeholder.substr(0, placeholder.indexOf(placeholderChar)).split(emptyString).filter(function (char, index) {
-      return (// Check if `char` is the same as our `targetChar`, so we account for it
-        char === targetChar && // but also make sure that both the `rawValue` and placeholder don't have the same character at the same
+      return (
+        // Check if `char` is the same as our `targetChar`, so we account for it
+        char === targetChar &&
+        // but also make sure that both the `rawValue` and placeholder don't have the same character at the same
         // index because if they are equal, that means we are already counting those characters in
         // `countTargetCharInIntersection`
         rawValue[index] !== char
       );
-    }).length; // The number of times we need to see occurrences of the `targetChar` before we know it is the one we're looking
-    // for is:
+    }).length;
 
-    var requiredNumberOfMatches = countTargetCharInPlaceholder + countTargetCharInIntersection + countTargetCharInPipedChars + ( // The character to the right of the caret isn't included in `intersection`
+    // The number of times we need to see occurrences of the `targetChar` before we know it is the one we're looking
+    // for is:
+    var requiredNumberOfMatches = countTargetCharInPlaceholder + countTargetCharInIntersection + countTargetCharInPipedChars + (
+    // The character to the right of the caret isn't included in `intersection`
     // so add one if we are tracking the character to the right
-    trackRightCharacter ? 1 : 0); // Now we start looking for the location of the `targetChar`.
+    trackRightCharacter ? 1 : 0);
+
+    // Now we start looking for the location of the `targetChar`.
     // We keep looping forward and store the index in every iteration. Once we have encountered
     // enough occurrences of the target character, we break out of the loop
     // If are searching for the second `1` in `1214`, `startingSearchIndex` will point at `4`.
-
     var numberOfEncounteredMatches = 0;
-
     for (var i = 0; i < conformedValueLength; i++) {
       var conformedValueChar = normalizedConformedValue[i];
       startingSearchIndex = i + 1;
-
       if (conformedValueChar === targetChar) {
         numberOfEncounteredMatches++;
       }
-
       if (numberOfEncounteredMatches >= requiredNumberOfMatches) {
         break;
       }
     }
-  } // At this point, if we simply return `startingSearchIndex` as the adjusted caret position,
+  }
+
+  // At this point, if we simply return `startingSearchIndex` as the adjusted caret position,
   // most cases would be handled. However, we want to fast forward or rewind the caret to the
   // closest placeholder character if it happens to be in a non-editable spot. That's what the next
   // logic is for.
-  // In case of addition, we fast forward.
-
 
+  // In case of addition, we fast forward.
   if (isAddition) {
     // We want to remember the last placeholder character encountered so that if the mask
     // contains more characters after the last placeholder character, we don't forward the caret
     // that far to the right. Instead, we stop it at the last encountered placeholder character.
     var lastPlaceholderChar = startingSearchIndex;
-
     for (var _i = startingSearchIndex; _i <= placeholderLength; _i++) {
       if (placeholder[_i] === placeholderChar) {
         lastPlaceholderChar = _i;
       }
-
-      if ( // If we're adding, we can position the caret at the next placeholder character.
-      placeholder[_i] === placeholderChar || // If a caret trap was set by a mask function, we need to stop at the trap.
-      caretTrapIndexes.indexOf(_i) !== -1 || // This is the end of the placeholder. We cannot move any further. Let's put the caret there.
+      if (
+      // If we're adding, we can position the caret at the next placeholder character.
+      placeholder[_i] === placeholderChar ||
+      // If a caret trap was set by a mask function, we need to stop at the trap.
+      caretTrapIndexes.indexOf(_i) !== -1 ||
+      // This is the end of the placeholder. We cannot move any further. Let's put the caret there.
       _i === placeholderLength) {
         return lastPlaceholderChar;
       }
@@ -184,10 +205,14 @@ export default function adjustCaretPosition(_ref) {
       for (var _i2 = startingSearchIndex - 1; _i2 >= 0; _i2--) {
         // If tracking the character to the right of the cursor, we move to the left until
         // we found the character and then place the caret right before it
-        if ( // `targetChar` should be in `conformedValue`, since it was in `rawValue`, just
+
+        if (
+        // `targetChar` should be in `conformedValue`, since it was in `rawValue`, just
         // to the right of the caret
-        conformedValue[_i2] === targetChar || // If a caret trap was set by a mask function, we need to stop at the trap.
-        caretTrapIndexes.indexOf(_i2) !== -1 || // This is the beginning of the placeholder. We cannot move any further.
+        conformedValue[_i2] === targetChar ||
+        // If a caret trap was set by a mask function, we need to stop at the trap.
+        caretTrapIndexes.indexOf(_i2) !== -1 ||
+        // This is the beginning of the placeholder. We cannot move any further.
         // Let's put the caret there.
         _i2 === 0) {
           return _i2;
@@ -195,14 +220,19 @@ export default function adjustCaretPosition(_ref) {
       }
     } else {
       // Searching for the first placeholder or caret trap to the left
+
       for (var _i3 = startingSearchIndex; _i3 >= 0; _i3--) {
         // If we're deleting, we stop the caret right before the placeholder character.
         // For example, for mask `(111) 11`, current conformed input `(456) 86`. If user
         // modifies input to `(456 86`. That is, they deleted the `)`, we place the caret
         // right after the first `6`
-        if ( // If we're deleting, we can position the caret right before the placeholder character
-        placeholder[_i3 - 1] === placeholderChar || // If a caret trap was set by a mask function, we need to stop at the trap.
-        caretTrapIndexes.indexOf(_i3) !== -1 || // This is the beginning of the placeholder. We cannot move any further.
+
+        if (
+        // If we're deleting, we can position the caret right before the placeholder character
+        placeholder[_i3 - 1] === placeholderChar ||
+        // If a caret trap was set by a mask function, we need to stop at the trap.
+        caretTrapIndexes.indexOf(_i3) !== -1 ||
+        // This is the beginning of the placeholder. We cannot move any further.
         // Let's put the caret there.
         _i3 === 0) {
           return _i3;

package/esm/MaskedInput/conformToMask.js

@@ -1,3 +1,4 @@
+'use client';
 import { convertMaskToPlaceholder, processCaretTraps, defaultPlaceholderChar } from './utilities';
 export function isArray(value) {
   return Array.isArray && Array.isArray(value) || value instanceof Array;
@@ -6,15 +7,12 @@ export default function conformToMask(rawValue, mask, config) {
   if (rawValue === void 0) {
     rawValue = '';
   }
-
   if (mask === void 0) {
     mask = [];
   }
-
   if (config === void 0) {
     config = {};
   }
-
   if (!isArray(mask)) {
     // If someone passes a function as the mask property, we should call the
     // function to get the mask array - Normally this is handled by the
@@ -22,43 +20,50 @@ export default function conformToMask(rawValue, mask, config) {
     // to be used directly with `conformToMask`
     if (typeof mask === 'function') {
       // call the mask function to get the mask array
-      mask = mask(rawValue, config); // mask functions can setup caret traps to have some control over how the caret moves. We need to process
-      // the mask for any caret traps. `processCaretTraps` will remove the caret traps from the mask
+      mask = mask(rawValue, config);
 
+      // mask functions can setup caret traps to have some control over how the caret moves. We need to process
+      // the mask for any caret traps. `processCaretTraps` will remove the caret traps from the mask
       mask = processCaretTraps(mask).maskWithoutCaretTraps;
     } else {
       throw new Error('Text-mask:conformToMask; The mask property must be an array.');
     }
-  } // These configurations tell us how to conform the mask
-
+  }
 
+  // These configurations tell us how to conform the mask
   var _config = config,
-      _config$guide = _config.guide,
-      guide = _config$guide === void 0 ? true : _config$guide,
-      _config$previousConfo = _config.previousConformedValue,
-      previousConformedValue = _config$previousConfo === void 0 ? '' : _config$previousConfo,
-      _config$placeholderCh = _config.placeholderChar,
-      placeholderChar = _config$placeholderCh === void 0 ? defaultPlaceholderChar : _config$placeholderCh,
-      _config$placeholder = _config.placeholder,
-      placeholder = _config$placeholder === void 0 ? convertMaskToPlaceholder(mask, placeholderChar) : _config$placeholder,
-      _config$currentCaretP = _config.currentCaretPosition,
-      currentCaretPosition = _config$currentCaretP === void 0 ? 0 : _config$currentCaretP,
-      keepCharPositions = _config.keepCharPositions; // The configs below indicate that the user wants the algorithm to work in *no guide* mode
-
-  var suppressGuide = guide === false && previousConformedValue !== undefined; // Calculate lengths once for performance
-
+    _config$guide = _config.guide,
+    guide = _config$guide === void 0 ? true : _config$guide,
+    _config$previousConfo = _config.previousConformedValue,
+    previousConformedValue = _config$previousConfo === void 0 ? '' : _config$previousConfo,
+    _config$placeholderCh = _config.placeholderChar,
+    placeholderChar = _config$placeholderCh === void 0 ? defaultPlaceholderChar : _config$placeholderCh,
+    _config$placeholder = _config.placeholder,
+    placeholder = _config$placeholder === void 0 ? convertMaskToPlaceholder(mask, placeholderChar) : _config$placeholder,
+    _config$currentCaretP = _config.currentCaretPosition,
+    currentCaretPosition = _config$currentCaretP === void 0 ? 0 : _config$currentCaretP,
+    keepCharPositions = _config.keepCharPositions; // The configs below indicate that the user wants the algorithm to work in *no guide* mode
+  var suppressGuide = guide === false && previousConformedValue !== undefined;
+
+  // Calculate lengths once for performance
   var rawValueLength = rawValue.length;
   var previousConformedValueLength = previousConformedValue.length;
   var placeholderLength = placeholder.length;
-  var maskLength = mask.length; // This tells us the number of edited characters and the direction in which they were edited (+/-)
+  var maskLength = mask.length;
+
+  // This tells us the number of edited characters and the direction in which they were edited (+/-)
+  var editDistance = rawValueLength - previousConformedValueLength;
 
-  var editDistance = rawValueLength - previousConformedValueLength; // In *no guide* mode, we need to know if the user is trying to add a character or not
+  // In *no guide* mode, we need to know if the user is trying to add a character or not
+  var isAddition = editDistance > 0;
 
-  var isAddition = editDistance > 0; // Tells us the index of the first change. For (438) 394-4938 to (38) 394-4938, that would be 1
+  // Tells us the index of the first change. For (438) 394-4938 to (38) 394-4938, that would be 1
+  var indexOfFirstChange = currentCaretPosition + (isAddition ? -editDistance : 0);
 
-  var indexOfFirstChange = currentCaretPosition + (isAddition ? -editDistance : 0); // We're also gonna need the index of last change, which we can derive as follows...
+  // We're also gonna need the index of last change, which we can derive as follows...
+  var indexOfLastChange = indexOfFirstChange + Math.abs(editDistance);
 
-  var indexOfLastChange = indexOfFirstChange + Math.abs(editDistance); // If `conformToMask` is configured to keep character positions, that is, for mask 111, previous value
+  // If `conformToMask` is configured to keep character positions, that is, for mask 111, previous value
   // _2_ and raw value 3_2_, the new conformed value should be 32_, not 3_2 (default behavior). That's in the case of
   // addition. And in the case of deletion, previous value _23, raw value _3, the new conformed string should be
   // __3, not _3_ (default behavior)
@@ -66,56 +71,57 @@ export default function conformToMask(rawValue, mask, config) {
   // The next block of logic handles keeping character positions for the case of deletion. (Keeping
   // character positions for the case of addition is further down since it is handled differently.)
   // To do this, we want to compensate for all characters that were deleted
-
   if (keepCharPositions === true && !isAddition) {
     // We will be storing the new placeholder characters in this variable.
-    var compensatingPlaceholderChars = ''; // For every character that was deleted from a placeholder position, we add a placeholder char
+    var compensatingPlaceholderChars = '';
 
+    // For every character that was deleted from a placeholder position, we add a placeholder char
     for (var i = indexOfFirstChange; i < indexOfLastChange; i++) {
       if (placeholder[i] === placeholderChar) {
         compensatingPlaceholderChars += placeholderChar;
       }
-    } // Now we trick our algorithm by modifying the raw value to make it contain additional placeholder characters
+    }
+
+    // Now we trick our algorithm by modifying the raw value to make it contain additional placeholder characters
     // That way when the we start laying the characters again on the mask, it will keep the non-deleted characters
     // in their positions.
-
-
     rawValue = rawValue.slice(0, indexOfFirstChange) + compensatingPlaceholderChars + rawValue.slice(indexOfFirstChange, rawValueLength);
-  } // Convert `rawValue` string to an array, and mark characters based on whether they are newly added or have
+  }
+
+  // Convert `rawValue` string to an array, and mark characters based on whether they are newly added or have
   // existed in the previous conformed value. Identifying new and old characters is needed for `conformToMask`
   // to work if it is configured to keep character positions.
-
-
   var rawValueArr = rawValue.split('').map(function (char, i) {
     return {
       char: char,
       isNew: i >= indexOfFirstChange && i < indexOfLastChange
     };
-  }); // The loop below removes masking characters from user input. For example, for mask
+  });
+
+  // The loop below removes masking characters from user input. For example, for mask
   // `00 (111)`, the placeholder would be `00 (___)`. If user input is `00 (234)`, the loop below
   // would remove all characters but `234` from the `rawValueArr`. The rest of the algorithm
   // then would lay `234` on top of the available placeholder positions in the mask.
-
   for (var _i = rawValueLength - 1; _i >= 0; _i--) {
     var char = rawValueArr[_i].char;
-
     if (char !== placeholderChar) {
       var shouldOffset = _i >= indexOfFirstChange && previousConformedValueLength === maskLength;
-
       if (char === placeholder[shouldOffset ? _i - editDistance : _i]) {
         rawValueArr.splice(_i, 1);
       }
     }
-  } // This is the variable that we will be filling with characters as we figure them out
-  // in the algorithm below
-
+  }
 
+  // This is the variable that we will be filling with characters as we figure them out
+  // in the algorithm below
   var conformedValue = '';
-  var someCharsRejected = false; // Ok, so first we loop through the placeholder looking for placeholder characters to fill up.
+  var someCharsRejected = false;
 
+  // Ok, so first we loop through the placeholder looking for placeholder characters to fill up.
   placeholderLoop: for (var _i2 = 0; _i2 < placeholderLength; _i2++) {
-    var charInPlaceholder = placeholder[_i2]; // We see one. Let's find out what we can put in it.
+    var charInPlaceholder = placeholder[_i2];
 
+    // We see one. Let's find out what we can put in it.
     if (charInPlaceholder === placeholderChar) {
       // But before that, do we actually have any user characters that need a place?
       if (rawValueArr.length > 0) {
@@ -125,17 +131,18 @@ export default function conformToMask(rawValue, mask, config) {
           // Let's retrieve the first user character in the queue of characters we have left
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           var _ref = rawValueArr.shift(),
-              rawValueChar = _ref.char,
-              isNew = _ref.isNew; // If the character we got from the user input is a placeholder character (which happens
+            rawValueChar = _ref.char,
+            isNew = _ref.isNew; // If the character we got from the user input is a placeholder character (which happens
           // regularly because user input could be something like (540) 90_-____, which includes
           // a bunch of `_` which are placeholder characters) and we are not in *no guide* mode,
           // then we map this placeholder character to the current spot in the placeholder
-
-
           if (rawValueChar === placeholderChar && suppressGuide !== true) {
-            conformedValue += placeholderChar; // And we go to find the next placeholder character that needs filling
+            conformedValue += placeholderChar;
+
+            // And we go to find the next placeholder character that needs filling
+            continue placeholderLoop;
 
-            continue placeholderLoop; // Else if, the character we got from the user input is not a placeholder, let's see
+            // Else if, the character we got from the user input is not a placeholder, let's see
             // if the current position in the mask can accept it.
           } else if (mask[_i2].test(rawValueChar)) {
             // we map the character differently based on whether we are keeping character positions or not.
@@ -152,76 +159,79 @@ export default function conformToMask(rawValue, mask, config) {
               // `9`, to the first available placeholder position, but then, there are no more spots available for the
               // `4` and `2`. So, we discard them and end up with a conformed value of `92__`.
               var rawValueArrLength = rawValueArr.length;
-              var indexOfNextAvailablePlaceholderChar = null; // Let's loop through the remaining raw value characters. We are looking for either a suitable spot, ie,
+              var indexOfNextAvailablePlaceholderChar = null;
+
+              // Let's loop through the remaining raw value characters. We are looking for either a suitable spot, ie,
               // a placeholder character or a non-suitable spot, ie, a non-placeholder character that is not new.
               // If we see a suitable spot first, we store its position and exit the loop. If we see a non-suitable
               // spot first, we exit the loop and our `indexOfNextAvailablePlaceholderChar` will stay as `null`.
-
               for (var _i3 = 0; _i3 < rawValueArrLength; _i3++) {
                 var charData = rawValueArr[_i3];
-
                 if (charData.char !== placeholderChar && charData.isNew === false) {
                   break;
                 }
-
                 if (charData.char === placeholderChar) {
                   indexOfNextAvailablePlaceholderChar = _i3;
                   break;
                 }
-              } // If `indexOfNextAvailablePlaceholderChar` is not `null`, that means the character is not blocked.
+              }
+
+              // If `indexOfNextAvailablePlaceholderChar` is not `null`, that means the character is not blocked.
               // We can map it. And to keep the character positions, we remove the placeholder character
               // from the remaining characters
-
-
               if (indexOfNextAvailablePlaceholderChar !== null) {
                 conformedValue += rawValueChar;
-                rawValueArr.splice(indexOfNextAvailablePlaceholderChar, 1); // If `indexOfNextAvailablePlaceholderChar` is `null`, that means the character is blocked. We have to
+                rawValueArr.splice(indexOfNextAvailablePlaceholderChar, 1);
+
+                // If `indexOfNextAvailablePlaceholderChar` is `null`, that means the character is blocked. We have to
                 // discard it.
               } else {
                 _i2--;
               }
-            } // Since we've mapped this placeholder position. We move on to the next one.
-
+            }
 
+            // Since we've mapped this placeholder position. We move on to the next one.
             continue placeholderLoop;
           } else {
             someCharsRejected = true;
           }
         }
-      } // We reach this point when we've mapped all the user input characters to placeholder
+      }
+
+      // We reach this point when we've mapped all the user input characters to placeholder
       // positions in the mask. In *guide* mode, we append the left over characters in the
       // placeholder to the `conformedString`, but in *no guide* mode, we don't wanna do that.
       //
       // That is, for mask `(111)` and user input `2`, we want to return `(2`, not `(2__)`.
-
-
       if (suppressGuide === false) {
         conformedValue += placeholder.substr(_i2, placeholderLength);
-      } // And we break
+      }
 
+      // And we break
+      break;
 
-      break; // Else, the charInPlaceholder is not a placeholderChar. That is, we cannot fill it
+      // Else, the charInPlaceholder is not a placeholderChar. That is, we cannot fill it
       // with user input. So we just map it to the final output
     } else {
       conformedValue += charInPlaceholder;
     }
-  } // The following logic is needed to deal with the case of deletion in *no guide* mode.
+  }
+
+  // The following logic is needed to deal with the case of deletion in *no guide* mode.
   //
   // Consider the silly mask `(111) /// 1`. What if user tries to delete the last placeholder
   // position? Something like `(589) /// `. We want to conform that to `(589`. Not `(589) /// `.
   // That's why the logic below finds the last filled placeholder character, and removes everything
   // from that point on.
-
-
   if (suppressGuide && isAddition === false) {
-    var indexOfLastFilledPlaceholderChar = null; // Find the last filled placeholder position and substring from there
+    var indexOfLastFilledPlaceholderChar = null;
 
+    // Find the last filled placeholder position and substring from there
     for (var _i4 = 0; _i4 < conformedValue.length; _i4++) {
       if (placeholder[_i4] === placeholderChar) {
         indexOfLastFilledPlaceholderChar = _i4;
       }
     }
-
     if (indexOfLastFilledPlaceholderChar !== null) {
       // We substring from the beginning until the position after the last filled placeholder char.
       conformedValue = conformedValue.substr(0, indexOfLastFilledPlaceholderChar + 1);
@@ -231,7 +241,6 @@ export default function conformToMask(rawValue, mask, config) {
       conformedValue = '';
     }
   }
-
   return {
     conformedValue: conformedValue,
     meta: {