Released: Jun 27, 2024

2024 v1 (Build 5.20241.19) での更新項目

機能

• Wijmo now fully supports Angular 18.
• New Next.js Support - Next.js is a powerful React framework that provides a robust platform for building modern web applications. With this release, Next.js is now officially supported. Wijmo's React Interop enables you to utilize Wijmo controls within a Next.js project. The interop acts as a wrapper for the Wijmo controls, creating and managing the underlying control instances while providing references via the ref property. This setup allows you to declaratively bind to the control properties and events, integrating seamlessly with your React components.
  • To successfully use Wijmo components in your Next.js application, you need to ensure that these components are rendered only on the client side, as server-side rendering (SSR) is not supported.
• New Nuxt.js Support - Nuxt.js is a powerful framework built on Vue.js that enables the development of universal, server-rendered web applications. With this release, Nuxt.js is now officially supported. Wijmo components for Vue2 allow you to use Wijmo controls in Nuxt.js projects. A Wijmo Vue2 component is a wrapper for the Wijmo control that creates a Wijmo control behind the scenes and provides reference to the control instance via the ref property, allowing you to bind to the control properties and events declaratively.
• React Support Now Strongly Typed - Improved the React interop by changing it to be strongly typed. Now, React components will use more types (previously any types) to help prevent errors during development time.
  • Note: React TypeScript users may have type errors pop up in their app based on these changes.
• New focusFirst Utility - Introduced a new utility called focusFirst, which allows you to have more control over initial focus. This is a general solution that works with all Wijmo components and any other DOM element as well.
• HTML Support in FlexChart - Added the ability to render HTML in FlexChart text. You can now set the htmlText option in FlexChart and render HTML elements inside text (labels, legends, etc) in your charts.
• FlexGrid Enhancements:
  • Improved the HitTestInfo by adding a mergedRange property to get the merged status of the clicked cell.
  • Added the cssClassAll property set on column group headers.
• Date and Time Input Enhancements - Updated all of the Date and Time input components to support better keyboard navigation of date and time parts. You can now use up and down arrow keys to increase or decrease each part of the date and time object.
• Accessibility Improvements for Menu:
  • Improved the HTML markup, including ARIA attributes.
  • Added an option to automatically select and focus the first item in the options list when the Menu opens. You can use this new behavior by setting the autoSelectOnFocus property.
• Breaking Changes
  • This release includes some significant changes to React to be strongly typed. These enhancements were made to improve the functional React support, implement better error checking, and add Next.js support. However, the changes made could cause errors in your applications.
    • [React] TypeScript projects using React interop may experience compilation errors related to JSX syntax if relying on non-self-closing JSX components.
      • React interop is now strictly typed, so depending on the build setup, type errors may prevent the project from building until all errors are resolved.
    • [React][TreeView][Accordion] TabPanel and Accordion components may experience layout inconsistencies or unexpected styling due to the introduction of the wrapping <div> element.
      • React interop for Tab and AccordionPane components, where previously provided HTML content was directly added to the control body, is now wrapped inside a div element.
    • [FlexGrid] cssClass and cssClassAll are not applied on column group header when set on the column.
      • This change affects the functionality of cssClassAll property of Column. It will provide users with more granularity and control for styling the column group headers.
      • cssClass property is only applicable to data cells, maintaining the same functionality as in version 5.20232.939 and earlier.