intl-tel-input 23.3.0 → 23.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "23.3.0",
+  "version": "23.3.1",
   "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.3.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.3.1/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

@@ -1694,21 +1694,32 @@ var Iti = class {
         { class: "iti__country-container" },
         wrapper
       );
-      this.selectedCountry = createEl(
-        "button",
-        {
-          type: "button",
-          class: "iti__selected-country",
-          ...allowDropdown && {
+      if (allowDropdown) {
+        this.selectedCountry = createEl(
+          "button",
+          {
+            type: "button",
+            class: "iti__selected-country",
             "aria-expanded": "false",
             "aria-label": this.options.i18n.selectedCountryAriaLabel,
             "aria-haspopup": "true",
             "aria-controls": `iti-${this.id}__dropdown-content`,
             "role": "combobox"
-          }
-        },
-        this.countryContainer
-      );
+          },
+          this.countryContainer
+        );
+        if (this.telInput.disabled) {
+          this.selectedCountry.setAttribute("aria-disabled", "true");
+        } else {
+          this.selectedCountry.setAttribute("tabindex", "0");
+        }
+      } else {
+        this.selectedCountry = createEl(
+          "div",
+          { class: "iti__selected-country" },
+          this.countryContainer
+        );
+      }
       const selectedCountryPrimary = createEl("div", { class: "iti__selected-country-primary" }, this.selectedCountry);
       this.selectedCountryInner = createEl("div", null, selectedCountryPrimary);
       this.selectedCountryA11yText = createEl(
@@ -1716,11 +1727,6 @@ var Iti = class {
         { class: "iti__a11y-text" },
         this.selectedCountryInner
       );
-      if (this.telInput.disabled) {
-        this.selectedCountry.setAttribute("aria-disabled", "true");
-      } else {
-        this.selectedCountry.setAttribute("tabindex", "0");
-      }
       if (allowDropdown) {
         this.dropdownArrow = createEl(
           "div",
@@ -2752,7 +2758,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.3.0"
+    version: "23.3.1"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInput.js

@@ -1658,21 +1658,32 @@ var Iti = class {
         { class: "iti__country-container" },
         wrapper
       );
-      this.selectedCountry = createEl(
-        "button",
-        {
-          type: "button",
-          class: "iti__selected-country",
-          ...allowDropdown && {
+      if (allowDropdown) {
+        this.selectedCountry = createEl(
+          "button",
+          {
+            type: "button",
+            class: "iti__selected-country",
             "aria-expanded": "false",
             "aria-label": this.options.i18n.selectedCountryAriaLabel,
             "aria-haspopup": "true",
             "aria-controls": `iti-${this.id}__dropdown-content`,
             "role": "combobox"
-          }
-        },
-        this.countryContainer
-      );
+          },
+          this.countryContainer
+        );
+        if (this.telInput.disabled) {
+          this.selectedCountry.setAttribute("aria-disabled", "true");
+        } else {
+          this.selectedCountry.setAttribute("tabindex", "0");
+        }
+      } else {
+        this.selectedCountry = createEl(
+          "div",
+          { class: "iti__selected-country" },
+          this.countryContainer
+        );
+      }
       const selectedCountryPrimary = createEl("div", { class: "iti__selected-country-primary" }, this.selectedCountry);
       this.selectedCountryInner = createEl("div", null, selectedCountryPrimary);
       this.selectedCountryA11yText = createEl(
@@ -1680,11 +1691,6 @@ var Iti = class {
         { class: "iti__a11y-text" },
         this.selectedCountryInner
       );
-      if (this.telInput.disabled) {
-        this.selectedCountry.setAttribute("aria-disabled", "true");
-      } else {
-        this.selectedCountry.setAttribute("tabindex", "0");
-      }
       if (allowDropdown) {
         this.dropdownArrow = createEl(
           "div",
@@ -2716,7 +2722,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.3.0"
+    version: "23.3.1"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.cjs

@@ -1694,21 +1694,32 @@ var Iti = class {
         { class: "iti__country-container" },
         wrapper
       );
-      this.selectedCountry = createEl(
-        "button",
-        {
-          type: "button",
-          class: "iti__selected-country",
-          ...allowDropdown && {
+      if (allowDropdown) {
+        this.selectedCountry = createEl(
+          "button",
+          {
+            type: "button",
+            class: "iti__selected-country",
             "aria-expanded": "false",
             "aria-label": this.options.i18n.selectedCountryAriaLabel,
             "aria-haspopup": "true",
             "aria-controls": `iti-${this.id}__dropdown-content`,
             "role": "combobox"
-          }
-        },
-        this.countryContainer
-      );
+          },
+          this.countryContainer
+        );
+        if (this.telInput.disabled) {
+          this.selectedCountry.setAttribute("aria-disabled", "true");
+        } else {
+          this.selectedCountry.setAttribute("tabindex", "0");
+        }
+      } else {
+        this.selectedCountry = createEl(
+          "div",
+          { class: "iti__selected-country" },
+          this.countryContainer
+        );
+      }
       const selectedCountryPrimary = createEl("div", { class: "iti__selected-country-primary" }, this.selectedCountry);
       this.selectedCountryInner = createEl("div", null, selectedCountryPrimary);
       this.selectedCountryA11yText = createEl(
@@ -1716,11 +1727,6 @@ var Iti = class {
         { class: "iti__a11y-text" },
         this.selectedCountryInner
       );
-      if (this.telInput.disabled) {
-        this.selectedCountry.setAttribute("aria-disabled", "true");
-      } else {
-        this.selectedCountry.setAttribute("tabindex", "0");
-      }
       if (allowDropdown) {
         this.dropdownArrow = createEl(
           "div",
@@ -2752,7 +2758,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.3.0"
+    version: "23.3.1"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.js

@@ -1658,21 +1658,32 @@ var Iti = class {
         { class: "iti__country-container" },
         wrapper
       );
-      this.selectedCountry = createEl(
-        "button",
-        {
-          type: "button",
-          class: "iti__selected-country",
-          ...allowDropdown && {
+      if (allowDropdown) {
+        this.selectedCountry = createEl(
+          "button",
+          {
+            type: "button",
+            class: "iti__selected-country",
             "aria-expanded": "false",
             "aria-label": this.options.i18n.selectedCountryAriaLabel,
             "aria-haspopup": "true",
             "aria-controls": `iti-${this.id}__dropdown-content`,
             "role": "combobox"
-          }
-        },
-        this.countryContainer
-      );
+          },
+          this.countryContainer
+        );
+        if (this.telInput.disabled) {
+          this.selectedCountry.setAttribute("aria-disabled", "true");
+        } else {
+          this.selectedCountry.setAttribute("tabindex", "0");
+        }
+      } else {
+        this.selectedCountry = createEl(
+          "div",
+          { class: "iti__selected-country" },
+          this.countryContainer
+        );
+      }
       const selectedCountryPrimary = createEl("div", { class: "iti__selected-country-primary" }, this.selectedCountry);
       this.selectedCountryInner = createEl("div", null, selectedCountryPrimary);
       this.selectedCountryA11yText = createEl(
@@ -1680,11 +1691,6 @@ var Iti = class {
         { class: "iti__a11y-text" },
         this.selectedCountryInner
       );
-      if (this.telInput.disabled) {
-        this.selectedCountry.setAttribute("aria-disabled", "true");
-      } else {
-        this.selectedCountry.setAttribute("tabindex", "0");
-      }
       if (allowDropdown) {
         this.dropdownArrow = createEl(
           "div",
@@ -2716,7 +2722,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "23.3.0"
+    version: "23.3.1"
   }
 );
 var intl_tel_input_default = intlTelInput;