Saltar al contenido principal

Jutro Digital Platform Elysian

Novedades de esta versión​

Microaplicaciones de federación de módulos y Webpack 5​

Note: Vale la pena actualizar la versión

Esta nueva función será la predeterminada en la próxima versión principal de Jutro. Le recomendamos que comience a usar la nueva función y obtenga los beneficios lo más pronto posible.

Comenzamos la compatibilidad experimental para Webpack 5 y microaplicaciones basadas en federación de módulos. Esto ofrece muchos beneficios, tales como estos:

  • Ejecución de manera independiente e incrustada desde la misma implementación de forma predeterminada.
  • Tiempos de compilación de microaplicaciones más rápidos y tiempos de carga más rápidos.
  • CSS y control de recursos delegados a Webpack.

Para obtener más información, consulte la documentación sobre microaplicaciones de federación de módulos.

Nueva versión de Node.js​

Por razones de seguridad, hemos actualizado la versión de Node.js. Si está actualizando su versión, asegúrese de actualizar sus entornos y compilaciones para que utilicen lo siguiente:

  • Versión del nodo: 14.18.3
  • Versión de NPM: 6.14.15

Campo de fecha simple​

Ahora hay un componente de fecha compuesto por tres entradas diferentes.

Campos simples de entrada de fecha

Puede cambiar el formato para satisfacer sus necesidades. Lea los documentos para obtener más información sobre las diferentes opciones de visualización y configuración.

Vista rápida​

Ahora proporcionamos una manera fácil de explorar el contenido específico de una página. Actualmente en la vista previa de laboratorio, la función vista rápida ofrece un panel intuitivo que se muestra en el lado derecho y le permite ver y editar información.

Vista rápida

Véalo en Storybook o lea los documentos para tener una idea de todas las funcionalidades que proporciona.

Componentes de subtítulo personalizado​

¿Alguna vez ha querido agregar información clave al subtítulo? Bueno, ¡ahora puede hacerlo! Hemos agregado una nueva opción de configuración que le permite renderizar sus propios widgets. Consulte los documentos actualizados del subtítulo para obtener más información.

Carga de varios archivos​

Actualizamos el cargador de archivos para que ahora pueda cargar varios archivos a la vez. ¡Eso es eficiencia! Consulte los documentos actualizados para obtener más información sobre el nuevo gancho.

Problemas conocidos​

Componentes de subtítulo estático​

A partir de ahora, no hay forma de configurar los componentes personalizados para que solo aparezcan en ciertas páginas. Continúan siendo estáticos y se muestran en cada página.

Cuando se muestra una gran cantidad de contenido, es posible que el pie de página no aparezca.

Problemas al presionar Esc​

Hay un problema conocido con la propiedad onEscClick que se pasa al componente vista rápida. Si hay un elemento interactivo renderizado en el panel y el foco está en él, el panel se cerrará al presionar la tecla Esc. Pero si el foco está en el panel en sí, esta funcionalidad no funciona.

Cambio de nombre de la clase CSS del plano de planta​

Hemos cambiado el nombre de las siguientes clases de CSS:

  • del .jut__AppFloorPlan__appFloorPlan al .jut__AppFloorPlan__floorPlan
  • del .jut__AppFloorPlan__main al .jut__AppFloorPlan__mainContent

Las hojas de estilo CSS personalizadas que utilizan esas clases deben actualizarse según corresponda.

La renderización de la microaplicación de federación de módulos causa una excepción del DOM​

Cuando un shell está importando una microaplicación de federación de módulos y no tiene etiquetas de estilo en el encabezado del documento, un error en el algoritmo de reordenación de CSS de Jutro hace que se produzca una excepción del DOM.

Solución temporal​

Agregar una etiqueta de estilo al encabezado del shell evita el caso límite en el algoritmo de reordenamiento. Por ejemplo, puede agregar la etiqueta de estilo de la siguiente manera: <style data-testid="JUT-11818"></style>. Esta etiqueta de estilo ficticio también determinará el punto del DOM donde Jutro insertará los estilos de la microaplicación. Por esta razón, debe colocarla antes de cualquier estilo de shell o etiqueta de enlace para que la precedencia de CSS vaya al shell.

Navegadores compatibles​

  • Chrome y navegadores basados en Chromium (probados en Chrome v98)
  • Firefox (probado en v97)
  • Safari (probado en v15.2)
  • Tablet y dispositivo móvil (iOS Safari + Android Chrome mismas versiones que arriba)

Dependencias de terceros​

  • Versión del nodo: 14.18.3
  • Versión de NPM: 6.14.15
  • Versión de React: 17.0.2