@7shifts/sous-chef 3.31.1-beta → 3.31.1-beta3

package/dist/index.js

@@ -8984,8 +8984,11 @@ var calculateMask = function calculateMask(_ref) {
   var slotsSet = new Set(slots);
   var accept = new RegExp('\\d', 'g');
   var inputMatches = value.match(accept) || [];
-  if (isReplacingDigit(slots, format, inputMatches.length)) {
-    inputMatches.splice(cursorPosition.selectionStart, 1);
+  var _calculateDigitReplac = calculateDigitReplacement(slots, format, inputMatches.length, cursorPosition),
+    isReplacingDigit = _calculateDigitReplac.isReplacingDigit,
+    isReplacingAt = _calculateDigitReplac.isReplacingAt;
+  if (isReplacingDigit) {
+    inputMatches.splice(isReplacingAt, 1);
   }
   if (isDeletingAnchor) {
     inputMatches.pop();
@@ -9024,10 +9027,19 @@ var calculateCursorPosition = function calculateCursorPosition(params) {
   });
   return calculatedCursorRange;
 };
-var isReplacingDigit = function isReplacingDigit(slots, format, amountOfDigitsTyped) {
+var calculateDigitReplacement = function calculateDigitReplacement(slots, format, amountOfDigitsTyped, cursorPosition) {
   var slotsRegExp = new RegExp("[" + slots.split('').join('|') + "]", 'g');
   var slotsMatches = format.match(slotsRegExp) || [];
-  return amountOfDigitsTyped > slotsMatches.length;
+  var isReplacingDigit = amountOfDigitsTyped > slotsMatches.length;
+  var getCharacterPosition = function getCharacterPosition() {
+    var formatUntilTheCursorPoint = format.slice(0, cursorPosition.selectionStart);
+    var slotsFormatSlicedMatches = formatUntilTheCursorPoint.match(slotsRegExp) || [];
+    return slotsFormatSlicedMatches.length;
+  };
+  return {
+    isReplacingDigit: isReplacingDigit,
+    isReplacingAt: isReplacingDigit ? getCharacterPosition() : 0
+  };
 };
 
 var useFieldMask = function useFieldMask(format) {
@@ -9134,9 +9146,6 @@ var DateField = function DateField(_ref) {
     onFocus: function onFocus(e) {
       setShowCalendar(true);
       maskfy(e.target);
-      setTimeout(function () {
-        e.target.setSelectionRange(0, 0);
-      }, 10);
     },
     onClick: function onClick() {
       return setShowCalendar(true);
@@ -9149,7 +9158,13 @@ var DateField = function DateField(_ref) {
         controllers.onChange(parsedDate);
       }
     },
-    onBlur: controllers.onBlur,
+    onBlur: function onBlur(event) {
+      var parsedDate = parseDate(event.target.value, format);
+      if (!parsedDate) {
+        controllers.onChange(undefined);
+      }
+      controllers.onBlur();
+    },
     defaultValue: getDefaultValue()
   })), showCalendar && React__default.createElement(Calendar, {
     onSelect: function onSelect(date) {