Zum Hauptinhalt springen

Jutro Digital Platform Elysian

Neu in diesem Release​

Module-Federation-Microapps und Webpack 5​

Note: Ein Upgrade lohnt sich

Diese neue Funktion wird in der nächsten Hauptversion von Jutro zum Standard werden. Wir ermutigen Sie, die neue Funktion so schnell wie möglich zu nutzen.

Wir haben mit der experimentellen Unterstützung für Webpack 5 und auf Module Federation basierende Microapps begonnen. Dies bietet viele Vorteile, wie zum Beispiel:

  • Standardmäßig als eigenständige und integrierte Lösung aus derselben Bereitstellung ausgeführt
  • Schnellere Microapp-Build-Zeiten und schnellere Ladezeiten
  • CSS- und Asset-Steuerung an Webpack delegiert

Weitere Einzelheiten finden Sie in der Dokumentation über die Module-Federation-Microapps.

Neue Version von Node.js​

Aus Sicherheitsgründen haben wir die Version von Node.js aktualisiert. Wenn Sie ein Upgrade durchführen, stellen Sie sicher, dass Sie Ihre zu verwendenden Umgebungen und Builds aktualisieren:

  • Node-Version: 14.18.3
  • NPM-Version: 6.14.15

Einfaches Datumsfeld​

Es gibt jetzt eine Datumskomponente, die aus drei separaten Eingaben besteht.

einfache Datumseingabefelder

Sie können das Format an Ihre Anforderungen anpassen. Lesen Sie die Dokumentationen, um mehr über die verschiedenen Anzeige- und Konfigurationsoptionen zu erfahren.

Quickview​

Wir bieten jetzt eine einfache Möglichkeit, bestimmte Inhalte auf einer Seite aufzuschlüsseln. Die derzeit in der Testphase befindliche Quickview bietet ein intuitives Panel, das auf der rechten Seite angezeigt wird und in dem Sie Informationen sehen und bearbeiten können.

Quickview

Sehen Sie es sich in Storybook an, oder lesen Sie die Dokumentation, um einen Eindruck von den Funktionen zu bekommen, die sie bietet.

Benutzerdefinierte Unterkopfzeilenkomponenten​

Wollten Sie schon immer eine wichtige Information in die Unterkopfzeile einfügen? Jetzt können Sie es! Wir haben eine neue Konfigurationsoption hinzugefügt, mit der Sie Ihre eigenen Widgets rendern können. In der aktualisierten Unterkopfzeilen-Dokumentation erfahren Sie, wie das geht.

Hochladen mehrerer Dateien​

Wir haben den Datei-Uploader aktualisiert, sodass Sie jetzt mehrere Dateien gleichzeitig hochladen können. Das ist Effizienz! Lesen Sie die aktualisierte Dokumentation , um mehr über den neuen Hook zu erfahren.

Bekannte Probleme​

Statische Unterkopfzeilenkomponenten​

Bisher gibt es keine Möglichkeit, benutzerdefinierte Komponenten so zu konfigurieren, dass sie nur auf bestimmten Seiten erscheinen. Sie bleiben statisch und werden auf jeder Seite gerendert.

Wenn eine große Menge an Inhalt angezeigt wird, wird die Fußzeile möglicherweise nicht angezeigt.

Probleme beim Drücken der Esc-Taste​

Es gibt ein bekanntes Problem mit der onEscClick-Eigenschaft, die an die QuickView-Komponente übergeben wird. Wenn im Panel ein interaktives Element gerendert wird und der Fokus darauf liegt, wird das Panel geschlossen, wenn die Esc-Taste gedrückt wird. Wenn der Fokus jedoch auf dem Panel selbst liegt, funktioniert diese Funktion nicht.

Umbenennen der CSS-Klasse des Grundrisses​

Wir haben die folgenden CSS-Klassen umbenannt:

  • von .jut__AppFloorPlan__appFloorPlan in .jut__AppFloorPlan__floorPlan
  • von .jut__AppFloorPlan__main in .jut__AppFloorPlan__mainContent

Benutzerdefinierte CSS-Stylesheets, die diese Klassen verwenden, sollten entsprechend aktualisiert werden.

Rendering der Module Federation MicroApp verursacht DOM-Ausnahme​

Wenn eine Shell eine Module Federation Microapp importiert und diese Shell keine Style-Tags in ihrem Dokumentenkopf hat, führt ein Fehler im CSS-Neuordnungsalgorithmus von Jutro zu einer DOM-Ausnahme.

Workaround​

Durch Hinzufügen eines Style-Tags zum Shell-Kopf wird der Grenzfall beim Algorithmus für die Neuanordnung vermieden. Sie können das Stil-Tag z. B. wie folgt hinzufügen: <style data-testid="JUT-11818"></style> Dieses Dummy-Stil-Tag bestimmt auch die Stelle im DOM, an der Jutro die Micro-App-Stile einfügt. Aus diesem Grund müssen Sie es vor jedem Shell-Stil oder Link-Tag platzieren, damit CSS Vorrang vor der Shell hat.

Unterstützte Browser​

  • Chrome und Chromium-basierte Browser (getestet mit Chrome v98)
  • Firefox (getestet mit v97)
  • Safari (getestet mit v15.2)
  • Tablet und Mobiltelefon (iOS Safari + Android Chrome, dieselben Versionen wie oben)

Abhängigkeiten von Drittanbietern​

  • Node-Version: 14.18.3
  • NPM-Version: 6.14.15
  • React-Version: 17.0.2