Jutro Digital Platform

New table component

A new table component has been added to the Jutro Design System. You can use it to create tables in your applications, from simple data displays to complex tables that manage large datasets with advanced features such as search and filtering.

The component implementation is modular, allowing you to select the features needed for your application while excluding unnecessary ones. This component supports the following features:

• Title and subtitle: A heading that describes the content of the table.
• Table controls: A set of controls for manipulating how data is displayed, such as search and filters.
• Table actions: A set of buttons that perform an operation on the table's dataset, such as adding a new record or exporting data.
• Column headers: Labels for each column that identify the type of data. Headers can also include sorting functionality.
• Data rows: A complete set of cells representing a single item or record. Rows can include selection controls in the form of check boxes.
• Row actions: A set of actions in the last column that a user can take on an individual row.
• Pagination: Controls that allow users to navigate through pages of data and adjust the number of rows displayed per page.
• Feedback states: Clear visual feedback that's provided when the table can't display rows of data, because the table is still loading, there is a lack of data, or an error has occurred.

Review the documentation and Storybook examples to understand how you can implement these features in your application. Some features, such as table structure, pagination, and feedback states are built as Jutro components that you can import and use in your implementation. To implement other features, such as search and sorting, you need to develop custom code and use properties and callback functions defined in the component contracts.

To handle table data management, you can either create a custom React hook or use functionalities from external libraries, such as Tanstack Table. The documentation and Storybook examples showcase both solutions. Review them to select the approach that is more suitable for your implementation.

For a short demonstration, watch this video:

New property in Breadcrumb component for additional navigation context

To provide more context when you navigate a site, the Breadcrumb component now supports the showTwoBreadcrumbs property. This property allows you to display both breadcrumb names if there are only two breadcrumbs in the trail. Previously, for a two-breadcrumb trail only a back arrow was displayed, with or without the Back label.

New property in radio and checkbox components

The Radio and Checkbox components now support a new secondaryLabel property. This property allows you to display additional context below the main label.

Developer Assistant for Jutro (for Early Access customers only)

Developer Assistant for Jutro is a targeted GenAI code assistant purpose-built for Jutro development. It augments large language models with a curated Jutro-specific knowledge base to provide targeted code assistance using Jutro components and patterns.

Developer Assistant can generate and refactor code, explain code functionality, debug issues, and write unit tests based on natural language prompts through a chat interface. All generated code is not only React and TypeScript-based, but also Jutro-idiomatic and follows Jutro best practices.

JDP trial mode

JDP trial mode is now generally available and provides a no-cost option for customers to explore Jutro Web Apps capabilities, build small applications, and evaluate the platform before committing to a paid plan. It includes essential features and limited usage quotas suitable for development and testing purposes.

What's included:

• Limited-scope trial access surfaced directly in the JWA experience, so users can explore JDP and understand its value before subscribing.
• A curated feature set focused on development workflows (such as create/build/deploy to Dev), with promotions to Pre-prod and Prod disabled during the trial.
• Tenant-level enablement allows activation of the trial on a customer environment basis.

To request JDP trial mode, contact your Customer Success Manager or Technical Account Manager.

Edit and clone Backend API configuration elements (for Early Access customers only)

JDP now enables customers to edit and clone Backend API configuration elements directly in the JWA experience. This streamlines configuration changes and reuse across environments without manual re-entry.

The benefits include:

• Accelerated iteration by letting teams adjust API endpoints, headers, and mappings in place, reducing round-trips and copy-paste errors.
• Promotion of reuse: start from a proven configuration by way of cloning, then tweak only what differs for a new service or environment.
• Improved governance with role-based controls, validation, and audit history to track who changed what and when.

The Backend API feature is only available to customers who sign up for our Early Access (EA) program. Talk to your Guidewire representative to learn more about eligibility criteria for EA programs.

Enhanced Jutro experience templates

Support for cookie-based authentication clients

There is a new AuthType option available to help configure your Digital SDK for cookie-based authentication clients. To use this configuration option, set the authentication type to AuthType.Cookie when initializing your Digital SDK, as shown in the following example:

import { initSdk, AuthType } from 'generated/<your-sdk-name>';

initSdk({
  auth: {
    authType: AuthType.Cookie,
},
  backendUrl: '<your-backend-url>',
});

The AuthType.Cookie option configures your Axios client to set withCredentials=true as the default configuration. With this setting enabled, your client includes credentials (cookies, authorization headers, and TLS client certificates) in cross-origin requests.