intl-tel-input 23.0.5 → 23.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "23.0.5",
+  "version": "23.0.7",
   "description": "A JavaScript plugin for entering and validating international telephone numbers",
   "keywords": [
     "international",
@@ -56,8 +56,8 @@
     "jquery": "^3.1.1",
     "load-grunt-config": "^4.0.1",
     "prettier": "^3.2.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "region-flags": "https://github.com/fonttools/region-flags/archive/refs/tags/1.2.1.tar.gz",
     "sass": "^1.74.1",
     "time-grunt": "^2.0.0",

package/react/build/IntlTelInput.cjs

@@ -29,7 +29,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // react/src/intl-tel-input/react.tsx
 var react_exports = {};
 __export(react_exports, {
-  default: () => react_default
+  default: () => react_default,
+  intlTelInput: () => intl_tel_input_default
 });
 module.exports = __toCommonJS(react_exports);
 
@@ -2773,14 +2774,14 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.0.5"
+    version: "23.0.7"
   }
 );
 var intl_tel_input_default = intlTelInput;
 
 // react/src/intl-tel-input/react.tsx
 var import_react = __toESM(require("react"));
-var IntlTelInput = ({
+var IntlTelInput = (0, import_react.forwardRef)(function IntlTelInput2({
   initialValue = "",
   onChangeNumber = () => {
   },
@@ -2793,9 +2794,20 @@ var IntlTelInput = ({
   usePreciseValidation = false,
   initOptions = {},
   inputProps = {}
-}) => {
+}, ref) {
   const inputRef = (0, import_react.useRef)(null);
   const itiRef = (0, import_react.useRef)(null);
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    getInstance: () => ({
+      setCountry: (country) => itiRef.current?.setCountry(country),
+      // override setNumber to also call update, to trigger onChangeNumber etc
+      setNumber: (num) => {
+        itiRef.current?.setNumber(num);
+        update();
+      }
+    }),
+    getInput: () => inputRef.current
+  }));
   const update = () => {
     const num = itiRef.current?.getNumber() || "";
     const countryIso = itiRef.current?.getSelectedCountryData().iso2 || "";
@@ -2837,5 +2849,5 @@ var IntlTelInput = ({
       ...inputProps
     }
   );
-};
+});
 var react_default = IntlTelInput;

package/react/build/IntlTelInput.d.ts

@@ -974,9 +974,11 @@ declare module "intl-tel-input" {
     export default intlTelInput;
 }
 declare module "intl-tel-input/react" {
+    import intlTelInput from "intl-tel-input";
     import { SomeOptions } from "intl-tel-input";
     import React from "react";
-    const IntlTelInput: ({ initialValue, onChangeNumber, onChangeCountry, onChangeValidity, onChangeErrorCode, usePreciseValidation, initOptions, inputProps, }: {
+    export { intlTelInput };
+    type ItiProps = {
         initialValue?: string;
         onChangeNumber?: (number: string) => void;
         onChangeCountry?: (country: string) => void;
@@ -985,7 +987,8 @@ declare module "intl-tel-input/react" {
         usePreciseValidation?: boolean;
         initOptions?: SomeOptions;
         inputProps?: object;
-    }) => React.JSX.Element;
+    };
+    const IntlTelInput: React.ForwardRefExoticComponent<ItiProps & React.RefAttributes<unknown>>;
     export default IntlTelInput;
 }
 declare module "intl-tel-input/utils-compiled" {
@@ -997,9 +1000,11 @@ declare module "intl-tel-input/intlTelInputWithUtils" {
     export default intlTelInput;
 }
 declare module "intl-tel-input/reactWithUtils" {
+    import intlTelInput from "intl-tel-input/intlTelInputWithUtils";
     import { SomeOptions } from "intl-tel-input";
     import React from "react";
-    const IntlTelInput: ({ initialValue, onChangeNumber, onChangeCountry, onChangeValidity, onChangeErrorCode, usePreciseValidation, initOptions, inputProps, }: {
+    export { intlTelInput };
+    type ItiProps = {
         initialValue?: string;
         onChangeNumber?: (number: string) => void;
         onChangeCountry?: (country: string) => void;
@@ -1008,6 +1013,7 @@ declare module "intl-tel-input/reactWithUtils" {
         usePreciseValidation?: boolean;
         initOptions?: SomeOptions;
         inputProps?: object;
-    }) => React.JSX.Element;
+    };
+    const IntlTelInput: React.ForwardRefExoticComponent<ItiProps & React.RefAttributes<unknown>>;
     export default IntlTelInput;
 }

package/react/build/IntlTelInput.js

@@ -2738,14 +2738,14 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.0.5"
+    version: "23.0.7"
   }
 );
 var intl_tel_input_default = intlTelInput;
 
 // react/src/intl-tel-input/react.tsx
-import React, { useRef, useEffect } from "react";
-var IntlTelInput = ({
+import React, { useRef, useEffect, forwardRef, useImperativeHandle } from "react";
+var IntlTelInput = forwardRef(function IntlTelInput2({
   initialValue = "",
   onChangeNumber = () => {
   },
@@ -2758,9 +2758,20 @@ var IntlTelInput = ({
   usePreciseValidation = false,
   initOptions = {},
   inputProps = {}
-}) => {
+}, ref) {
   const inputRef = useRef(null);
   const itiRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    getInstance: () => ({
+      setCountry: (country) => itiRef.current?.setCountry(country),
+      // override setNumber to also call update, to trigger onChangeNumber etc
+      setNumber: (num) => {
+        itiRef.current?.setNumber(num);
+        update();
+      }
+    }),
+    getInput: () => inputRef.current
+  }));
   const update = () => {
     const num = itiRef.current?.getNumber() || "";
     const countryIso = itiRef.current?.getSelectedCountryData().iso2 || "";
@@ -2802,8 +2813,9 @@ var IntlTelInput = ({
       ...inputProps
     }
   );
-};
+});
 var react_default = IntlTelInput;
 export {
-  react_default as default
+  react_default as default,
+  intl_tel_input_default as intlTelInput
 };