intl-tel-input 19.2.2 → 19.2.5

package/react/demo/ValidationApp.js

@@ -31,9 +31,9 @@ const DemoApp = () => {
   return (
     <form>
       <IntlTelInput
-        setNumber={setNumber}
-        setIsValid={setIsValid}
-        setErrorCode={setErrorCode}
+        onChangeNumber={setNumber}
+        onChangeValidity={setIsValid}
+        onChangeErrorCode={setErrorCode}
         initOptions={{
           initialCountry: "us",
           utilsScript: "../../build/js/utils.js",

package/react/demo/simple-bundle.js

@@ -24299,8 +24299,8 @@ var require_IntlTelInput_cjs = __commonJS({
     };
     var G = (p, h, f, m) => {
       if (h && typeof h == "object" || typeof h == "function")
-        for (let _ of tt(h))
-          !it.call(p, _) && _ !== f && A(p, _, { get: () => h[_], enumerable: !(m = X(h, _)) || m.enumerable });
+        for (let C of tt(h))
+          !it.call(p, C) && C !== f && A(p, C, { get: () => h[C], enumerable: !(m = X(h, C)) || m.enumerable });
       return p;
     };
     var x = (p, h, f) => (f = p != null ? Q(et(p)) : {}, G(h || !p || !p.__esModule ? A(f, "default", { value: p, enumerable: true }) : f, p));
@@ -24315,7 +24315,7 @@ var require_IntlTelInput_cjs = __commonJS({
             var m = h[f];
             h[f] = { name: m[0], iso2: m[1], dialCode: m[2], priority: m[3] || 0, areaCodes: m[4] || null };
           }
-          function _(s) {
+          function C(s) {
             for (var n = 1; n < arguments.length; n++) {
               var t = arguments[n] != null ? Object(arguments[n]) : {}, e = Object.keys(t);
               typeof Object.getOwnPropertySymbols == "function" && e.push.apply(e, Object.getOwnPropertySymbols(t).filter(function(i) {
@@ -24330,9 +24330,9 @@ var require_IntlTelInput_cjs = __commonJS({
             return n = M(n), n in s ? Object.defineProperty(s, n, { value: t, enumerable: true, configurable: true, writable: true }) : s[n] = t, s;
           }
           function b(s, n) {
-            return P(s) || F(s, n) || I(s, n) || C();
+            return P(s) || F(s, n) || I(s, n) || _();
           }
-          function C() {
+          function _() {
             throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
           }
@@ -24514,7 +24514,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               var y = this._createEl("div", { class: g });
               this.telInput.parentNode.insertBefore(y, this.telInput);
               var D = e || o || i;
-              if (D && (this.flagsContainer = this._createEl("div", { class: "iti__flag-container" }, y)), y.appendChild(this.telInput), D && (this.selectedFlag = this._createEl("div", _({ class: "iti__selected-flag" }, e && { role: "combobox", "aria-haspopup": "listbox", "aria-controls": "iti-".concat(this.id, "__country-listbox"), "aria-expanded": "false", "aria-label": this.options.i18n.selectedCountryAriaLabel || "Selected country" }), this.flagsContainer)), o && (this.selectedFlagInner = this._createEl("div", { class: "iti__flag" }, this.selectedFlag)), this.selectedFlag && this.telInput.disabled && this.selectedFlag.setAttribute("aria-disabled", "true"), i && (this.selectedDialCode = this._createEl("div", { class: "iti__selected-dial-code" }, this.selectedFlag)), e) {
+              if (D && (this.flagsContainer = this._createEl("div", { class: "iti__flag-container" }, y)), y.appendChild(this.telInput), D && (this.selectedFlag = this._createEl("div", C({ class: "iti__selected-flag" }, e && { role: "combobox", "aria-haspopup": "listbox", "aria-controls": "iti-".concat(this.id, "__country-listbox"), "aria-expanded": "false", "aria-label": this.options.i18n.selectedCountryAriaLabel || "Selected country" }), this.flagsContainer)), o && (this.selectedFlagInner = this._createEl("div", { class: "iti__flag" }, this.selectedFlag)), this.selectedFlag && this.telInput.disabled && this.selectedFlag.setAttribute("aria-disabled", "true"), i && (this.selectedDialCode = this._createEl("div", { class: "iti__selected-dial-code" }, this.selectedFlag)), e) {
                 this.telInput.disabled || this.selectedFlag.setAttribute("tabindex", "0"), this.dropdownArrow = this._createEl("div", { class: "iti__arrow" }, this.selectedFlag);
                 var J = u ? "" : "iti--flexible-dropdown-width";
                 if (this.dropdownContent = this._createEl("div", { class: "iti__dropdown-content iti__hide ".concat(J) }), v && (this.searchInput = this._createEl("input", { type: "text", class: "iti__search-input", placeholder: this.options.i18n.searchPlaceholder || "Search" }, this.dropdownContent)), this.countryList = this._createEl("ul", { class: "iti__country-list", id: "iti-".concat(this.id, "__country-listbox"), role: "listbox", "aria-label": this.options.i18n.countryListAriaLabel || "List of countries" }, this.dropdownContent), this.preferredCountries.length && !v && (this._appendListItems(this.preferredCountries, "iti__preferred", true), this._createEl("li", { class: "iti__divider", "aria-hidden": "true" }, this.countryList)), this._appendListItems(this.countries, "iti__standard"), l) {
@@ -24888,7 +24888,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               j(s);
             }
             return null;
-          }, L.defaults = B, L.version = "19.2.0", function(s, n) {
+          }, L.defaults = B, L.version = "19.2.2", function(s, n) {
             var t = new Y(s, n);
             return t._init(), s.setAttribute("data-intl-tel-input-id", t.id), window.intlTelInputGlobals.instances[t.id] = t, t;
           };
@@ -24901,22 +24901,25 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     var w = x(require_react());
     var d = x(require_prop_types());
     var K = x(R());
-    var O = ({ initialValue: p, setCountryIso: h, setNumber: f, setIsValid: m, setErrorCode: _, initOptions: N }) => {
-      let b = (0, w.useRef)(null), C = (0, w.useRef)(null), I = () => {
-        let k = C.current.getNumber(), F = C.current.getSelectedCountryData().iso2;
-        if (f(k), h(F), C.current.isValidNumber())
-          m(true), _(null);
+    var O = ({ initialValue: p, onChangeNumber: h, onChangeCountry: f, onChangeValidity: m, onChangeErrorCode: C, initOptions: N }) => {
+      let b = (0, w.useRef)(null), _ = (0, w.useRef)(null), I = () => {
+        let k = _.current.getNumber(), F = _.current.getSelectedCountryData().iso2;
+        if (h(k), f(F), _.current.isValidNumber())
+          m(true), C(null);
         else {
-          let P = C.current.getValidationError();
-          m(false), _(P);
+          let P = _.current.getValidationError();
+          m(false), C(P);
         }
       };
-      return (0, w.useEffect)(() => (C.current = (0, K.default)(b.current, N), b.current.addEventListener("countrychange", I), () => {
-        b.current.removeEventListener("countrychange", I), C.current.destroy();
+      return (0, w.useEffect)(() => (_.current = (0, K.default)(b.current, N), b.current.addEventListener("countrychange", I), () => {
+        b.current.removeEventListener("countrychange", I), _.current.destroy();
       }), []), w.default.createElement("input", { type: "phone", ref: b, onInput: I, defaultValue: p });
     };
-    O.propTypes = { initialValue: d.default.string, setNumber: d.default.func.isRequired, setCountryIso: d.default.func, setIsValid: d.default.func.isRequired, setErrorCode: d.default.func.isRequired, initOptions: d.default.shape({ allowDropdown: d.default.bool, autoInsertDialCode: d.default.bool, autoPlaceholder: d.default.string, containerClass: d.default.string, countrySearch: d.default.bool, customPlaceholder: d.default.func, dropdownContainer: d.default.node, excludeCountries: d.default.arrayOf(d.default.string), fixDropdownWidth: d.default.bool, formatAsYouType: d.default.bool, formatOnDisplay: d.default.bool, geoIpLookup: d.default.func, hiddenInput: d.default.func, i18n: d.default.objectOf(d.default.string), initialCountry: d.default.string, nationalMode: d.default.bool, onlyCountries: d.default.arrayOf(d.default.string), placeholderNumberType: d.default.string, preferredCountries: d.default.arrayOf(d.default.string), showFlags: d.default.bool, showSelectedDialCode: d.default.bool, useFullscreenPopup: d.default.bool, utilsScript: d.default.string }) };
-    O.defaultProps = { initialValue: "", setCountryIso: () => {
+    O.propTypes = { initialValue: d.default.string, onChangeNumber: d.default.func, onChangeCountry: d.default.func, onChangeValidity: d.default.func, onChangeErrorCode: d.default.func, initOptions: d.default.shape({ allowDropdown: d.default.bool, autoInsertDialCode: d.default.bool, autoPlaceholder: d.default.string, containerClass: d.default.string, countrySearch: d.default.bool, customPlaceholder: d.default.func, dropdownContainer: d.default.node, excludeCountries: d.default.arrayOf(d.default.string), fixDropdownWidth: d.default.bool, formatAsYouType: d.default.bool, formatOnDisplay: d.default.bool, geoIpLookup: d.default.func, hiddenInput: d.default.func, i18n: d.default.objectOf(d.default.string), initialCountry: d.default.string, nationalMode: d.default.bool, onlyCountries: d.default.arrayOf(d.default.string), placeholderNumberType: d.default.string, preferredCountries: d.default.arrayOf(d.default.string), showFlags: d.default.bool, showSelectedDialCode: d.default.bool, useFullscreenPopup: d.default.bool, utilsScript: d.default.string }) };
+    O.defaultProps = { initialValue: "", onChangeNumber: () => {
+    }, onChangeCountry: () => {
+    }, onChangeValidity: () => {
+    }, onChangeErrorCode: () => {
     }, initOptions: {} };
     var st = O;
   }

package/react/demo/validation-bundle.js

@@ -24299,8 +24299,8 @@ var require_IntlTelInput_cjs = __commonJS({
     };
     var G = (p, h, f, m) => {
       if (h && typeof h == "object" || typeof h == "function")
-        for (let _ of tt(h))
-          !it.call(p, _) && _ !== f && A(p, _, { get: () => h[_], enumerable: !(m = X(h, _)) || m.enumerable });
+        for (let C of tt(h))
+          !it.call(p, C) && C !== f && A(p, C, { get: () => h[C], enumerable: !(m = X(h, C)) || m.enumerable });
       return p;
     };
     var x = (p, h, f) => (f = p != null ? Q(et(p)) : {}, G(h || !p || !p.__esModule ? A(f, "default", { value: p, enumerable: true }) : f, p));
@@ -24315,7 +24315,7 @@ var require_IntlTelInput_cjs = __commonJS({
             var m = h[f];
             h[f] = { name: m[0], iso2: m[1], dialCode: m[2], priority: m[3] || 0, areaCodes: m[4] || null };
           }
-          function _(s) {
+          function C(s) {
             for (var n = 1; n < arguments.length; n++) {
               var t = arguments[n] != null ? Object(arguments[n]) : {}, e = Object.keys(t);
               typeof Object.getOwnPropertySymbols == "function" && e.push.apply(e, Object.getOwnPropertySymbols(t).filter(function(i) {
@@ -24330,9 +24330,9 @@ var require_IntlTelInput_cjs = __commonJS({
             return n = M(n), n in s ? Object.defineProperty(s, n, { value: t, enumerable: true, configurable: true, writable: true }) : s[n] = t, s;
           }
           function b(s, n) {
-            return P(s) || F(s, n) || I(s, n) || C();
+            return P(s) || F(s, n) || I(s, n) || _();
           }
-          function C() {
+          function _() {
             throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
           }
@@ -24514,7 +24514,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               var y = this._createEl("div", { class: g });
               this.telInput.parentNode.insertBefore(y, this.telInput);
               var D = e || o || i;
-              if (D && (this.flagsContainer = this._createEl("div", { class: "iti__flag-container" }, y)), y.appendChild(this.telInput), D && (this.selectedFlag = this._createEl("div", _({ class: "iti__selected-flag" }, e && { role: "combobox", "aria-haspopup": "listbox", "aria-controls": "iti-".concat(this.id, "__country-listbox"), "aria-expanded": "false", "aria-label": this.options.i18n.selectedCountryAriaLabel || "Selected country" }), this.flagsContainer)), o && (this.selectedFlagInner = this._createEl("div", { class: "iti__flag" }, this.selectedFlag)), this.selectedFlag && this.telInput.disabled && this.selectedFlag.setAttribute("aria-disabled", "true"), i && (this.selectedDialCode = this._createEl("div", { class: "iti__selected-dial-code" }, this.selectedFlag)), e) {
+              if (D && (this.flagsContainer = this._createEl("div", { class: "iti__flag-container" }, y)), y.appendChild(this.telInput), D && (this.selectedFlag = this._createEl("div", C({ class: "iti__selected-flag" }, e && { role: "combobox", "aria-haspopup": "listbox", "aria-controls": "iti-".concat(this.id, "__country-listbox"), "aria-expanded": "false", "aria-label": this.options.i18n.selectedCountryAriaLabel || "Selected country" }), this.flagsContainer)), o && (this.selectedFlagInner = this._createEl("div", { class: "iti__flag" }, this.selectedFlag)), this.selectedFlag && this.telInput.disabled && this.selectedFlag.setAttribute("aria-disabled", "true"), i && (this.selectedDialCode = this._createEl("div", { class: "iti__selected-dial-code" }, this.selectedFlag)), e) {
                 this.telInput.disabled || this.selectedFlag.setAttribute("tabindex", "0"), this.dropdownArrow = this._createEl("div", { class: "iti__arrow" }, this.selectedFlag);
                 var J = u ? "" : "iti--flexible-dropdown-width";
                 if (this.dropdownContent = this._createEl("div", { class: "iti__dropdown-content iti__hide ".concat(J) }), v && (this.searchInput = this._createEl("input", { type: "text", class: "iti__search-input", placeholder: this.options.i18n.searchPlaceholder || "Search" }, this.dropdownContent)), this.countryList = this._createEl("ul", { class: "iti__country-list", id: "iti-".concat(this.id, "__country-listbox"), role: "listbox", "aria-label": this.options.i18n.countryListAriaLabel || "List of countries" }, this.dropdownContent), this.preferredCountries.length && !v && (this._appendListItems(this.preferredCountries, "iti__preferred", true), this._createEl("li", { class: "iti__divider", "aria-hidden": "true" }, this.countryList)), this._appendListItems(this.countries, "iti__standard"), l) {
@@ -24888,7 +24888,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               j(s);
             }
             return null;
-          }, L.defaults = B, L.version = "19.2.0", function(s, n) {
+          }, L.defaults = B, L.version = "19.2.2", function(s, n) {
             var t = new Y(s, n);
             return t._init(), s.setAttribute("data-intl-tel-input-id", t.id), window.intlTelInputGlobals.instances[t.id] = t, t;
           };
@@ -24901,22 +24901,25 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     var w = x(require_react());
     var d = x(require_prop_types());
     var K = x(R());
-    var O = ({ initialValue: p, setCountryIso: h, setNumber: f, setIsValid: m, setErrorCode: _, initOptions: N }) => {
-      let b = (0, w.useRef)(null), C = (0, w.useRef)(null), I = () => {
-        let k = C.current.getNumber(), F = C.current.getSelectedCountryData().iso2;
-        if (f(k), h(F), C.current.isValidNumber())
-          m(true), _(null);
+    var O = ({ initialValue: p, onChangeNumber: h, onChangeCountry: f, onChangeValidity: m, onChangeErrorCode: C, initOptions: N }) => {
+      let b = (0, w.useRef)(null), _ = (0, w.useRef)(null), I = () => {
+        let k = _.current.getNumber(), F = _.current.getSelectedCountryData().iso2;
+        if (h(k), f(F), _.current.isValidNumber())
+          m(true), C(null);
         else {
-          let P = C.current.getValidationError();
-          m(false), _(P);
+          let P = _.current.getValidationError();
+          m(false), C(P);
         }
       };
-      return (0, w.useEffect)(() => (C.current = (0, K.default)(b.current, N), b.current.addEventListener("countrychange", I), () => {
-        b.current.removeEventListener("countrychange", I), C.current.destroy();
+      return (0, w.useEffect)(() => (_.current = (0, K.default)(b.current, N), b.current.addEventListener("countrychange", I), () => {
+        b.current.removeEventListener("countrychange", I), _.current.destroy();
       }), []), w.default.createElement("input", { type: "phone", ref: b, onInput: I, defaultValue: p });
     };
-    O.propTypes = { initialValue: d.default.string, setNumber: d.default.func.isRequired, setCountryIso: d.default.func, setIsValid: d.default.func.isRequired, setErrorCode: d.default.func.isRequired, initOptions: d.default.shape({ allowDropdown: d.default.bool, autoInsertDialCode: d.default.bool, autoPlaceholder: d.default.string, containerClass: d.default.string, countrySearch: d.default.bool, customPlaceholder: d.default.func, dropdownContainer: d.default.node, excludeCountries: d.default.arrayOf(d.default.string), fixDropdownWidth: d.default.bool, formatAsYouType: d.default.bool, formatOnDisplay: d.default.bool, geoIpLookup: d.default.func, hiddenInput: d.default.func, i18n: d.default.objectOf(d.default.string), initialCountry: d.default.string, nationalMode: d.default.bool, onlyCountries: d.default.arrayOf(d.default.string), placeholderNumberType: d.default.string, preferredCountries: d.default.arrayOf(d.default.string), showFlags: d.default.bool, showSelectedDialCode: d.default.bool, useFullscreenPopup: d.default.bool, utilsScript: d.default.string }) };
-    O.defaultProps = { initialValue: "", setCountryIso: () => {
+    O.propTypes = { initialValue: d.default.string, onChangeNumber: d.default.func, onChangeCountry: d.default.func, onChangeValidity: d.default.func, onChangeErrorCode: d.default.func, initOptions: d.default.shape({ allowDropdown: d.default.bool, autoInsertDialCode: d.default.bool, autoPlaceholder: d.default.string, containerClass: d.default.string, countrySearch: d.default.bool, customPlaceholder: d.default.func, dropdownContainer: d.default.node, excludeCountries: d.default.arrayOf(d.default.string), fixDropdownWidth: d.default.bool, formatAsYouType: d.default.bool, formatOnDisplay: d.default.bool, geoIpLookup: d.default.func, hiddenInput: d.default.func, i18n: d.default.objectOf(d.default.string), initialCountry: d.default.string, nationalMode: d.default.bool, onlyCountries: d.default.arrayOf(d.default.string), placeholderNumberType: d.default.string, preferredCountries: d.default.arrayOf(d.default.string), showFlags: d.default.bool, showSelectedDialCode: d.default.bool, useFullscreenPopup: d.default.bool, utilsScript: d.default.string }) };
+    O.defaultProps = { initialValue: "", onChangeNumber: () => {
+    }, onChangeCountry: () => {
+    }, onChangeValidity: () => {
+    }, onChangeErrorCode: () => {
     }, initOptions: {} };
     var st = O;
   }
@@ -24949,9 +24952,9 @@ var DemoApp = () => {
   return /* @__PURE__ */ import_react.default.createElement("form", null, /* @__PURE__ */ import_react.default.createElement(
     import_IntlTelInput.default,
     {
-      setNumber,
-      setIsValid,
-      setErrorCode,
+      onChangeNumber: setNumber,
+      onChangeValidity: setIsValid,
+      onChangeErrorCode: setErrorCode,
       initOptions: {
         initialCountry: "us",
         utilsScript: "../../build/js/utils.js"

package/react/src/IntlTelInput.js

@@ -5,10 +5,10 @@ import intlTelInput from "../../build/js/intlTelInput";
 
 const IntlTelInput = ({
   initialValue,
-  setCountryIso,
-  setNumber,
-  setIsValid,
-  setErrorCode,
+  onChangeNumber,
+  onChangeCountry,
+  onChangeValidity,
+  onChangeErrorCode,
   initOptions,
 }) => {
   const inputRef = useRef(null);
@@ -20,16 +20,16 @@ const IntlTelInput = ({
     // note: this number will be in standard E164 format, but any container component can use
     // intlTelInputUtils.formatNumber() to convert this to another format
     // as well as intlTelInputUtils.getNumberType() etc. if need be
-    setNumber(num);
-    setCountryIso(countryIso);
+    onChangeNumber(num);
+    onChangeCountry(countryIso);
 
     if (itiRef.current.isValidNumber()) {
-      setIsValid(true);
-      setErrorCode(null);
+      onChangeValidity(true);
+      onChangeErrorCode(null);
     } else {
       const errorCode = itiRef.current.getValidationError();
-      setIsValid(false);
-      setErrorCode(errorCode);
+      onChangeValidity(false);
+      onChangeErrorCode(errorCode);
     }
   };
   
@@ -54,10 +54,10 @@ const IntlTelInput = ({
 
 IntlTelInput.propTypes = {
     initialValue: PropTypes.string,
-    setNumber: PropTypes.func,
-    setCountryIso: PropTypes.func,
-    setIsValid: PropTypes.func,
-    setErrorCode: PropTypes.func,
+    onChangeNumber: PropTypes.func,
+    onChangeCountry: PropTypes.func,
+    onChangeValidity: PropTypes.func,
+    onChangeErrorCode: PropTypes.func,
     initOptions: PropTypes.shape({
         allowDropdown: PropTypes.bool,
         autoInsertDialCode: PropTypes.bool,
@@ -87,10 +87,10 @@ IntlTelInput.propTypes = {
 
 IntlTelInput.defaultProps = {
     initialValue: "",
-    setNumber: () => {},
-    setCountryIso: () => {},
-    setIsValid: () => {},
-    setErrorCode: () => {},
+    onChangeNumber: () => {},
+    onChangeCountry: () => {},
+    onChangeValidity: () => {},
+    onChangeErrorCode: () => {},
     initOptions: {},
 };
 

package/src/js/intlTelInput.js

@@ -1304,7 +1304,7 @@ class Iti {
   // select the given flag, update the placeholder, title, and the active list item
   // Note: called from _setInitialState, _updateFlagFromNumber, _selectListItem, setCountry
   _setFlag(countryCode) {
-    const { allowDropdown, showSelectedDialCode, showFlags } = this.options;
+    const { allowDropdown, showSelectedDialCode, showFlags, countrySearch } = this.options;
 
     const prevCountry = this.selectedCountryData.iso2
       ? this.selectedCountryData
@@ -1348,8 +1348,8 @@ class Iti {
     // and the input's placeholder
     this._updatePlaceholder();
 
-    // update the active list item
-    if (allowDropdown) {
+    // update the active list item (only if country search disabled, as country search doesn't store the active item)
+    if (allowDropdown && !countrySearch) {
       const prevItem = this.activeItem;
       if (prevItem) {
         prevItem.classList.remove("iti__active");
@@ -1655,7 +1655,8 @@ class Iti {
     // if showSelectedDialCode and they haven't (re)typed the dial code in the input as well, then remove the dial code
     if (this.options.showSelectedDialCode && this.telInput.value.charAt(0) !== '+') {
       const { dialCode } = this.selectedCountryData;
-      return result.split(`+${dialCode}`)[1].trim();
+      const afterDialCode = result.split(`+${dialCode}`)[1] || "";
+      return afterDialCode.trim();
     }
     return result;
   }

package/src/spec/helpers/helpers.js

@@ -2,7 +2,6 @@ var input,
   iti,
   totalCountries = 244,
   totalDialCodes = 228,
-  defaultPreferredCountries = 0,
   afghanistanDialCode = "+93";
 
 var intlSetup = function(utilsScript) {

package/src/spec/tests/core/initialValues.js

@@ -24,14 +24,11 @@ describe("initial values:", function() {
     });
 
     it("has the right number of list items", function() {
-      expect(getListLength()).toEqual(totalCountries + defaultPreferredCountries);
-      // only 1 active list item
-      expect(getActiveListItem().length).toEqual(1);
+      expect(getListLength()).toEqual(totalCountries);
     });
 
-    it("sets the state correctly: selected flag and active list item", function() {
+    it("sets the state correctly: selected flag", function() {
       expect(getSelectedFlagElement()).toHaveClass("iti__af");
-      expect(getActiveListItem().attr("data-country-code")).toEqual("af");
     });
 
   });
@@ -45,9 +42,8 @@ describe("initial values:", function() {
       iti = window.intlTelInput(input[0]);
     });
 
-    it("sets the state correctly: selected flag and active list item", function() {
+    it("sets the state correctly: selected flag", function() {
       expect(getSelectedFlagElement()).toHaveClass("iti__gb");
-      expect(getActiveListItem().attr("data-country-code")).toEqual("gb");
     });
 
   });
@@ -115,9 +111,8 @@ describe("initial values:", function() {
       iti = window.intlTelInput(input[0]);
     });
 
-    it("does not set the selected flag or the active list item", function() {
+    it("does not set the selected flag", function() {
       expect(getSelectedFlagElement().attr("class")).toBe("iti__flag");
-      expect(getActiveListItem().length).toEqual(0);
     });
 
   });
@@ -131,9 +126,8 @@ describe("initial values:", function() {
       iti = window.intlTelInput(input[0]);
     });
 
-    it("does not set the selected flag or the active list item", function() {
+    it("does not set the selected flag", function() {
       expect(getSelectedFlagElement().attr("class")).toBe("iti__flag");
-      expect(getActiveListItem().length).toEqual(0);
     });
 
   });

package/src/spec/tests/core/usingDropdown.js

@@ -35,7 +35,7 @@ describe("using dropdown: init plugin on normal input with nationalMode=false, a
     it("opens the dropdown with the top item marked as active and highlighted", function() {
       expect(getListElement()).toBeVisible();
       var topItem = getListElement().find("li.iti__country:first");
-      expect(topItem).toHaveClass("iti__active iti__highlight");
+      expect(topItem).toHaveClass("iti__highlight");
     });
 
     it("clicking it again closes the dropdown", function() {

package/src/spec/tests/options/countrySearch.js

@@ -55,7 +55,7 @@ describe("countrySearch option:", function() {
       jasmine.clock().tick(100); // allow for the (intentional) 100ms delay on the search handler
       expect(getListLength()).toEqual(6);
       triggerKeyOnBody('Enter');
-      expect(getActiveListItem().attr("data-country-code")).toEqual("cx");
+      expect(getSelectedFlagElement()).toHaveClass("iti__cx");
     });
 
   });

package/src/spec/tests/options/excludeCountries.js

@@ -15,7 +15,7 @@ describe("excludeCountries option:", function() {
     iti = window.intlTelInput(input[0], {
       excludeCountries: [],
     });
-    expect(getListLength()).toEqual(totalCountries + defaultPreferredCountries);
+    expect(getListLength()).toEqual(totalCountries);
   });
 
   describe("init the plugin with excludeCountries=[us, ca]", function() {

package/src/spec/tests/options/initialCountry.js

@@ -25,10 +25,6 @@ describe("initialCountry: ", function() {
       expect(getSelectedFlagElement()).toHaveClass(`iti__${initialCountry}`);
     });
 
-    it("sets the active list item correctly", function() {
-      expect(getActiveListItem().attr("data-country-code")).toEqual(initialCountry);
-    });
-
   });
 
 
@@ -44,9 +40,8 @@ describe("initialCountry: ", function() {
       });
     });
 
-    it("sets the state correctly: selected flag and active list item", function() {
+    it("sets the state correctly: selected flag", function() {
       expect(getSelectedFlagElement()).toHaveClass(`iti__${initialCountry}`);
-      expect(getActiveListItem().attr("data-country-code")).toEqual(initialCountry);
     });
 
   });