@bigbinary/neeto-molecules 1.0.63 → 1.0.65-beta

package/dist/PhoneNumber.js

@@ -1,4 +1,4 @@
-import React, { useState, forwardRef, useRef, useEffect } from 'react';
+import React, { useState, forwardRef, useRef, useCallback, useEffect } from 'react';
 import { useField } from 'formik';
 import { noop } from '@bigbinary/neeto-commons-frontend/pure';
 import { Tooltip, Typography, Select, Input } from '@bigbinary/neetoui';
@@ -6772,6 +6772,7 @@ var SingleValue = function SingleValue(_ref) {
     style: "body2"
   }, otherProps), countryData.emoji));
 };
+var SingleValue$1 = /*#__PURE__*/React.memo(SingleValue);
 
 var _excluded$3 = ["country", "setCountry", "onInputChange", "prefix", "phoneNumber"];
 var CountryPicker = function CountryPicker(_ref) {
@@ -6805,8 +6806,8 @@ var CountryPicker = function CountryPicker(_ref) {
       value: country
     },
     components: {
-      SingleValue: function SingleValue$1() {
-        return /*#__PURE__*/React.createElement(SingleValue, {
+      SingleValue: function SingleValue() {
+        return /*#__PURE__*/React.createElement(SingleValue$1, {
           showEmoji: true,
           country: country
         });
@@ -6822,6 +6823,7 @@ var CountryPicker = function CountryPicker(_ref) {
     onInputChange: setSearchTerm
   }, otherProps)));
 };
+var CountryPicker$1 = /*#__PURE__*/React.memo(CountryPicker);
 
 var isPhoneNumberValid = function isPhoneNumberValid() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
@@ -6897,10 +6899,10 @@ var PhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setCountry = _useState2[1];
   var prefix = country ? "+".concat(getCountryCallingCode(country)) : "";
   var formattedValue = formatIncompletePhoneNumber(value, country);
-  var handleInputChange = function handleInputChange(value) {
+  var handleInputChange = useCallback(function (value) {
     onChange(value);
     internalValue.current = value;
-  };
+  }, []);
   var handleChange = function handleChange(event) {
     var _getPhoneData = getPhoneData(event.target.value, country),
       phoneNumber = _getPhoneData.phoneNumber,
@@ -6932,7 +6934,7 @@ var PhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     placeholder: t("neetoMolecules.phoneNumberInput.placeholder", {
       prefix: prefix
     }),
-    prefix: /*#__PURE__*/React.createElement(CountryPicker, _extends({
+    prefix: /*#__PURE__*/React.createElement(CountryPicker$1, _extends({
       country: country,
       phoneNumber: value,
       prefix: prefix,
@@ -6974,7 +6976,7 @@ var PhoneNumber = function PhoneNumber(_ref) {
     country = _getPhoneData.country;
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(["flex items-center space-x-2", className])
-  }, /*#__PURE__*/React.createElement(SingleValue, _extends({
+  }, /*#__PURE__*/React.createElement(SingleValue$1, _extends({
     country: country,
     showEmoji: showEmoji
   }, otherProps)), /*#__PURE__*/React.createElement(Typography, _extends({