Essential Studio for React - v31.2.3 Release Notes
3D Chart
Bug Fixes
-
#I704555
- Now, hovering over a single 3D chart will no longer affect the other 3D charts.
Accumulation Chart
Bug Fixes
-
#I770523
- Now the accumulation chart title is properly positioned when set to ‘Bottom’. -
#I770415
- Now the trimmed legend tooltip text is displayed properly on the reversed legend.
Breadcrumb
Bug Fixes
-
#I775259
- The issue with the aria-label attribute in the Breadcrumb component has been resolved.
Bullet Chart
Bug Fixes
-
#I982797
- The legend shape icon in the Bullet Chart displays correctly when the target types property is set. -
#I770357
- The hovering effect now applies to the measure bar upon enabling the tooltip.
Chart
Bug Fixes
-
#I771969
- Now, no extra space will be created on multilevel labels when the text width is reduced. -
#I770538
- Axis label colors were updated for dark and high-contrast themes to improve visibility. -
#I774667
- The console error will no longer occur when hovering over the trendline legend text.
Breaking Changes
- The axis label color was updated to
#FFFFFFE6
for the dark theme and#FFFFFF
for the high contrast theme.
Charts
Feature
- Users can now use the
noDataTemplate
property in Charts to define a custom template that clearly indicates when chart data is unavailable.
Explore the demo here
Bug Fixes
-
#T745980
- The legend text trim tooltip will no longer be cropped at the bottom of the legend bounds. -
#T754125
- The marker will no longer render when it exceeds the axis range.
ColorPicker
Bug Fixes
-
#I904686
- Issue with “Color picker component was not properly read in accessibility tool” has been resolved.
DatePicker
Bug Fixes
-
#I761820
- Fixed an issue where the DatePicker became disabled or unresponsive when themin
property changed from null to a date value.
DateRangePicker
Bug Fixes
-
#I753728
- Fixed an issue where the date range picker with the preset range popup would open behind the drawer.
DateTimePicker
New Features
- The DateTimePicker allows users to input date and time values in various valid formats, enhancing the user experience by offering flexibility in specifying date and time formats for parsing. A new API called
inputFormats
has been introduced to handle custom date and time input formats, allowing users to specify the expected format(s) for parsing date and time values. For example,InputFormats='new string[] { "dd/MM/yyyy hh:mm", "MM/dd/yyyy HH:mm", "yyyy-MM-dd hh mm tt" }'
.
Diagram
Bug Fixes
-
#I771011
- Child nodes are now positioned correctly when dropped inside a nested container. -
#I771107
- Tooltips are now displayed correctly for Swimlane children. -
#I739181
- The issue “Nodes Overlap in Organizational Chart Layout with Multiple Roots” has been fixed.
Dialog
Bug Fixes
-
#I766282
- Resolved an issue wherekeydown
focus was not retained in the modal popup when the footer button was disabled.
DocumentEditor
Bug Fixes
-
#I752784
- Fixed the issue where suggestions in the spell check dialog were not updating after performing Ignore or Ignore All actions. -
#I753785
- Corrected the Find Next behaviour of the spell checker for pages that were not rendered. -
#I771628
- Resolved a script error that occurred when updating styles. -
#I768327
- Fixed layout issues for pasted text inRTL
(Right-to-Left) documents. -
#I769448
- Addressed rendering issues of tab characters in empty paragraphs. -
#I774817
- Resolved field linking problems during document layout processing. -
#I769012
- Fixed a script error encountered when performing find and replace on placeholder text. -
#I753590
- Corrected table layout issues when exporting documents as DOCX.
FileManager
Bug Fixes
-
#I696366
- Resolved the issue with copying and pasting a folder from the navigation pane to the layout pane in File Manager component.
GanttChart
Bug fixes
-
#I767416
- Enhanced performance for adding records to large multi-level hierarchical collections, achieving approximately 80% improvement in CRUD operation efficiency. -
#I770741
- Resolved an issue where themodifiedRecords
collection was not correctly updated in theactionComplete
event arguments. -
#I771215
- Corrected date and time validation for milestone tasks during initial load and conversion, ensuring accurate rendering for tasks with dependencies.
Grid
Bug Fixes
-
#I772904
- Resolved an issue causing the selection event to trigger multiple times when saving an editable row with checkbox selection. -
#I773677
- Resolved a script error that occurred when opening the filter dialog fornull
type columns. -
#I771544
- Fixed an issue that caused a maximum call stack size exceeded error when parsingstringify
data usingDataUtil.parseJson
method. -
#I771958
- Resolved an issue where filtering aDateOnly
column caused the filterpopup
of another column to display no matches found.
Image Editor
Bug Fixes
-
#I769870
- Resolved an issue withUpdateShape
method causes font size decrease and page unresponsive.
Kanban
New Features
-
Column Drag and Drop: This feature allows users to reorder columns in the Kanban control by setting the
allowColumnDragAndDrop
property to true. When enabled, columns can be dragged and dropped to rearrange their order effortlessly. Explore the demos here.
ListBox
Bug Fixes
-
#I771622
- Fix to ensure that the NoRecordsTemplate is preserved when the allowDragAndDrop feature is disabled in the ListBox during a drop operation.
ListView
Breaking Changes
- Using a ternary operator within the string-type template is not supported and we suggest using a function type template in ListView. Refer to the below code for example
Previous
let template: string = '<div class="e-list-wrapper e-list-avatar" id = ${id}>' +
'<span class="e-list-content">${name} ${$imgUrl ? $imgUrl : \'no image\' }</span></div>';
Now
// data denotes the template data of each nodes from ListView data.
let template: Function = (data: any) => {
let result = `<div class="e-list-wrapper e-list-avatar" id = "${data.id}">`+
`<span class="e-list-content">${data.name} ${data.imgUrl ? data.imgUrl : 'no image' }</span></div>`;
return result;
}
Mention
Bug Fixes
-
#I761793
- The issue of editing in Firefox after utilizing the home and end keys following Mention item insertion has been successfully resolved.
PDF Viewer
Bug Fixes
-
#I773362
- Resolved an issue where the digital signature in the PDF document was not visible on first time loading instandalone
PDF Viewer.
Breaking Changes
-
#I771734
- InDropdown
andListBox
form fields, the options list now displaysitemName
instead ofitemValue
.
Pivot Table
Bug Fixes
-
#I775054
- The content type of the XMLA request is now correctly configured in the OLAP pivot table. -
#I757830
- The pivot table now properly updates when culture settings are changed dynamically.
ProgressBar
Bug Fixes
-
#I690917
- Now, the tooltip renders properly when updating the progress value on data binding.
RichTextEditor
Bug Fixes
-
#I762935
- Now, list elements seamlessly adopt the appropriate styling properties when a list is applied. -
#I762396
- Now, when using backspace on a list pasted from Outlook into the Rich Text Editor, the entire list is correctly removed as expected. -
#I775016
- Now, text dragged into the Rich Text Editor is correctly tracked in the undo and redo history.
Schedule
Bug fixes
-
#I746004
- Fixed an issue where appointments overlapped when a large number of them were rendered. -
#I738200
- Fixed an issue where the Scheduler became unresponsive when many appointments overlapped simultaneously.
Spreadsheet
Bug fixes
-
#I769422
- Issue with “page goes unresponsive while importing a file containing aCOUNTIFS
formula with large criteria range” has been resolved.
Stock Chart
Feature
- Users can now use the
noDataTemplate
property in Stock Chart to define a custom template that clearly indicates when chart data is unavailable.
Tab
Bug Fixes
-
#I736712
- Fixed an issue where thegetItemIndex
method returned an incorrect tab item index when tab items were dynamically shown or hidden.
Timeline
Bug Fixes
-
#I770847
- Resolved an issue that occurred when including layout packages in the React NextJs sample.
Toolbar
Bug fixes
-
#I759435
- The issue with toolbar items are being incorrectly ordered whenoverflowMode
is set toExtended
mode has been resolved.
Tree Grid
-
Introduced sticky header support in the Tree Grid, allowing column headers to stay fixed during scrolling. This improves navigation and readability in large hierarchical data views. Explore the demo here.
-
Enhanced support for
LoadChildOnDemand
in the Tree Grid with remote data binding and virtual scrolling. This improvement enables efficient, on-demand retrieval of child records, ensuring smoother performance when working with large hierarchical datasets.
Uploader
Bug Fixes
-
#I767047
- Resolved an issue with the CSP that occurred during file uploads in the Uploader.
Test Results
Component Name | Test Cases | Passed | Failed | Remarks |
---|---|---|---|---|
3D Chart | 232 | 232 | 0 | All Passed |
3D Circular Chart | 374 | 374 | 0 | All Passed |
Accordion | 205 | 205 | 0 | All Passed |
AI Assist View | 431 | 431 | 0 | All Passed |
App Bar | 67 | 67 | 0 | All Passed |
AutoComplete | 200 | 200 | 0 | All Passed |
Breadcrumb | 160 | 160 | 0 | All Passed |
Bullet Chart | 168 | 168 | 0 | All Passed |
Button | 144 | 144 | 0 | All Passed |
ButtonGroup | 120 | 120 | 0 | All Passed |
calendar | 177 | 177 | 0 | All Passed |
Carousel | 61 | 61 | 0 | All Passed |
Chart | 4905 | 4905 | 0 | All Passed |
Chat UI | 184 | 184 | 0 | All Passed |
CircularGauge | 429 | 429 | 0 | All Passed |
ColorPicker | 130 | 130 | 0 | All Passed |
Combo Box | 139 | 139 | 0 | All Passed |
Common | 904 | 904 | 0 | All Passed |
Context Menu | 105 | 105 | 0 | All Passed |
Data Grid | 3662 | 3662 | 0 | All Passed |
Date Picker | 426 | 426 | 0 | All Passed |
Date Range Picker | 519 | 519 | 0 | All Passed |
Date Time Picker | 324 | 324 | 0 | All Passed |
Diagram | 12813 | 12813 | 0 | All Passed |
Dialog | 58 | 58 | 0 | All Passed |
DropDown Button | 132 | 132 | 0 | All Passed |
Dropdown List | 193 | 193 | 0 | All Passed |
Dropdown Tree | 105 | 105 | 0 | All Passed |
File Manager | 2187 | 2187 | 0 | All Passed |
Floating Action Button | 132 | 132 | 0 | All Passed |
Gantt | 3515 | 3515 | 0 | All Passed |
HeatMap Chart | 635 | 635 | 0 | All Passed |
Image Editor | 1653 | 1653 | 0 | All Passed |
In-place Editor | 642 | 642 | 0 | All Passed |
Kanban | 268 | 268 | 0 | All Passed |
LinearGauge | 426 | 426 | 0 | All Passed |
Listbox | 115 | 115 | 0 | All Passed |
ListView | 84 | 84 | 0 | All Passed |
Maps | 1368 | 1368 | 0 | All Passed |
Mention | 35 | 35 | 0 | All Passed |
Menu | 187 | 187 | 0 | All Passed |
Multicolumn Combo Box | 254 | 254 | 0 | All Passed |
Multiselect Dropdown | 422 | 422 | 0 | All Passed |
OTP Input | 240 | 240 | 0 | All Passed |
Pivot Table | 5303 | 5303 | 0 | All Passed |
Progress Bar | 81 | 81 | 0 | All Passed |
Progress Button | 132 | 132 | 0 | All Passed |
Query Builder | 480 | 480 | 0 | All Passed |
RadioButton | 36 | 36 | 0 | All Passed |
RangeNavigator | 140 | 140 | 0 | All Passed |
Rating | 198 | 198 | 0 | All Passed |
Ribbon | 623 | 623 | 0 | All Passed |
Rich Text Editor | 5095 | 5095 | 0 | All Passed |
schedule | 4608 | 4608 | 0 | All Passed |
sidebar | 88 | 88 | 0 | All Passed |
Signature | 105 | 105 | 0 | All Passed |
Skeleton | 144 | 144 | 0 | All Passed |
Slider | 147 | 147 | 0 | All Passed |
SmithChart | 49 | 49 | 0 | All Passed |
Sparkline | 58 | 58 | 0 | All Passed |
Speech To Text | 200 | 200 | 0 | All Passed |
Speed Dial | 122 | 122 | 0 | All Passed |
Split Button | 144 | 144 | 0 | All Passed |
Stepper | 91 | 91 | 0 | All Passed |
Stock Chart | 379 | 379 | 0 | All Passed |
Tab | 69 | 69 | 0 | All Passed |
Text Area | 107 | 107 | 0 | All Passed |
TextBox | 54 | 54 | 0 | All Passed |
Time Picker | 180 | 180 | 0 | All Passed |
Timeline | 213 | 213 | 0 | All Passed |
Toast | 139 | 139 | 0 | All Passed |
Toolbar | 112 | 112 | 0 | All Passed |
ToolTip | 136 | 136 | 0 | All Passed |
TreeGrid | 3786 | 3786 | 0 | All Passed |
Treemap | 326 | 326 | 0 | All Passed |
Treeview | 370 | 370 | 0 | All Passed |