@thecb/components 10.8.3-beta.3 → 10.8.3

package/dist/index.cjs.js

@@ -26638,45 +26638,34 @@ function _extends$2() {
   _extends$2 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends$2.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
-
 function _objectWithoutProperties$1(source, excluded) {
   if (source == null) return {};
-
   var target = _objectWithoutPropertiesLoose$1(source, excluded);
-
   var key, i;
-
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
     for (i = 0; i < sourceSymbolKeys.length; i++) {
       key = sourceSymbolKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
@@ -26684,48 +26673,37 @@ function _objectWithoutProperties$1(source, excluded) {
       target[key] = source[key];
     }
   }
-
   return target;
 }
-
 function _slicedToArray$1(arr, i) {
   return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _nonIterableRest$1();
 }
-
 function _toConsumableArray$1(arr) {
   return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _nonIterableSpread$1();
 }
-
 function _arrayWithoutHoles$1(arr) {
   if (Array.isArray(arr)) {
     for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
-
     return arr2;
   }
 }
-
 function _arrayWithHoles$1(arr) {
   if (Array.isArray(arr)) return arr;
 }
-
 function _iterableToArray$1(iter) {
   if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
 }
-
 function _iterableToArrayLimit$1(arr, i) {
   if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
     return;
   }
-
   var _arr = [];
   var _n = true;
   var _d = false;
   var _e = undefined;
-
   try {
     for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
       _arr.push(_s.value);
-
       if (i && _arr.length === i) break;
     }
   } catch (err) {
@@ -26738,29 +26716,23 @@ function _iterableToArrayLimit$1(arr, i) {
       if (_d) throw _e;
     }
   }
-
   return _arr;
 }
-
 function _nonIterableSpread$1() {
   throw new TypeError("Invalid attempt to spread non-iterable instance");
 }
-
 function _nonIterableRest$1() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance");
 }
-
 var getUniqueFormatDelimiters = function getUniqueFormatDelimiters(formats, formatChar) {
   return _toConsumableArray$1(new Set(formats.join("").split(formatChar).join("").split("")));
 };
 var format$1 = function format(formatter) {
   return function (value) {
     var usedFormat = formatter.formats[value.length];
-
     if (!usedFormat) {
       return value;
     }
-
     var formatPieces = usedFormat.split(formatter.formatChar);
     var valuePieces = value.split("");
     var zipped = formatPieces.map(function (v, i) {
@@ -26769,7 +26741,6 @@ var format$1 = function format(formatter) {
     return zipped.join("");
   };
 };
-
 var countDelims = function countDelims(formatter, index) {
   var count = 0;
   var format = formatter.formats[index];
@@ -26779,13 +26750,11 @@ var countDelims = function countDelims(formatter, index) {
   });
   return count;
 };
-
 var unformat = function unformat(formatter) {
   return function (formattedValue, formatIndex) {
     if (formatIndex >= formatter.formats.length) {
       return formattedValue;
     }
-
     var format = formatter.formats[formatIndex];
     return formattedValue.split("").filter(function (_, i) {
       return !(format[i] != formatter.formatChar);
@@ -26799,7 +26768,6 @@ var inject = function inject(baseString) {
 };
 var formattedToUnformattedIndex = function formattedToUnformattedIndex(formattedIndex, rawValue, formatter) {
   var maxFormatExceeded = rawValue.length >= formatter.formats.length;
-
   if (maxFormatExceeded) {
     return formattedIndex;
   } else {
@@ -26824,7 +26792,6 @@ var unformattedToFormattedIndex = function unformattedToFormattedIndex(rawIndex,
     }, 0) + rawIndex;
   }
 };
-
 var createFormat = function createFormat(formats, formatChar) {
   return {
     uniqueDelimiters: getUniqueFormatDelimiters(formats, formatChar),
@@ -26832,39 +26799,35 @@ var createFormat = function createFormat(formats, formatChar) {
     formatChar: formatChar
   };
 };
-
 var FormattedInput = function FormattedInput(_ref) {
   var _ref$isMobile = _ref.isMobile,
-      isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
-      value = _ref.value,
-      formatter = _ref.formatter,
-      onChange = _ref.onChange,
-      props = _objectWithoutProperties$1(_ref, ["isMobile", "value", "formatter", "onChange"]);
-
+    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
+    value = _ref.value,
+    formatter = _ref.formatter,
+    _onChange = _ref.onChange,
+    props = _objectWithoutProperties$1(_ref, ["isMobile", "value", "formatter", "onChange"]);
   console.log("🚀 ~ FormattedInput ~ props:", props);
   console.log('isMobile line', isMobile);
   var inputEl = React.useRef(null);
-
   var _useState = React.useState({
-    selectionStart: 0,
-    selectionEnd: 0,
-    rawValue: value,
-    "delete": false,
-    formattedValue: format$1(formatter)(value)
-  }),
-      _useState2 = _slicedToArray$1(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      selectionStart: 0,
+      selectionEnd: 0,
+      rawValue: value,
+      "delete": false,
+      formattedValue: format$1(formatter)(value)
+    }),
+    _useState2 = _slicedToArray$1(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   React.useLayoutEffect(function () {
     // A lot of the work here is cursor manipulation
     if (inputEl.current && inputEl.current === document.activeElement) {
       inputEl.current.setSelectionRange(state.selectionStart, state.selectionEnd);
     }
   });
-
   var handleFormat = function handleFormat(event) {
-    console.log('in handle format');
+    debugger;
+    console.log('in handle format 2');
     /* At the beginning of onChange, event.target.value is a concat of the previous formatted value
     * and an unformatted injection at the start, end, or in the middle (maybe a deletion). To prepare 
     * the unformatted value for the user's onChange, the formatted string and unformatted injection need
@@ -26896,15 +26859,10 @@ var FormattedInput = function FormattedInput(_ref) {
       rawValue: state.rawValue,
       "delete": false,
       formattedValue: state.formattedValue
-    }); // Apply the external onChange function to the raw underlying string
-    // This is where the user generally updates the input value
-
-    if (onChange) {
-      onChange(unformattedNewValue);
-    }
+    });
+    return unformattedNewValue;
   };
-
-  return React__default.createElement("input", _extends$2({}, props, {
+  return /*#__PURE__*/React__default.createElement("input", _extends$2({}, props, {
     ref: inputEl,
     value: format$1(formatter)(value),
     onKeyDown: function onKeyDown(event) {
@@ -26916,16 +26874,28 @@ var FormattedInput = function FormattedInput(_ref) {
         "delete": event.key === "Backspace" || event.key === "Delete",
         formattedValue: event.target.value
       });
-    }
-  }, isMobile ? {
-    onBlur: function onBlur(e) {
-      debugger;
-      handleFormat(e);
-    }
-  } : {
+    },
     onChange: function onChange(e) {
-      debugger;
-      handleFormat(e);
+      console.log('in onChange');
+      if (!isMobile) {
+        handleFormat(e);
+      } // Apply the external onChange function to the raw underlying string
+      // This is where the user generally updates the input value
+
+      if (_onChange) {
+        _onChange(e.target.value);
+      }
+    },
+    onBlur: function onBlur(e) {
+      console.log('in onBlur');
+      if (isMobile) {
+        handleFormat(e);
+      } // Apply the external onChange function to the raw underlying string
+      // This is where the user generally updates the input value
+
+      if (_onChange) {
+        _onChange(e.target.value);
+      }
     }
   }));
 };
@@ -40898,6 +40868,7 @@ var AddressForm = function AddressForm(_ref) {
     dataQa: "State or Province",
     isRequired: true
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
+    isMobile: true,
     isNum: isUS,
     formatter: isUS ? zipFormat : null,
     labelTextWhenNoError: "Zip code",