npm - @jacksonavila/phone-lib - Versions diffs - 2.0.7 → 2.0.9 - Mend

@jacksonavila/phone-lib 2.0.7 → 2.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/README.md CHANGED Viewed

@@ -13,6 +13,7 @@ Librería JavaScript moderna para integrar fácilmente un input de teléfono con
 - ✅ **Country dropdown** / **Dropdown de países** showing name, ISO2 code, dial code, and flag
 - ✅ **Tel input** / **Input tipo tel** with automatic formatting based on selected country
+- ✅ **Numbers only input** / **Input solo números** - automatically filters non-numeric characters
 - ✅ **Phone number validation** / **Validación de números** using `libphonenumber-js`
 - ✅ **Complete public API** / **API pública completa** with methods to get number information
 - ✅ **Vanilla JavaScript and React support** / **Soporte para Vanilla JavaScript y React**
@@ -61,7 +62,7 @@ You can use PhoneLib directly from CDN without npm / Puedes usar PhoneLib direct
 <!DOCTYPE html>
 <html>
 <head>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.7/phone-lib.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.9/phone-lib.css">
 </head>
 <body>
   <div id="phone-container"></div>
@@ -69,7 +70,7 @@ You can use PhoneLib directly from CDN without npm / Puedes usar PhoneLib direct
   <script type="importmap">
     {
       "imports": {
-        "@jacksonavila/phone-lib": "https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.7/phone-lib.js",
+        "@jacksonavila/phone-lib": "https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.9/phone-lib.js",
         "libphonenumber-js": "https://esm.sh/libphonenumber-js@1.11.0"
       }
     }
@@ -89,8 +90,8 @@ You can use PhoneLib directly from CDN without npm / Puedes usar PhoneLib direct
 ```
 **CDN URLs / URLs de CDN:**
-- **jsDelivr:** `https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.7/`
-- **unpkg:** `https://unpkg.com/@jacksonavila/phone-lib@2.0.7/`
+- **jsDelivr:** `https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.9/`
+- **unpkg:** `https://unpkg.com/@jacksonavila/phone-lib@2.0.9/`
 ### Method 2: Script Tag (All Browsers) / Método 2: Script Tag (Todos los Navegadores)
@@ -98,12 +99,12 @@ You can use PhoneLib directly from CDN without npm / Puedes usar PhoneLib direct
 <!DOCTYPE html>
 <html>
 <head>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.7/phone-lib.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.9/phone-lib.css">
 </head>
 <body>
   <div id="phone-container"></div>
-  <script src="https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.7/phone-lib.cdn.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.9/phone-lib.cdn.js"></script>
   <script>
     let phoneLib = null;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@jacksonavila/phone-lib",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "description": "Librería JavaScript para input de teléfono con selector de país y banderas - Compatible con Vanilla JS y React",
   "main": "phone-lib.js",
   "module": "phone-lib.js",

package/phone-lib.cdn.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * Carga libphonenumber-js dinámicamente y expone PhoneLib globalmente
  *
  * Uso:
- * <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.7/phone-lib.css">
- * <script src="https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.7/phone-lib.cdn.js"></script>
+ * <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.9/phone-lib.css">
+ * <script src="https://cdn.jsdelivr.net/npm/@jacksonavila/phone-lib@2.0.9/phone-lib.cdn.js"></script>
  * <script>
  *   document.addEventListener('phoneLibReady', () => {
  *     const phoneLib = new PhoneLib('#container', {...});
@@ -17,7 +17,7 @@
   'use strict';
   // Versión del paquete (actualizar cuando se publique nueva versión)
-  const PACKAGE_VERSION = '2.0.7';
+  const PACKAGE_VERSION = '2.0.9';
   const PACKAGE_NAME = '@jacksonavila/phone-lib';
   // URLs de CDN

package/phone-lib.js CHANGED Viewed

@@ -254,68 +254,256 @@ class PhoneLib {
    */
   getCountryName(iso2) {
     const countryNames = {
-      'US': 'Estados Unidos',
-      'CO': 'Colombia',
-      'ES': 'España',
-      'MX': 'México',
+      'AD': 'Andorra',
+      'AE': 'Emiratos Árabes Unidos',
+      'AF': 'Afganistán',
+      'AG': 'Antigua y Barbuda',
+      'AI': 'Anguila',
+      'AL': 'Albania',
+      'AM': 'Armenia',
+      'AO': 'Angola',
+      'AQ': 'Antártida',
       'AR': 'Argentina',
-      'CL': 'Chile',
-      'PE': 'Perú',
-      'VE': 'Venezuela',
-      'EC': 'Ecuador',
+      'AS': 'Samoa Americana',
+      'AT': 'Austria',
+      'AU': 'Australia',
+      'AW': 'Aruba',
+      'AX': 'Islas Åland',
+      'AZ': 'Azerbaiyán',
+      'BA': 'Bosnia y Herzegovina',
+      'BB': 'Barbados',
+      'BD': 'Bangladesh',
+      'BE': 'Bélgica',
+      'BF': 'Burkina Faso',
+      'BG': 'Bulgaria',
+      'BH': 'Baréin',
+      'BI': 'Burundi',
+      'BJ': 'Benín',
+      'BL': 'San Bartolomé',
+      'BM': 'Bermudas',
+      'BN': 'Brunéi',
       'BO': 'Bolivia',
-      'PY': 'Paraguay',
-      'UY': 'Uruguay',
-      'CR': 'Costa Rica',
-      'PA': 'Panamá',
-      'GT': 'Guatemala',
-      'HN': 'Honduras',
-      'NI': 'Nicaragua',
-      'SV': 'El Salvador',
-      'DO': 'República Dominicana',
-      'CU': 'Cuba',
-      'PR': 'Puerto Rico',
+      'BQ': 'Caribe Neerlandés',
       'BR': 'Brasil',
+      'BS': 'Bahamas',
+      'BT': 'Bután',
+      'BV': 'Isla Bouvet',
+      'BW': 'Botsuana',
+      'BY': 'Bielorrusia',
+      'BZ': 'Belice',
       'CA': 'Canadá',
-      'GB': 'Reino Unido',
-      'FR': 'Francia',
-      'DE': 'Alemania',
-      'IT': 'Italia',
-      'PT': 'Portugal',
-      'NL': 'Países Bajos',
-      'BE': 'Bélgica',
+      'CC': 'Islas Cocos',
+      'CD': 'República Democrática del Congo',
+      'CF': 'República Centroafricana',
+      'CG': 'Congo',
       'CH': 'Suiza',
-      'AT': 'Austria',
-      'SE': 'Suecia',
-      'NO': 'Noruega',
+      'CI': 'Costa de Marfil',
+      'CK': 'Islas Cook',
+      'CL': 'Chile',
+      'CM': 'Camerún',
+      'CN': 'China',
+      'CO': 'Colombia',
+      'CR': 'Costa Rica',
+      'CU': 'Cuba',
+      'CV': 'Cabo Verde',
+      'CW': 'Curazao',
+      'CX': 'Isla de Navidad',
+      'CY': 'Chipre',
+      'CZ': 'República Checa',
+      'DE': 'Alemania',
+      'DJ': 'Yibuti',
       'DK': 'Dinamarca',
+      'DM': 'Dominica',
+      'DO': 'República Dominicana',
+      'DZ': 'Argelia',
+      'EC': 'Ecuador',
+      'EE': 'Estonia',
+      'EG': 'Egipto',
+      'EH': 'Sahara Occidental',
+      'ER': 'Eritrea',
+      'ES': 'España',
+      'ET': 'Etiopía',
       'FI': 'Finlandia',
-      'PL': 'Polonia',
-      'CZ': 'República Checa',
+      'FJ': 'Fiyi',
+      'FK': 'Islas Malvinas',
+      'FM': 'Micronesia',
+      'FO': 'Islas Feroe',
+      'FR': 'Francia',
+      'GA': 'Gabón',
+      'GB': 'Reino Unido',
+      'GD': 'Granada',
+      'GE': 'Georgia',
+      'GF': 'Guayana Francesa',
+      'GG': 'Guernsey',
+      'GH': 'Ghana',
+      'GI': 'Gibraltar',
+      'GL': 'Groenlandia',
+      'GM': 'Gambia',
+      'GN': 'Guinea',
+      'GP': 'Guadalupe',
+      'GQ': 'Guinea Ecuatorial',
       'GR': 'Grecia',
+      'GS': 'Georgia del Sur e Islas Sandwich del Sur',
+      'GT': 'Guatemala',
+      'GU': 'Guam',
+      'GW': 'Guinea-Bisáu',
+      'GY': 'Guyana',
+      'HK': 'Hong Kong',
+      'HM': 'Islas Heard y McDonald',
+      'HN': 'Honduras',
+      'HR': 'Croacia',
+      'HT': 'Haití',
+      'HU': 'Hungría',
+      'ID': 'Indonesia',
       'IE': 'Irlanda',
-      'NZ': 'Nueva Zelanda',
-      'AU': 'Australia',
-      'JP': 'Japón',
-      'CN': 'China',
+      'IL': 'Israel',
+      'IM': 'Isla de Man',
       'IN': 'India',
+      'IO': 'Territorio Británico del Océano Índico',
+      'IQ': 'Irak',
+      'IR': 'Irán',
+      'IS': 'Islandia',
+      'IT': 'Italia',
+      'JE': 'Jersey',
+      'JM': 'Jamaica',
+      'JO': 'Jordania',
+      'JP': 'Japón',
+      'KE': 'Kenia',
+      'KG': 'Kirguistán',
+      'KH': 'Camboya',
+      'KI': 'Kiribati',
+      'KM': 'Comoras',
+      'KN': 'San Cristóbal y Nieves',
+      'KP': 'Corea del Norte',
       'KR': 'Corea del Sur',
-      'SG': 'Singapur',
+      'KW': 'Kuwait',
+      'KY': 'Islas Caimán',
+      'KZ': 'Kazajistán',
+      'LA': 'Laos',
+      'LB': 'Líbano',
+      'LC': 'Santa Lucía',
+      'LI': 'Liechtenstein',
+      'LK': 'Sri Lanka',
+      'LR': 'Liberia',
+      'LS': 'Lesoto',
+      'LT': 'Lituania',
+      'LU': 'Luxemburgo',
+      'LV': 'Letonia',
+      'LY': 'Libia',
+      'MA': 'Marruecos',
+      'MC': 'Mónaco',
+      'MD': 'Moldavia',
+      'ME': 'Montenegro',
+      'MF': 'San Martín',
+      'MG': 'Madagascar',
+      'MH': 'Islas Marshall',
+      'MK': 'Macedonia del Norte',
+      'ML': 'Malí',
+      'MM': 'Myanmar',
+      'MN': 'Mongolia',
+      'MO': 'Macao',
+      'MP': 'Islas Marianas del Norte',
+      'MQ': 'Martinica',
+      'MR': 'Mauritania',
+      'MS': 'Montserrat',
+      'MT': 'Malta',
+      'MU': 'Mauricio',
+      'MV': 'Maldivas',
+      'MW': 'Malaui',
+      'MX': 'México',
       'MY': 'Malasia',
-      'TH': 'Tailandia',
+      'MZ': 'Mozambique',
+      'NA': 'Namibia',
+      'NC': 'Nueva Caledonia',
+      'NE': 'Níger',
+      'NF': 'Isla Norfolk',
+      'NG': 'Nigeria',
+      'NI': 'Nicaragua',
+      'NL': 'Países Bajos',
+      'NO': 'Noruega',
+      'NP': 'Nepal',
+      'NR': 'Nauru',
+      'NU': 'Niue',
+      'NZ': 'Nueva Zelanda',
+      'OM': 'Omán',
+      'PA': 'Panamá',
+      'PE': 'Perú',
+      'PF': 'Polinesia Francesa',
+      'PG': 'Papúa Nueva Guinea',
       'PH': 'Filipinas',
-      'ID': 'Indonesia',
-      'VN': 'Vietnam',
-      'AE': 'Emiratos Árabes Unidos',
+      'PK': 'Pakistán',
+      'PL': 'Polonia',
+      'PM': 'San Pedro y Miquelón',
+      'PN': 'Islas Pitcairn',
+      'PR': 'Puerto Rico',
+      'PS': 'Palestina',
+      'PT': 'Portugal',
+      'PW': 'Palaos',
+      'PY': 'Paraguay',
+      'QA': 'Catar',
+      'RE': 'Reunión',
+      'RO': 'Rumania',
+      'RS': 'Serbia',
+      'RU': 'Rusia',
+      'RW': 'Ruanda',
       'SA': 'Arabia Saudí',
-      'IL': 'Israel',
+      'SB': 'Islas Salomón',
+      'SC': 'Seychelles',
+      'SD': 'Sudán',
+      'SE': 'Suecia',
+      'SG': 'Singapur',
+      'SH': 'Santa Elena',
+      'SI': 'Eslovenia',
+      'SJ': 'Svalbard y Jan Mayen',
+      'SK': 'Eslovaquia',
+      'SL': 'Sierra Leona',
+      'SM': 'San Marino',
+      'SN': 'Senegal',
+      'SO': 'Somalia',
+      'SR': 'Surinam',
+      'SS': 'Sudán del Sur',
+      'ST': 'Santo Tomé y Príncipe',
+      'SV': 'El Salvador',
+      'SX': 'Sint Maarten',
+      'SY': 'Siria',
+      'SZ': 'Suazilandia',
+      'TC': 'Islas Turcas y Caicos',
+      'TD': 'Chad',
+      'TF': 'Territorios Australes Franceses',
+      'TG': 'Togo',
+      'TH': 'Tailandia',
+      'TJ': 'Tayikistán',
+      'TK': 'Tokelau',
+      'TL': 'Timor Oriental',
+      'TM': 'Turkmenistán',
+      'TN': 'Túnez',
+      'TO': 'Tonga',
       'TR': 'Turquía',
-      'RU': 'Rusia',
+      'TT': 'Trinidad y Tobago',
+      'TV': 'Tuvalu',
+      'TW': 'Taiwán',
+      'TZ': 'Tanzania',
+      'UA': 'Ucrania',
+      'UG': 'Uganda',
+      'UM': 'Islas Ultramarinas de Estados Unidos',
+      'US': 'Estados Unidos',
+      'UY': 'Uruguay',
+      'UZ': 'Uzbekistán',
+      'VA': 'Ciudad del Vaticano',
+      'VC': 'San Vicente y las Granadinas',
+      'VE': 'Venezuela',
+      'VG': 'Islas Vírgenes Británicas',
+      'VI': 'Islas Vírgenes de los Estados Unidos',
+      'VN': 'Vietnam',
+      'VU': 'Vanuatu',
+      'WF': 'Wallis y Futuna',
+      'WS': 'Samoa',
+      'XK': 'Kosovo',
+      'YE': 'Yemen',
+      'YT': 'Mayotte',
       'ZA': 'Sudáfrica',
-      'EG': 'Egipto',
-      'NG': 'Nigeria',
-      'KE': 'Kenia',
-      'GH': 'Ghana'
+      'ZM': 'Zambia',
+      'ZW': 'Zimbabue'
     };
     return countryNames[iso2] || iso2;
@@ -707,11 +895,65 @@ class PhoneLib {
     // Input de teléfono
     if (this.phoneInput) {
+      // Handler para prevenir entrada de caracteres no numéricos
+      this._boundHandlers.phoneKeyDown = (e) => {
+        if (this.isDisabled || this.isReadonly) return;
+        // Permitir teclas especiales (Backspace, Delete, Arrow keys, Tab, etc.)
+        const allowedKeys = [
+          'Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown',
+          'Home', 'End', 'Tab', 'Escape', 'Enter'
+        ];
+        // Permitir Ctrl+A, Ctrl+C, Ctrl+V, Ctrl+X
+        if (e.ctrlKey || e.metaKey) {
+          if (['a', 'c', 'v', 'x'].includes(e.key.toLowerCase())) {
+            return; // Permitir
+          }
+        }
+        // Si es una tecla permitida, dejar pasar
+        if (allowedKeys.includes(e.key)) {
+          return;
+        }
+        // Permitir números (0-9)
+        if (e.key >= '0' && e.key <= '9') {
+          return;
+        }
+        // Permitir + solo al inicio del input
+        if (e.key === '+') {
+          const currentValue = e.target.value;
+          const selectionStart = e.target.selectionStart;
+          // Solo permitir + si está al inicio o si no hay ningún carácter antes de la posición del cursor
+          if (selectionStart === 0 || currentValue.substring(0, selectionStart).trim() === '') {
+            return;
+          }
+        }
+        // Si llegamos aquí, prevenir la entrada
+        e.preventDefault();
+      };
       this._boundHandlers.phoneInput = (e) => {
         if (this.isDisabled || this.isReadonly) return;
         // Obtener el valor actual del input
-        const inputValue = e.target.value;
+        let inputValue = e.target.value;
+        // Filtrar caracteres no numéricos (permitir números y +)
+        // Remover cualquier carácter que no sea número o +
+        inputValue = inputValue.replace(/[^0-9+]/g, '');
+        // Si el valor cambió después de filtrar, actualizar el input
+        if (inputValue !== e.target.value) {
+          const cursorPosition = e.target.selectionStart;
+          e.target.value = inputValue;
+          // Restaurar posición del cursor (ajustada por caracteres removidos)
+          const newPosition = Math.min(cursorPosition, inputValue.length);
+          e.target.setSelectionRange(newPosition, newPosition);
+        }
         // Procesar el input
         this.handlePhoneInput(inputValue);
@@ -733,6 +975,7 @@ class PhoneLib {
         this.emitEvent('blur', { phoneNumber: this.phoneNumber, isValid });
       };
+      this.phoneInput.addEventListener('keydown', this._boundHandlers.phoneKeyDown);
       this.phoneInput.addEventListener('input', this._boundHandlers.phoneInput);
       this.phoneInput.addEventListener('focus', this._boundHandlers.phoneFocus);
       this.phoneInput.addEventListener('blur', this._boundHandlers.phoneBlur);
@@ -766,6 +1009,9 @@ class PhoneLib {
     // Remover listeners del input
     if (this.phoneInput && this._boundHandlers) {
+      if (this._boundHandlers.phoneKeyDown) {
+        this.phoneInput.removeEventListener('keydown', this._boundHandlers.phoneKeyDown);
+      }
       if (this._boundHandlers.phoneInput) {
         this.phoneInput.removeEventListener('input', this._boundHandlers.phoneInput);
       }
@@ -1313,9 +1559,12 @@ class PhoneLib {
       return;
     }
-    this.phoneNumber = number;
+    // Filtrar caracteres no numéricos (permitir números y +)
+    const filteredNumber = typeof number === 'string' ? number.replace(/[^0-9+]/g, '') : (number || '').toString().replace(/[^0-9+]/g, '');
+    this.phoneNumber = filteredNumber;
     if (this.phoneInput) {
-      this.phoneInput.value = number;
+      this.phoneInput.value = filteredNumber;
     }
     this.updatePhoneNumber();