Wijmo Build 5.20242.30 Available

Wijmo has just shipped build 5.20242.30. This release includes a new API for styling grid cells, accessibility improvements in grid and filter, chart enhancements, and much more. This release also includes a long list of bug fixes to fulfill our commitment to quality as well as support for React 19.

Ready to Get Started? Download Wijmo Today!

In this blog, we will explore:

• React 19 Support
• A New API for Styling Grid Cells
• Change Log
• Breaking Changes

React 19 Support

We are proud to announce support for React 19 in this release. All Wijmo components, including the new rendering model, have been updated to support React 19. This even includes features like rich Cell Templates in FlexGrid!

Wijmo offers a large set of fast, flexible React components, each with rich declarative markup. Our top-rated React DataGrid includes features like sorting, grouping, searching, Excel-like filtering, DataMaps, custom CellTemplates, sparklines, rich editing, Excel/PDF export, validation, DetailRows, and more.

Note: New ref cleanup functions are not yet fully supported.

Get Started with Wijmo in React 19

To get started, you will need to install the React 19 release.

Then, you can install Wijmo's react components as shown below:

npm install @mescius/wijmo.react.all

New API for Styling Grid Cells

Styling cells has been possible since the very first release of FlexGrid by using formatItem, Cell Templates, or simply using CSS.

Now, however, we have added convenient new APIs for styling a specific range of cells. In this release, we introduced wijmo.grid.style module that includes four new methods:

1. applyStyle - apply styles on a cell range
2. toggleClass - toggles the specified CSS class on a cell range
3. removeStyle - remove a specific CSS style from a cell range
4. clearAllStyles - clear all applied styles from a cell range or the entire FlexGrid

Try these convenient new APIs in our Grid Cell Styling sample.

Change Log

• [React] Added support for React 19 RC, except the "Cleanup functions for refs" feature. (WJM-34122)
• [FlexGrid] Added 'placeholder' property to Column class to set custom placeholder text displayed when editing empty cells. (WJM-34868)
• [FlexGrid] Added new module wijmo.grid.style to easily style cells in FlexGrid. (WJM-34447)
• [FlexGrid] Removed hidden row element from data cells panel, which was previously added for accessibility-related reasons. (WJM-35057)
• [FlexGrid] Added aria-rowcount and aria-colcount attributes to provide information about the total number of rows and columns present in the FlexGrid. (WJM-35236)
• [FlexGridFilter] Added "active" state to the aria-label attribute of the Ascending and Descending button of FlexGridFilter. (WJM-34829)
• [FlexGridFilter] Added 'showIncludeSelection' property to enable the 'Include Current Selection to Filter' option in value filters. (WJM-34472)
• [FlexGridFilter] Added ariaLabel to ListBox present in ValueFilterEditor. (WJM-35183)
• [InputDate] Added 'preserveCalendarNavigation' property to control whether the calendar displays the navigated month or selected date's month when reopening the dropdown. (WJM-34051)
• [ODataCollectionView] [ODataVirtualCollectionView] Added server-based group support for ODataCollectionView & ODataVirtualCollectionView. (WJM-34768)
• [FlexChart] Added 'isVertical' property to specify legend orientation (vertical or horizontal). (WJM-35170)
• [FlexChart] Fixed legend to show horizontal scrollbar instead of incorrect vertical scrollbar when legend orientation is set to horizontal. (WJM-33116)
• [FlexChart] Added support to display minor grid lines and tick marks when logBase is used on the axis. (WJM-34451)
• [TreeView] Added a new demo sample for Lazy Load on Scroll. (WJM-35019)
• [MultiRow] Added support for column aggregates in footer panels using layoutDefinition settings. (WJM-34913)

Breaking Changes

• [FlexGrid][TreeGrid] Selection will not be retained for all cells when the childItemsPath is reassigned to a different value. (WJM-34698)
  • Now: Selection will not be maintained for all selected cells. Only the active cell will remain selected.
  • Previously: When the active cell is in the top-level GroupRow and the childItemsPath is reassigned, the selection is preserved on all selected cells.
    However, when the active cell is in any other level of GroupRow, and the childItemsPath is reassigned, the selection is not preserved on all selected cells.
• [InputDate][InputDateRange] invalidInput event will get fired if rangeEnd is left blank or a value outside the min/max range is entered. (WJM-34900)
  • Now : If range end is left blank and e.cancel=true of invalidInput event, then focus will remain on the control and the dropdown will remain open until a rangeEnd is selected.
  • Previously : If range end is left blank and e.cancel=true of invalidInput event, range end would automatically get set to the range start value and the dropdown would be closed.
• [FlexGrid] Removed hidden columnHeader row from data cells panel. (WJM-35057)
  • Now: Cells in the first row can be accessed directly using zero-based indexing without adding an extra "1."
  • Previously: Required an offset of “1” when accessing row indices.
  • Changes:
    • Grid/treegrid role and ariaLabel will be set to the FlexGrid's hostElement
    • ColumnHeader, rowHeader, and topLeft panel cells will be visible in the Accessibility tree regardless of headersFocusability
    • When rowHeaderPath is set, an invisible cell will be added to columnHeader row

Ready to Check It Out? Download Wijmo Today!