Liberada versión 1.74.0 del catálogo de componentes web

La versión 1.74.0 del catálogo de componentes web transversal, se ha liberado en los repositorios digitales de medios de la STIC.

Podréis consultarlos desde el    Storybook del SAS.

Se ha liberado la versión 1.74.0.
Esta versión incluye principalmente el empty state, un nuevo componente para mostrar la ausencia del dato.
A continuación, se muestra  un resumen de los cambios más importantes.

Nuevos componentes

Añadido wc-stic-empty-state

El empty state es un componente que se utiliza cuando no hay información disponible para mostrar en un componente o sección de la aplicación.

Debe implementarse siempre que la ausencia de datos pueda generar confusión o necesidad de orientación. Su propósito es informar sobre la situación actual y, cuando proceda, ofrecer al usuario los siguientes pasos.

Se puede ver un ejemplo de uno de nuestros empty states en esta imagen:

A su vez, el empty state tiene distintos tipos de especializaciones, dependiendo de si este se muestra por un error ocurrido, por mantenimiento porque no hay datos o porque el dato todavía no ha cargado. La lista completa de empty states disponibles es:

• <stic-empty-state-technical-error>
• <stic-empty-state-no-content>
• <stic-empty-state-forbidden>
• <stic-empty-state-suggest>
• <stic-empty-state-welcome>
• <stic-empty-state-no-results>
• <stic-empty-state-job-done>
• <stic-empty-state-loading-error>
• <stic-empty-state-backend-error>
• <stic-empty-state-update-in-progress>
• <stic-empty-state-required-config>
• <stic-empty-state-functional-error>
• <stic-empty-state-fast-loading>
• <stic-empty-state-embedded>
• <stic-empty-state-medium-load>
• <stic-empty-state-slow-load>

 También contamos con especializaciones de carga, como por ejemplo el stic-empty-state-fast-loading que muestra también un loader para enseñar el progreso de la carga:

Finalmente contamos con un tipo embebido cuyo espacio es más reducido para integrarlo dentro de componentes ya disponibles:

Añadido wc-stic-illustration

También se ha añadido un componente que puede comunicar una idea por sí solo o reforzar el mensaje textual en otros componentes. Además, este componente contribuye a mantener la coherencia en todo nuestro producto, fortaleciendo así la identidad de nuestra marca. Este componente es usado dentro del mismo empty state para enseñar ilustraciones que acompañan a los mensajes de error. A continuación se pueden ver algunas de nuestras ilustraciones disponibles en este componente:

Cambios en componentes

Cambios en wc-stic-table

Se ha adaptado el componente tabla para que use el empty state con celdas vacías y cuando no hay datos. Por ejemplo puede verse esta tabla que tiene algunos campos sin datos usando el empty state embebido:

A parte de estos cambios se han solucionado errores y mejorado funcionalidades menores, puede ver el registro completo de cambios accediendo a este  sitio.