intl-tel-input 23.0.6 → 23.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "23.0.6",
+  "version": "23.0.8",
   "description": "A JavaScript plugin for entering and validating international telephone numbers",
   "keywords": [
     "international",
@@ -24,6 +24,7 @@
   "license": "MIT",
   "author": "Jack O'Connor (http://jackocnr.com)",
   "devDependencies": {
+    "@testing-library/user-event": "^14.5.2",
     "@types/react": "^18.2.74",
     "@types/react-dom": "^18.2.24",
     "@typescript-eslint/eslint-plugin": "^7.6.0",
@@ -34,6 +35,7 @@
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jasmine": "^4.1.3",
+    "eslint-plugin-jest": "^28.5.0",
     "eslint-plugin-react": "^7.34.1",
     "evenizer": "^0.1.17",
     "google-closure-compiler": "^20240317.0.0",
@@ -53,6 +55,8 @@
     "grunt-spritesmith": "^6.10.0",
     "image-size": "^1.1.1",
     "jasmine-jquery": "^2.1.1",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "jquery": "^3.1.1",
     "load-grunt-config": "^4.0.1",
     "prettier": "^3.2.5",
@@ -80,6 +84,7 @@
   "homepage": "https://intl-tel-input.com",
   "scripts": {
     "test": "grunt travis",
+    "jest": "jest",
     "lint:js": "eslint .",
     "lint:spelling": "cspell --dot --gitignore --no-progress '**'",
     "watch": "grunt watch",
@@ -122,8 +127,15 @@
   },
   "typesVersions": {
     "*": {
-      ".": ["build/js/intlTelInput.d.ts"],
-      "react": ["react/build/IntlTelInput.d.ts"]
+      ".": [
+        "build/js/intlTelInput.d.ts"
+      ],
+      "react": [
+        "react/build/IntlTelInput.d.ts"
+      ]
     }
+  },
+  "jest": {
+    "moduleDirectories": ["node_modules", "build/js"]
   }
 }

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);
 
@@ -1383,6 +1384,9 @@ var interface_default = {
 var en_default = { ...countries_default, ...interface_default };
 
 // src/js/intl-tel-input.ts
+for (let i = 0; i < data_default.length; i++) {
+  data_default[i].name = en_default[data_default[i].iso2];
+}
 var id = 0;
 var defaults = {
   //* Whether or not to allow the dropdown.
@@ -2773,7 +2777,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.0.6"
+    version: "23.0.8"
   }
 );
 var intl_tel_input_default = intlTelInput;
@@ -2797,7 +2801,14 @@ var IntlTelInput = (0, import_react.forwardRef)(function IntlTelInput2({
   const inputRef = (0, import_react.useRef)(null);
   const itiRef = (0, import_react.useRef)(null);
   (0, import_react.useImperativeHandle)(ref, () => ({
-    getInstance: () => itiRef.current,
+    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 = () => {

package/react/build/IntlTelInput.d.ts

@@ -974,8 +974,10 @@ 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";
+    export { intlTelInput };
     type ItiProps = {
         initialValue?: string;
         onChangeNumber?: (number: string) => void;
@@ -998,8 +1000,10 @@ 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";
+    export { intlTelInput };
     type ItiProps = {
         initialValue?: string;
         onChangeNumber?: (number: string) => void;

package/react/build/IntlTelInput.js

@@ -1348,6 +1348,9 @@ var interface_default = {
 var en_default = { ...countries_default, ...interface_default };
 
 // src/js/intl-tel-input.ts
+for (let i = 0; i < data_default.length; i++) {
+  data_default[i].name = en_default[data_default[i].iso2];
+}
 var id = 0;
 var defaults = {
   //* Whether or not to allow the dropdown.
@@ -2738,7 +2741,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.0.6"
+    version: "23.0.8"
   }
 );
 var intl_tel_input_default = intlTelInput;
@@ -2762,7 +2765,14 @@ var IntlTelInput = forwardRef(function IntlTelInput2({
   const inputRef = useRef(null);
   const itiRef = useRef(null);
   useImperativeHandle(ref, () => ({
-    getInstance: () => itiRef.current,
+    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 = () => {
@@ -2809,5 +2819,6 @@ var IntlTelInput = forwardRef(function IntlTelInput2({
 });
 var react_default = IntlTelInput;
 export {
-  react_default as default
+  react_default as default,
+  intl_tel_input_default as intlTelInput
 };

package/react/build/IntlTelInputWithUtils.cjs

@@ -29,7 +29,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // react/src/intl-tel-input/reactWithUtils.tsx
 var reactWithUtils_exports = {};
 __export(reactWithUtils_exports, {
-  default: () => reactWithUtils_default
+  default: () => reactWithUtils_default,
+  intlTelInput: () => intlTelInputWithUtils_default
 });
 module.exports = __toCommonJS(reactWithUtils_exports);
 
@@ -1383,6 +1384,9 @@ var interface_default = {
 var en_default = { ...countries_default, ...interface_default };
 
 // src/js/intl-tel-input.ts
+for (let i = 0; i < data_default.length; i++) {
+  data_default[i].name = en_default[data_default[i].iso2];
+}
 var id = 0;
 var defaults = {
   //* Whether or not to allow the dropdown.
@@ -2773,7 +2777,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.0.6"
+    version: "23.0.8"
   }
 );
 var intl_tel_input_default = intlTelInput;
@@ -8995,7 +8999,14 @@ var IntlTelInput = (0, import_react.forwardRef)(function IntlTelInput2({
   const inputRef = (0, import_react.useRef)(null);
   const itiRef = (0, import_react.useRef)(null);
   (0, import_react.useImperativeHandle)(ref, () => ({
-    getInstance: () => itiRef.current,
+    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 = () => {

package/react/build/IntlTelInputWithUtils.js

@@ -1348,6 +1348,9 @@ var interface_default = {
 var en_default = { ...countries_default, ...interface_default };
 
 // src/js/intl-tel-input.ts
+for (let i = 0; i < data_default.length; i++) {
+  data_default[i].name = en_default[data_default[i].iso2];
+}
 var id = 0;
 var defaults = {
   //* Whether or not to allow the dropdown.
@@ -2738,7 +2741,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.0.6"
+    version: "23.0.8"
   }
 );
 var intl_tel_input_default = intlTelInput;
@@ -8960,7 +8963,14 @@ var IntlTelInput = forwardRef(function IntlTelInput2({
   const inputRef = useRef(null);
   const itiRef = useRef(null);
   useImperativeHandle(ref, () => ({
-    getInstance: () => itiRef.current,
+    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 = () => {
@@ -9007,5 +9017,6 @@ var IntlTelInput = forwardRef(function IntlTelInput2({
 });
 var reactWithUtils_default = IntlTelInput;
 export {
-  reactWithUtils_default as default
+  reactWithUtils_default as default,
+  intlTelInputWithUtils_default as intlTelInput
 };