intl-tel-input 23.0.7 → 23.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "23.0.7",
+  "version": "23.0.9",
   "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",
@@ -79,7 +83,8 @@
   },
   "homepage": "https://intl-tel-input.com",
   "scripts": {
-    "test": "grunt travis",
+    "test": "grunt travis && jest",
+    "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

@@ -1384,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.
@@ -2726,6 +2729,7 @@ var Iti = class {
     if (countryChanged) {
       this._triggerCountryChange();
     }
+    this._trigger("input");
   }
   //* Set the placeholder number typ
   setPlaceholderNumberType(type) {
@@ -2774,7 +2778,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.0.7"
+    version: "23.0.9"
   }
 );
 var intl_tel_input_default = intlTelInput;
@@ -2798,14 +2802,7 @@ 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: () => ({
-      setCountry: (country) => itiRef.current?.setCountry(country),
-      // override setNumber to also call update, to trigger onChangeNumber etc
-      setNumber: (num) => {
-        itiRef.current?.setNumber(num);
-        update();
-      }
-    }),
+    getInstance: () => itiRef.current,
     getInput: () => inputRef.current
   }));
   const update = () => {

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.
@@ -2690,6 +2693,7 @@ var Iti = class {
     if (countryChanged) {
       this._triggerCountryChange();
     }
+    this._trigger("input");
   }
   //* Set the placeholder number typ
   setPlaceholderNumberType(type) {
@@ -2738,7 +2742,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.0.7"
+    version: "23.0.9"
   }
 );
 var intl_tel_input_default = intlTelInput;
@@ -2762,14 +2766,7 @@ var IntlTelInput = forwardRef(function IntlTelInput2({
   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();
-      }
-    }),
+    getInstance: () => itiRef.current,
     getInput: () => inputRef.current
   }));
   const update = () => {

package/react/build/IntlTelInputWithUtils.cjs

@@ -1384,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.
@@ -2726,6 +2729,7 @@ var Iti = class {
     if (countryChanged) {
       this._triggerCountryChange();
     }
+    this._trigger("input");
   }
   //* Set the placeholder number typ
   setPlaceholderNumberType(type) {
@@ -2774,7 +2778,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.0.7"
+    version: "23.0.9"
   }
 );
 var intl_tel_input_default = intlTelInput;
@@ -8996,14 +9000,7 @@ 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: () => ({
-      setCountry: (country) => itiRef.current?.setCountry(country),
-      // override setNumber to also call update, to trigger onChangeNumber etc
-      setNumber: (num) => {
-        itiRef.current?.setNumber(num);
-        update();
-      }
-    }),
+    getInstance: () => itiRef.current,
     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.
@@ -2690,6 +2693,7 @@ var Iti = class {
     if (countryChanged) {
       this._triggerCountryChange();
     }
+    this._trigger("input");
   }
   //* Set the placeholder number typ
   setPlaceholderNumberType(type) {
@@ -2738,7 +2742,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.0.7"
+    version: "23.0.9"
   }
 );
 var intl_tel_input_default = intlTelInput;
@@ -8960,14 +8964,7 @@ var IntlTelInput = forwardRef(function IntlTelInput2({
   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();
-      }
-    }),
+    getInstance: () => itiRef.current,
     getInput: () => inputRef.current
   }));
   const update = () => {