intl-tel-input 23.4.0 → 23.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "23.4.0",
+  "version": "23.5.0",
   "description": "A JavaScript plugin for entering and validating international telephone numbers",
   "keywords": [
     "international",

package/react/README.md

@@ -29,7 +29,7 @@ import "intl-tel-input/styles";
 
 See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/react/demo/ValidationApp.tsx) for a more fleshed out example of how to handle validation.
 
-A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/reactWithUtils"` instead, to include the utils script. Alternatively, if you use the main `"intl-tel-input/react"` import, then you should couple this with the `utilsScript` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `utilsScript` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@23.4.0/build/js/utils.js"`.
+A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/reactWithUtils"` instead, to include the utils script. Alternatively, if you use the main `"intl-tel-input/react"` import, then you should couple this with the `utilsScript` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `utilsScript` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@23.5.0/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput react component.

package/react/build/IntlTelInput.cjs

@@ -1531,6 +1531,13 @@ var Iti = class {
     }
     this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
     this.isRTL = !!this.telInput.closest("[dir=rtl]");
+    if (this.options.separateDialCode) {
+      if (this.isRTL) {
+        this.originalPaddingRight = this.telInput.style.paddingRight;
+      } else {
+        this.originalPaddingLeft = this.telInput.style.paddingLeft;
+      }
+    }
     this.options.i18n = { ...en_default, ...this.options.i18n };
     const autoCountryPromise = new Promise((resolve, reject) => {
       this.resolveAutoCountryPromise = resolve;
@@ -2648,7 +2655,8 @@ var Iti = class {
   //********************
   //* Remove plugin.
   destroy() {
-    if (this.options.allowDropdown) {
+    const { allowDropdown, separateDialCode } = this.options;
+    if (allowDropdown) {
       this._closeDropdown();
       this.selectedCountry.removeEventListener(
         "click",
@@ -2672,6 +2680,13 @@ var Iti = class {
       this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
     }
     this.telInput.removeAttribute("data-intl-tel-input-id");
+    if (separateDialCode) {
+      if (this.isRTL) {
+        this.telInput.style.paddingRight = this.originalPaddingRight;
+      } else {
+        this.telInput.style.paddingLeft = this.originalPaddingLeft;
+      }
+    }
     const wrapper = this.telInput.parentNode;
     wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
     wrapper?.parentNode?.removeChild(wrapper);
@@ -2804,7 +2819,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.4.0"
+    version: "23.5.0"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInput.d.ts

@@ -897,6 +897,8 @@ declare module "intl-tel-input" {
         private hiddenInputCountry;
         private maxCoreNumberLength;
         private defaultCountry;
+        private originalPaddingRight;
+        private originalPaddingLeft;
         private _handleHiddenInputSubmit;
         private _handleLabelClick;
         private _handleClickSelectedCountry;

package/react/build/IntlTelInput.js

@@ -1495,6 +1495,13 @@ var Iti = class {
     }
     this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
     this.isRTL = !!this.telInput.closest("[dir=rtl]");
+    if (this.options.separateDialCode) {
+      if (this.isRTL) {
+        this.originalPaddingRight = this.telInput.style.paddingRight;
+      } else {
+        this.originalPaddingLeft = this.telInput.style.paddingLeft;
+      }
+    }
     this.options.i18n = { ...en_default, ...this.options.i18n };
     const autoCountryPromise = new Promise((resolve, reject) => {
       this.resolveAutoCountryPromise = resolve;
@@ -2612,7 +2619,8 @@ var Iti = class {
   //********************
   //* Remove plugin.
   destroy() {
-    if (this.options.allowDropdown) {
+    const { allowDropdown, separateDialCode } = this.options;
+    if (allowDropdown) {
       this._closeDropdown();
       this.selectedCountry.removeEventListener(
         "click",
@@ -2636,6 +2644,13 @@ var Iti = class {
       this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
     }
     this.telInput.removeAttribute("data-intl-tel-input-id");
+    if (separateDialCode) {
+      if (this.isRTL) {
+        this.telInput.style.paddingRight = this.originalPaddingRight;
+      } else {
+        this.telInput.style.paddingLeft = this.originalPaddingLeft;
+      }
+    }
     const wrapper = this.telInput.parentNode;
     wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
     wrapper?.parentNode?.removeChild(wrapper);
@@ -2768,7 +2783,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.4.0"
+    version: "23.5.0"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.cjs

@@ -1531,6 +1531,13 @@ var Iti = class {
     }
     this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
     this.isRTL = !!this.telInput.closest("[dir=rtl]");
+    if (this.options.separateDialCode) {
+      if (this.isRTL) {
+        this.originalPaddingRight = this.telInput.style.paddingRight;
+      } else {
+        this.originalPaddingLeft = this.telInput.style.paddingLeft;
+      }
+    }
     this.options.i18n = { ...en_default, ...this.options.i18n };
     const autoCountryPromise = new Promise((resolve, reject) => {
       this.resolveAutoCountryPromise = resolve;
@@ -2648,7 +2655,8 @@ var Iti = class {
   //********************
   //* Remove plugin.
   destroy() {
-    if (this.options.allowDropdown) {
+    const { allowDropdown, separateDialCode } = this.options;
+    if (allowDropdown) {
       this._closeDropdown();
       this.selectedCountry.removeEventListener(
         "click",
@@ -2672,6 +2680,13 @@ var Iti = class {
       this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
     }
     this.telInput.removeAttribute("data-intl-tel-input-id");
+    if (separateDialCode) {
+      if (this.isRTL) {
+        this.telInput.style.paddingRight = this.originalPaddingRight;
+      } else {
+        this.telInput.style.paddingLeft = this.originalPaddingLeft;
+      }
+    }
     const wrapper = this.telInput.parentNode;
     wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
     wrapper?.parentNode?.removeChild(wrapper);
@@ -2804,7 +2819,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.4.0"
+    version: "23.5.0"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.js

@@ -1495,6 +1495,13 @@ var Iti = class {
     }
     this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
     this.isRTL = !!this.telInput.closest("[dir=rtl]");
+    if (this.options.separateDialCode) {
+      if (this.isRTL) {
+        this.originalPaddingRight = this.telInput.style.paddingRight;
+      } else {
+        this.originalPaddingLeft = this.telInput.style.paddingLeft;
+      }
+    }
     this.options.i18n = { ...en_default, ...this.options.i18n };
     const autoCountryPromise = new Promise((resolve, reject) => {
       this.resolveAutoCountryPromise = resolve;
@@ -2612,7 +2619,8 @@ var Iti = class {
   //********************
   //* Remove plugin.
   destroy() {
-    if (this.options.allowDropdown) {
+    const { allowDropdown, separateDialCode } = this.options;
+    if (allowDropdown) {
       this._closeDropdown();
       this.selectedCountry.removeEventListener(
         "click",
@@ -2636,6 +2644,13 @@ var Iti = class {
       this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
     }
     this.telInput.removeAttribute("data-intl-tel-input-id");
+    if (separateDialCode) {
+      if (this.isRTL) {
+        this.telInput.style.paddingRight = this.originalPaddingRight;
+      } else {
+        this.telInput.style.paddingLeft = this.originalPaddingLeft;
+      }
+    }
     const wrapper = this.telInput.parentNode;
     wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
     wrapper?.parentNode?.removeChild(wrapper);
@@ -2768,7 +2783,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.4.0"
+    version: "23.5.0"
   }
 );
 var intl_tel_input_default = intlTelInput;