@intl-tel-input/react 28.0.2 → 28.0.3

package/README.md

@@ -1,6 +1,6 @@
-# IntlTelInput React Component
+# React component for intl-tel-input
 
-A React component for the [intl-tel-input](https://github.com/jackocnr/intl-tel-input) JavaScript library. View the [source code](https://github.com/jackocnr/intl-tel-input/blob/master/packages/react/src/IntlTelInput.tsx).
+For entering, formatting, and validating international telephone numbers.
 
 [Explore docs »](https://intl-tel-input.com/docs/react-component)
 
@@ -10,6 +10,10 @@ A React component for the [intl-tel-input](https://github.com/jackocnr/intl-tel-
   <img width="271" height="279" alt="intl-tel-input screenshot showing country dropdown open" src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/iti-github-light.png">
 </picture>
 
+## Resources
+
+Check out the [website](https://intl-tel-input.com), where you can find [a full set of docs](https://intl-tel-input.com/docs/react-component), a [live playground](https://intl-tel-input.com/playground/) where you can try out all of the options, as well as plenty of [examples](https://intl-tel-input.com/examples/react-component/validation) of different setups.
+
 ## Running the demos locally
 
 1. Initialise the submodules: `git submodule update --init --recursive`
@@ -17,3 +21,11 @@ A React component for the [intl-tel-input](https://github.com/jackocnr/intl-tel-
 3. Build: `npm run build`
 
 You can then open `packages/react/demo/validation/index.html` in your browser to try the validation demo. View the full list of [available demos](https://github.com/jackocnr/intl-tel-input/tree/master/packages/react/demo).
+
+## Issues and contributing
+
+Please report issues and open pull requests on the [main repository](https://github.com/jackocnr/intl-tel-input).
+
+## License
+
+MIT

package/dist/IntlTelInput.js

@@ -1965,7 +1965,7 @@ var defaults = {
   //* A function to load the utils script.
   loadUtils: null,
   //* National vs international formatting for numbers e.g. placeholders and displaying existing numbers.
-  nationalMode: true,
+  nationalMode: false,
   //* Display only these countries.
   onlyCountries: null,
   //* Number type to use for placeholders.
@@ -4633,7 +4633,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "28.0.2",
+    version: "28.0.3",
     NUMBER_FORMAT,
     NUMBER_TYPE,
     VALIDATION_ERROR
@@ -4671,7 +4671,7 @@ var IntlTelInput = forwardRef(function IntlTelInput2({
 }, ref) {
   const inputRef = useRef(null);
   const itiRef = useRef(null);
-  const pluginInputClassesRef = useRef("");
+  const libraryInputClassesRef = useRef("");
   const lastEmittedNumberRef = useRef(void 0);
   const lastEmittedCountryRef = useRef(void 0);
   const lastEmittedValidityRef = useRef(void 0);
@@ -4738,7 +4738,7 @@ var IntlTelInput = forwardRef(function IntlTelInput2({
       return void 0;
     }
     itiRef.current = intlTelInput_default(inputEl, initOptions);
-    pluginInputClassesRef.current = inputEl.className;
+    libraryInputClassesRef.current = inputEl.className;
     const handleOpen = () => onOpenCountryDropdownRef.current?.();
     const handleClose = () => onCloseCountryDropdownRef.current?.();
     const handleStrictReject = (e) => {
@@ -4802,7 +4802,7 @@ var IntlTelInput = forwardRef(function IntlTelInput2({
     if (ignoredInputProps.has(key)) {
       warnInputProp(key);
     } else if (key === "className") {
-      sanitizedInputProps[key] = `${pluginInputClassesRef.current} ${val}`;
+      sanitizedInputProps[key] = `${libraryInputClassesRef.current} ${val}`;
     } else {
       sanitizedInputProps[key] = val;
     }

package/dist/IntlTelInputWithUtils.js

@@ -1965,7 +1965,7 @@ var defaults = {
   //* A function to load the utils script.
   loadUtils: null,
   //* National vs international formatting for numbers e.g. placeholders and displaying existing numbers.
-  nationalMode: true,
+  nationalMode: false,
   //* Display only these countries.
   onlyCountries: null,
   //* Number type to use for placeholders.
@@ -4633,7 +4633,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "28.0.2",
+    version: "28.0.3",
     NUMBER_FORMAT,
     NUMBER_TYPE,
     VALIDATION_ERROR
@@ -11025,7 +11025,7 @@ var IntlTelInput = forwardRef(function IntlTelInput2({
 }, ref) {
   const inputRef = useRef(null);
   const itiRef = useRef(null);
-  const pluginInputClassesRef = useRef("");
+  const libraryInputClassesRef = useRef("");
   const lastEmittedNumberRef = useRef(void 0);
   const lastEmittedCountryRef = useRef(void 0);
   const lastEmittedValidityRef = useRef(void 0);
@@ -11092,7 +11092,7 @@ var IntlTelInput = forwardRef(function IntlTelInput2({
       return void 0;
     }
     itiRef.current = intlTelInput_default(inputEl, initOptions);
-    pluginInputClassesRef.current = inputEl.className;
+    libraryInputClassesRef.current = inputEl.className;
     const handleOpen = () => onOpenCountryDropdownRef.current?.();
     const handleClose = () => onCloseCountryDropdownRef.current?.();
     const handleStrictReject = (e) => {
@@ -11156,7 +11156,7 @@ var IntlTelInput = forwardRef(function IntlTelInput2({
     if (ignoredInputProps.has(key)) {
       warnInputProp(key);
     } else if (key === "className") {
-      sanitizedInputProps[key] = `${pluginInputClassesRef.current} ${val}`;
+      sanitizedInputProps[key] = `${libraryInputClassesRef.current} ${val}`;
     } else {
       sanitizedInputProps[key] = val;
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@intl-tel-input/react",
-  "version": "28.0.2",
-  "description": "A React component for the intl-tel-input JavaScript plugin",
+  "version": "28.0.3",
+  "description": "A React component for intl-tel-input, for entering, formatting, and validating international telephone numbers",
   "type": "module",
   "license": "MIT",
   "author": "Jack O'Connor (http://jackocnr.com)",
@@ -34,7 +34,7 @@
     "README.md"
   ],
   "dependencies": {
-    "intl-tel-input": "^28.0.2"
+    "intl-tel-input": "^28.0.3"
   },
   "peerDependencies": {
     "react": ">=18",