Country Lookup
Proyecto · PCF
- Lenguaje
- TypeScript
- Licencia
- MIT
- Estado
- Activo
General
- Nombre
- Country Lookup
- Descripción
- Control PCF que convierte una columna de texto en un selector de países con búsqueda, sin tablas nuevas ni servicios externos.
- Tipo
- PCF
- Repositorio
- tonyeteDEV/JTS-Country-Lookup
- Creado
- 28 jul 2026
- Actualizado
- 28 jul 2026
Tecnologías
TypeScriptReact 18Fluent UI v9PCFIntl.DisplayNames
Notas técnicas
Por qué
Casi todas las tablas con dirección tienen una columna de país en texto libre: “Spain”, “España”, “ESP”… Eso rompe filtros, agrupaciones e informes. Este control reutiliza la misma columna, sin cambios de esquema ni migración, pero obliga a elegir de una lista coherente.
Cómo funciona
- Los nombres de país salen de
Intl.DisplayNames, una API nativa del navegador que los devuelve localizados en cualquier idioma. - Los códigos ISO 3166-1 son un pequeño array estático incluido en el control.
- Todo ocurre en el cliente: sin llamadas a APIs externas, sin límites de uso y nada que una política de red corporativa pueda bloquear.
Configuración
- Idioma (ISO 639-1) para mostrar y buscar los nombres.
- Formato del valor guardado: nombre del país (por defecto, compatible con datos existentes) o código ISO.
- Si el campo ya contiene un valor que no coincide, se muestra tal cual en lugar de borrarlo.
Decisiones de diseño
React 18 con createRoot en lugar del patrón heredado ReactDOM.render(), para evitar los fallos de los componentes de Fluent UI que usan posicionamiento (como Combobox) cuando el árbol se reconstruye en cada updateView().