@bigbinary/neeto-molecules 1.0.64 → 1.0.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/EmailPreview.cjs.js +2 -1
- package/dist/EmailPreview.cjs.js.map +1 -1
- package/dist/EmailPreview.js +2 -1
- package/dist/EmailPreview.js.map +1 -1
- package/dist/PhoneNumber.cjs.js +8 -6
- package/dist/PhoneNumber.cjs.js.map +1 -1
- package/dist/PhoneNumber.js +9 -7
- package/dist/PhoneNumber.js.map +1 -1
- package/dist/Rename.cjs.js +8 -6
- package/dist/Rename.cjs.js.map +1 -1
- package/dist/Rename.js +8 -6
- package/dist/Rename.js.map +1 -1
- package/dist/ShareViaEmail.cjs.js +7 -5
- package/dist/ShareViaEmail.cjs.js.map +1 -1
- package/dist/ShareViaEmail.js +8 -6
- package/dist/ShareViaEmail.js.map +1 -1
- package/dist/Sidebar.cjs.js +6 -3
- package/dist/Sidebar.cjs.js.map +1 -1
- package/dist/Sidebar.js +6 -3
- package/dist/Sidebar.js.map +1 -1
- package/dist/ThemeSidebar.cjs.js +4 -3
- package/dist/ThemeSidebar.cjs.js.map +1 -1
- package/dist/ThemeSidebar.js +4 -3
- package/dist/ThemeSidebar.js.map +1 -1
- package/package.json +1 -1
- package/types/Rename.d.ts +1 -0
package/dist/PhoneNumber.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState, forwardRef, useRef, useEffect } from 'react';
|
|
1
|
+
import React, { useState, forwardRef, useRef, useCallback, useEffect } from 'react';
|
|
2
2
|
import { useField } from 'formik';
|
|
3
3
|
import { noop } from '@bigbinary/neeto-commons-frontend/pure';
|
|
4
4
|
import { Tooltip, Typography, Select, Input } from '@bigbinary/neetoui';
|
|
@@ -6772,6 +6772,7 @@ var SingleValue = function SingleValue(_ref) {
|
|
|
6772
6772
|
style: "body2"
|
|
6773
6773
|
}, otherProps), countryData.emoji));
|
|
6774
6774
|
};
|
|
6775
|
+
var SingleValue$1 = /*#__PURE__*/React.memo(SingleValue);
|
|
6775
6776
|
|
|
6776
6777
|
var _excluded$3 = ["country", "setCountry", "onInputChange", "prefix", "phoneNumber"];
|
|
6777
6778
|
var CountryPicker = function CountryPicker(_ref) {
|
|
@@ -6805,8 +6806,8 @@ var CountryPicker = function CountryPicker(_ref) {
|
|
|
6805
6806
|
value: country
|
|
6806
6807
|
},
|
|
6807
6808
|
components: {
|
|
6808
|
-
SingleValue: function SingleValue
|
|
6809
|
-
return /*#__PURE__*/React.createElement(SingleValue, {
|
|
6809
|
+
SingleValue: function SingleValue() {
|
|
6810
|
+
return /*#__PURE__*/React.createElement(SingleValue$1, {
|
|
6810
6811
|
showEmoji: true,
|
|
6811
6812
|
country: country
|
|
6812
6813
|
});
|
|
@@ -6822,6 +6823,7 @@ var CountryPicker = function CountryPicker(_ref) {
|
|
|
6822
6823
|
onInputChange: setSearchTerm
|
|
6823
6824
|
}, otherProps)));
|
|
6824
6825
|
};
|
|
6826
|
+
var CountryPicker$1 = /*#__PURE__*/React.memo(CountryPicker);
|
|
6825
6827
|
|
|
6826
6828
|
var isPhoneNumberValid = function isPhoneNumberValid() {
|
|
6827
6829
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
|
|
@@ -6897,10 +6899,10 @@ var PhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
6897
6899
|
setCountry = _useState2[1];
|
|
6898
6900
|
var prefix = country ? "+".concat(getCountryCallingCode(country)) : "";
|
|
6899
6901
|
var formattedValue = formatIncompletePhoneNumber(value, country);
|
|
6900
|
-
var handleInputChange = function
|
|
6902
|
+
var handleInputChange = useCallback(function (value) {
|
|
6901
6903
|
onChange(value);
|
|
6902
6904
|
internalValue.current = value;
|
|
6903
|
-
};
|
|
6905
|
+
}, []);
|
|
6904
6906
|
var handleChange = function handleChange(event) {
|
|
6905
6907
|
var _getPhoneData = getPhoneData(event.target.value, country),
|
|
6906
6908
|
phoneNumber = _getPhoneData.phoneNumber,
|
|
@@ -6932,7 +6934,7 @@ var PhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
6932
6934
|
placeholder: t("neetoMolecules.phoneNumberInput.placeholder", {
|
|
6933
6935
|
prefix: prefix
|
|
6934
6936
|
}),
|
|
6935
|
-
prefix: /*#__PURE__*/React.createElement(CountryPicker, _extends({
|
|
6937
|
+
prefix: /*#__PURE__*/React.createElement(CountryPicker$1, _extends({
|
|
6936
6938
|
country: country,
|
|
6937
6939
|
phoneNumber: value,
|
|
6938
6940
|
prefix: prefix,
|
|
@@ -6974,7 +6976,7 @@ var PhoneNumber = function PhoneNumber(_ref) {
|
|
|
6974
6976
|
country = _getPhoneData.country;
|
|
6975
6977
|
return /*#__PURE__*/React.createElement("div", {
|
|
6976
6978
|
className: classnames(["flex items-center space-x-2", className])
|
|
6977
|
-
}, /*#__PURE__*/React.createElement(SingleValue, _extends({
|
|
6979
|
+
}, /*#__PURE__*/React.createElement(SingleValue$1, _extends({
|
|
6978
6980
|
country: country,
|
|
6979
6981
|
showEmoji: showEmoji
|
|
6980
6982
|
}, otherProps)), /*#__PURE__*/React.createElement(Typography, _extends({
|