Zum Hauptinhalt springen

Jutro Digital Platform Dobson

Neu in diesem Release​

Validierung jetzt ein offizielles Jutro-Paket​

In Jutro 6.5 ist das neue Validation-Paket aus der Lab View zu einem offiziellen Jutro-Paket geworden.

Sie verwenden den Hook useValidation in einem Formular, das eine funktionale Komponente wie diese ist:

import { useValidation } from '@jutro/validation';

Die JsonForm-Komponente wurde in dieser Version ebenfalls verworfen. Stattdessen verwenden Sie eine JSON-Schemaregel in Ihrer Formularkomponente mit useValidation.

Verbesserungen bei der Validierung auf Feldebene​

Mit der Validierung auf Feldebene können Sie, wenn Sie mehrere Regeln haben, die eine gültige Eingabe in einem Feld kontrollieren, sicherstellen, dass beim Auftreten mehrerer Fehler die Fehler zusammen aufgelistet werden, sobald das Feld fokussiert ist.

Sie können jetzt auch Warnmeldungen für jedes beliebige Feld auf die gleiche Weise konfigurieren wie Fehlermeldungen, aber den Typ als „Warnung“ festlegen.

Wenn ein Feld so konfiguriert wird, dass mehrere Fehlermeldungen und Warnungen anzeigt werden, zeigt das Feld zunächst Fehler an. Erst wenn diese Fehler behoben sind, werden die zugehörigen Warnungen angezeigt.

Sobald die Eingabe im Fokus ist, werden die Details der Warnung in einem Dropdown angezeigt.

Lesen Sie alles über die Änderungen bei der Validierung in der Dokumentation.

Noch mehr ListView- und TableView-Verbesserungen!​

Wir verbessern weiterhin die Komponenten AdaptiveDataView, ListView und TableView:

  • Datenansichten sind jetzt barrierefrei
  • Sie können benutzerdefinierte Spalten erstellen.
  • Es ist einfacher, Datenansichten mit expliziten Komponenten wie DataViewSearch und DataViewColumns zu konfigurieren.
  • TableView kann jede zweite Zeile mit den gestreiften Farben hervorheben.

Microapp-Wrapper und eine history Eigenschaft​

Jutro 6.5 enthält eine Microapp-Wrapper Komponente, die es Ihnen erleichtert, Ihrer Anwendung Microapps hinzuzufügen.

Der Microapp-Wrapper beherrscht Lazy und Suspense-Loading und unterstützt benutzerdefinierte Fehlerbegrenzungs- und Loader-Komponenten.

Innerhalb des Microapp-Wrappers können Sie auch jutro-Eigenschaften, devProps, und undefinierte Eigenschaften übergeben.

Jetzt können Sie es Benutzern der Microapp auch ermöglichen, zu einer Stelle in der Shell-App zu wechseln, indem Sie die Shell-App-Router-Historie, von ShellHistoryContext und mit einer history-Eigenschaft, an die <Link />-Komponente oder das history-Attribut für Links in der <Breadcrumb />-Komponente der Microapp übergeben.

import { ShellHistoryContext } from '@jutro/lab-preview-micro-app';

const shellHistory = useContext(ShellHistoryContext);

return (
  <Link
    to="/shell-app-location"
    history={shellHistory}>
    Redirect to shell
  </Link>
);

Globale Währungs- und Zeitzoneneinstellungen für Shell und Microapps​

Jetzt können Sie die Währung für eine Jutro-Shell-App global in der src/config/config.json-Datei festlegen und die Eigenschaften der Konfiguration werden an alle währungsbezogenen Komponenten weitergegeben, die von einer darin eingebetteten Microapp verwendet werden.

Wenn Sie jedoch in einer Microapp-Komponente eine bestimmte Währung angeben möchten, die sich von der globalen Shell-App-Konfiguration unterscheidet, können Sie dies direkt tun, z. B. in der Komponente:

<CurrencyColumn
  id="price"
  path="value"
  header="Price"
  defaultCurrency="PLN"
  dataType="number"
/>

Lesen Sie mehr über die globale Währungskonfiguration in der Dokumentation.

Die Zeitzoneneinstellungen werden ebenfalls global in der src/config/config.json-Datei konfiguriert.

Standardmäßig werden alle Datumsangaben mit Uhrzeit als UTC-Datum gespeichert und bei der Anzeige in die lokale Zeitzone des Benutzers konvertiert. Sie können diese Funktion durch eine Übergabe von defaultTimeZone an localeSettings in localeSettings in src/config/config.json überschreiben.

"localeSettings": {
    ...
    "defaultTimeZone": "Atlantic/Faroe"
}

Lesen Sie mehr über Zeitzoneneinstellungen in der Dokumentation.

Ein neuer Loader von der Marke Guidewire​

Der Loader sieht jetzt aus wie das Guidewire-Logo. Höhere Markenbekanntheit ohne zusätzliche Kosten.

Intelligenteres Hochladen von Dateien​

Die FileUploadField-Komponente von Jutro ist jetzt stabiler und intelligenter. Wenn die Datei hochgeladen wird, blendet sie beispielsweise die Schaltfläche „Datei hochladen“ ausgeblendet, damit der Benutzer nicht erneut darauf klickt. Sehen Sie es in Storybook in Aktion.

Unterstützte Browser​

  • Chrome und Chromium-basierte Browser (getestet mit Chrome v91)
  • Firefox (getestet mit v89)
  • Safari (getestet mit v14.4.1)
  • Tablet und Mobiltelefon (iOS Safari + Android Chrome, dieselben Versionen wie oben)

Abhängigkeiten von Drittanbietern​

  • Node-Version: 14.14.0
  • NPM-Version: 6.14.8
  • React-Version: 17.0.2