Essential Studio for EJ2 TypeScript Release Notes

v30.1.37

June 25,2025

AI AssistView

Features

Now the AI Assistview supports div based text input instead of traditional textarea, offering a more intuitive and flexible user experience for prompt entry.
Now we have provided attachment support in the AI AssistView, enabling users to attach files to their prompts for enhanced AI interactions. This functionality is controlled using the enableAttachments property and can be further customized through the attachmentSettings configuration.
Additionally, the following events have newly been added to provide control over the attachments:
- beforeAttachmentUpload: Triggered before the attached file upload begins.
- attachmentUploadSuccess: Triggered when the attached file is successfully uploaded.
- attachmentUploadFailure: Triggered when the attached file upload fails.
- attachmentRemoved: Triggered when an attached file is removed.

Explore the demohere

Block Editor `preview`

The JavaScript Block Editor is a modern, block-based content editing solution for web applications. It provides an intuitive and flexible interface for creating rich, structured documents using interactive content blocks.

Explore the demo here
Explore the documentation here

Features

Multiple block types: Heading levels 1-4, paragraphs, lists, checklists, quotes, callouts, dividers, code blocks, and more.
Slash commands: Interactive / commands to insert or transform content blocks efficiently.
Drag and drop: Reorder blocks effortlessly with built-in drag-and-drop support.
Action menu: Perform block-level operations such as move, delete, and duplicate.
Contextmenu support: Right-click context menus for quick block actions.
Inline content support: Insert inline elements like links, labels, and mentions directly within blocks
Undo/Redo operations: Undo and redo support for the user interactions.

Chart

Features

Added support to highlight the last value of the series with a label and grid line indicator, offering a clear and immediate reference point for the series endpoint. Explore the demo here

Chat UI

Features

Now the Chat UI supports div based text input instead of traditional textarea, offering a more intuitive and flexible user experience for prompt entry.
Now we have provided support for displaying user status icons in the Chat UI, by using the statusIconCss property, allowing visual representation of user presence.
Chat UI now supports the compact mode by using the enableCompactMode property to align all messages to the left, creating a cleaner layout ideal for group chats and compact displays.
Now we have provided support for message options in the Chat UI component, including new properties like isPinned, replyTo, and isForwarded in the message model to enable pinning, replying, and forwarding functionalities. Which can be further customized using the messageToolbarSettings property, which by default includes actions like Copy, Reply, Pin, and Delete for a richer chat experience.

Explore the demo here

DateRangePicker

Features

The DateRangePicker allows users to input date values in various valid formats, enhancing the user experience by offering flexibility in specifying date formats for parsing. A new API called inputFormats has been introduced to handle custom date input formats, allowing users to specify the expected format(s) for parsing date and time values. For example, InputFormats='new string[] { "dd/MM/yyyy - dd/MM/yyyy", "MM/dd/yyyy - MM/dd/yyyy", "yyyy-MM-dd - yyyy-MM-dd" }'.

Diagram

Features

Container Object Support: Added support for creating container objects to logically group related shapes, either programmatically or through the visual interface using built-in Container shapes. This feature enhances organization and structure within complex diagrams. See the demo for more details.
Automatic Generation of UML Sequence Diagrams from Model Data: Added support to automatically generate UML sequence diagrams using the UMLSequenceDiagramModel. This feature dynamically creates lifelines, messages, and activation boxes based on the provided model data—reducing manual effort and improving accuracy. See the demo for more details.
Import and Export of UML Sequence Diagrams in Mermaid Syntax: Added support to import and export UML sequence diagrams using Mermaid syntax—a text-based diagramming language. This enables easy editing, sharing, and integration of AI-generated Mermaid code directly into the Diagram component.
Interactive Port Management: Added support for interactively adding and removing ports on nodes and connectors. Newly created ports can also immediately initiate connections, enabling faster and more intuitive diagram construction.
Negative Axis Restriction: Introduced an option to restrict dragging or dropping of diagram elements into the negative axis area. This provides better control over layout boundaries and ensures consistent element positioning.

DropdownList

Bug Fixes

#I716996 - Fixed an issue where the popup did not properly open or close on the first attempt when the space key was pressed in certain cases.

File Manager

Features

Added support for authorization headers in image retrieval: Custom authorization headers can now be set for image requests, allowing secure access to image files. This enhancement helps protect sensitive data during transfers and supports compliance with specific security and data protection standards without requiring complex configurations.

GanttChart

Bug fix

Previously, the ZoomToFit feature ignored the project’s startDate and endDate and always used task dates to set the timeline range. This issue has been fixed. Now, if project dates are provided, they will be used correctly; otherwise, task dates will be used.

Features

#F6474 - Added support for automatically generating and displaying hierarchical WBS codes (e.g., 1, 1.1, 1.1.1) based on task levels. This helps visualize task hierarchy and improves project organization and planning. Please find the demo link here
#I466566,#I547420,626150,625630 - Added support for defining task constraints using the taskFields.constraintType and taskFields.constraintDate properties. These options allow you to control when a task can start or finish based on specific scheduling rules. Constraints can also be modified interactively through the task edit dialog and cell editing. Please find the demo link here
The table below provides information on newly added events and methods to the Gantt Chart.

Events	Arguments	Description
cellSave	rowData, columnName, cell, columnObject, value, isForeignKey, column, previousValue	Triggers before a cell’s value is committed in the Gantt Chart. The event argument provides details about the cell being edited, including the option to cancel the save operation using a cancel flag.
beforeDataBound	Object	Triggers before the data is bound to the Gantt TreeGrid. Used for pre-processing or modifying data, such as filtering or transforming, before it renders in the DOM.
autoFitColumns	fieldNames	Auto-fits column widths based on content size. When no parameters are passed, all visible columns are adjusted. Hidden columns are excluded. If specific column field names are provided, only those columns are adjusted.
getCurrentViewData		Returns the current view data collection in the Gantt Chart. Reflects the latest data after actions such as filtering, sorting, and CRUD operations.
getTaskInfo	taskId	Fetches the internal properties of a Gantt task, including taskbar left and width, start and end dates, predecessor details, resource assignments, and other task-specific configurations.

Grid

Bug Fixes

#I715508 - Introduced the columnMenuClose and contextMenuClose events, which are triggered upon closing their respective menus. These events offer enhanced control over menu dismissal actions.
#I709217 - Introduced the reorderColumnByModel method to support programmatic reordering of individual columns as well as stacked header columns.

Features

Added support to visualize selected Grid records as charts using context menu options. This functionality is powered by the new @syncfusion/ej2-grid-chart package, which displays a popup chart based on the selected data. Users can choose from various chart options and customize settings dynamically to suit their data visualization needs. Explore the demo here.

Breaking Changes

The beforeCustomFilterOpen event, which was previously an internal-only API, is now publicly accessible. This allows users to customize the filter UI before it is rendered.

Image Editor

Features

Added support to open images with specific width and height using the imageSettings parameter in the Open method. This enhancement introduces additional properties: width, height, and isAspectRatio, allowing precise control over image dimensions while optionally maintaining the original aspect ratio.
Provided Underline and Strikethrough formatting options for text annotations, enhancing the text styling capabilities in the Image Editor.
Added support to load BMP (Bitmap) image files via both the file uploader UI and programmatically through the Open method.

Bug Fixes

#I733422 - The issue with “Annotations were not returned in image data when calling the ‘getImageData’ method inside the ‘editComplete’ event” has been resolved.

PDF Viewer

Bug Fixes

#I731429 - Resolved an issue where the rectangle annotation was not added correctly in the PDF Viewer when it was drawn quickly.

Features

#I712601 - Added support to dynamically enable or disable text selection in the PDF Viewer.
PDF Viewer now supports squiggly annotations. This feature allows users to highlight important sections of the text with wavy underlines, enhancing document review and collaboration. Squiggly annotations can be added, edited, and customized directly within the viewer, providing a seamless and intuitive experience for annotating PDFs.
#I687373 - Provided zooming support in the Page Organizer view of the PDF Viewer. This enhancement provides an interactive zoom experience to help users identify the pages they are organizing.

Pivot Table

Bug Fixes

#I733782 - The drill-through popup will now display the correct value header and value when the value field caption contains parentheses in the pivot table.

Features

Support has been added for performing value sorting simultaneously on both the row and column axes, independent of the value axis. This enhancement allows for more flexible and accurate data analysis across dimensions. Explore the demo here.
Support has been introduced for exporting the pivot table as a native Excel PivotTable, preserving the pivot structure in the exported file. Users can continue interacting with and customizing the pivot data directly within Excel. Explore the demo here.
Support has been added for including headers and footers during Excel exporting with the server-side engine in the pivot table. Explore the demo here.

RichTextEditor

Features

Insert Code Block: The Code Block feature allows users to insert formatted code snippets into the Rich Text Editor using a toolbar button or the Ctrl+Shift+B shortcut. A dropdown menu enables language selection for each code block, supporting options like JavaScript, Python, and HTML. This feature is fully customizable via the languages property an array of objects defining the available programming languages and the defaultLanguage property, which sets the default language for newly inserted code blocks. Please find the demo here.
Insert Horizontal Line - The Horizontal Line toolbar item enables users to insert a horizontal rule (<hr>) element into the Rich Text Editor with a single click on the dedicated toolbar button. This feature renders a divider line that spans the full width of the editor, helping to visually separate content sections and improve readability. To enable this option, add horizontalLine to the toolbar items configuration. Please find the demo here.
Bottom Toolbar - The Bottom Toolbar feature introduces a fixed toolbar at the bottom of the Rich Text Editor, offering quick access to frequently used formatting tools. It enhances usability, especially in constrained layouts or on mobile devices, by providing a compact and accessible interface. The toolbar’s position is configurable via the API using the position property, which accepts ToolbarPosition.Top or ToolbarPosition.Bottom enum to control the toolbar placement. Please find the demo link here.
Popup Toolbar - The Popup toolbar for the toolbar automatically relocates overflowing toolbar items into a popup container when there isn’t enough space to display them, making it especially useful for constrained layouts or smaller screens. This behavior enhances usability while maintaining a clean and responsive editing experience. It can be configured via the API using the type property, which accepts the Popup enum value to enable this mode. Please find the demo link here.
MaxFileSize - The MaxFileSize Support feature in the Rich Text Editor allows developers to configure a maximum file size limit for uploaded media files, including images, audio, and video, helping to validate uploads and prevent over sized content. This is achieved through the maxFileSize property and similar properties for audio and video uploads. By default, the limit is set to 30MB, but it can be customized per media type to suit specific application requirements.
Table row and column copy paste - The Table Row or Column Copy, Cut, and Paste Support feature in the Rich Text Editor enhances table functionality by allowing users to efficiently copy, cut, and paste specific rows or columns using standard keyboard shortcuts Ctrl+C, Ctrl+X, Ctrl+V. This streamlines the editing process and enables quick duplication or reorganization of table data without the need for manual re-entry. Please find the demo here.
Enhance the quick toolbar - The Enhanced Quick Toolbar offers improved integration with the editor’s workflow by streamlining content creation and ensuring an uninterrupted editing experience. It provides better positioning and responsiveness, allowing users to access contextual tools seamlessly without distracting from the content, thereby enhancing overall usability and productivity. Please find the demo here.
Show recent color - The Show Recent Color Support feature in the Rich Text Editor enhances the font color and background color pickers by displaying recently used colors, allowing users to quickly access and reuse them for consistent formatting. This improves efficiency and ensures visual uniformity across content. The feature is configurable via the showRecentColors property a boolean that defaults to true enabling developers to toggle the recent colors panel in the color pickers to suit application preferences while maintaining an intuitive and streamlined editing experience. Please find the demo here.
ClearUndoRedo - The Clear undo redo in the Rich Text Editor, allows users to clear the undo and redo history through a dedicated action. This functionality is accessible via the clearUndoRedo public method, which can be invoked programmatically to reset the history.

Bug Fixes

#I733621 - Now, The issue with applying bold to the main bullet, which also affected sub-bullets in the Rich Text Editor, has now been resolved.
#I733547 - Now, The issue with the setting Default in the FontSize toolbar does not reset the fontSize in the RichTextEditor has now been resolved.
#I732468 - Now, The issue with arrow key navigation behaves incorrectly in pasted tables with in the Rich Text Editor has now been resolved.
#I733361 - Now, The issue with the entire paragraph becomes a hyperlink when pasted after a link in the Rich Text Editor has now been resolved.

Breaking Changes

Quick Toolbar Positioning Improvements

Enhanced positioning logic: The Rich Text Editor’s positioning system has been completely redesigned to prevent content from being hidden when editing tables and images.
Default scroll behavior change: The actionOnScroll property in QuickToolbarSettings has been changed from hide to none by default.
Deprecated event arguments: The positionX and positionY arguments in the beforeQuickToolbarOpen event have been deprecated and will be removed in future versions.
Default items: The default order of the items in Table, Image, Audio and Video quick toolbar has been changed. The quick toolbar items will appear on a single line by default.

Previous value

{
    actionOnScroll: 'hide',
    table: ['TableHeader', 'TableRows', 'TableColumns', 'BackgroundColor', '-', 'TableRemove', 'Alignments', 'TableCellVerticalAlign', 'Styles'],
    image: ['Replace', 'Align', 'Caption', 'Remove', '-', 'InsertLink', 'Display', 'AltText', 'Dimension'],
    audio: ['AudioReplace', 'AudioRemove', 'AudioLayoutOption'],
    video: ['VideoReplace', 'VideoAlign', 'VideoRemove', 'VideoLayoutOption', 'VideoDimension']
}

New value

{
    actionOnScroll: 'none',
    table: ['TableHeader', 'TableRemove', '|', 'TableRows', 'TableColumns', '|', 'Styles', 'BackgroundColor', 'Alignments', 'TableCellVerticalAlign'],
    image: ['AltText', 'Caption', '|', 'Align', 'Display', '|', 'InsertLink', 'OpenImageLink', 'EditImageLink', 'RemoveImageLink', '|', 'Dimension', 'Replace', 'Remove'],
    audio: ['AudioLayoutOption', 'AudioReplace', 'AudioRemove'],
    video: ['VideoLayoutOption', 'VideoAlign', '|', 'VideoDimension', 'VideoReplace', 'VideoRemove']
}

Spreadsheet

Features

Improved Excel import performance: Added support to skip styles and formats during Excel file import using the server-side library. This optimization reduces the generated JSON size and significantly improves rendering speed, especially for large or style-heavy Excel files.

Bug fixes

#I733762 - Issue with “IF formula with string values being mistakenly considered as date values and returning the wrong result” has been resolved.

Stock Chart

Features

Added support to highlight the last value of the series with a label and grid line indicator, offering a clear and immediate reference point for the series endpoint. Explore the demo here

Tab

Bug Fixes

#F733919 - The issue with the context menu popup does not open when we press Shift+F10 key has been resolved.

Features

A callback event called keyDown has been provided to customize the built-in keyboard interactions in the Toolbar.

Bug Fixes

#I731032 - An issue where focus moved to a disabled item in the toolbar popup when pressing the down arrow key has been fixed.

Tree Grid

Features

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.

TreeView

Bug Fixes

#I730143 - The flickering issue on animation due to height calculation while expanding a node in TreeView has been resolved.

Test Results

Component Name	Test Cases	Passed	Remarks
3D Chart	232	232	All Passed
3D Circular Chart	374	374	All Passed
Accordion	106	106	All Passed
AI Assist View	431	431	All Passed
AutoComplete	200	200	All Passed
Breadcrumb	160	160	All Passed
Bullet Chart	165	165	All Passed
Button	145	145	All Passed
ButtonGroup	120	120	All Passed
calendar	177	177	All Passed
Chart	3898	3898	All Passed
Chat UI	184	184	All Passed
CircularGauge	429	429	All Passed
ColorPicker	130	130	All Passed
Common	685	685	All Passed
Context Menu	105	105	All Passed
Data Grid	2736	2736	All Passed
Date Picker	422	422	All Passed
Date Range Picker	419	419	All Passed
Date Time Picker	322	322	All Passed
Diagram	18619	18619	All Passed
Document Editor	3668	3668	All Passed
DropDown Button	132	132	All Passed
Dropdown List	191	191	All Passed
Dropdown Tree	105	105	All Passed
File Manager	2196	2196	All Passed
Floating Action Button	174	174	All Passed
Gantt	2992	2992	All Passed
HeatMap Chart	478	478	All Passed
Image Editor	1653	1653	All Passed
In-place Editor	642	642	All Passed
Kanban	268	268	All Passed
LinearGauge	426	426	All Passed
Listbox	115	115	All Passed
Maps	1290	1290	All Passed
Menu	187	187	All Passed
Multicolumn Combo Box	254	254	All Passed
Multiselect Dropdown	310	310	All Passed
OTP Input	240	240	All Passed
PDF Viewer	17966	17966	All Passed
Pivot Table	2714	2714	All Passed
Progress Button	132	132	All Passed
Query Builder	480	480	All Passed
RangeNavigator	138	138	All Passed
Rating	201	201	All Passed
Ribbon	487	487	All Passed
Rich Text Editor	4594	4594	All Passed
schedule	4578	4578	All Passed
Signature	105	105	All Passed
Skeleton	144	144	All Passed
Slider	147	147	All Passed
Speech To Text	200	200	All Passed
Speed Dial	366	366	All Passed
Split Button	144	144	All Passed
Spreadsheet	10031	10031	All Passed
Stepper	138	138	All Passed
Stock Chart	379	379	All Passed
Text Area	107	107	All Passed
Time Picker	265	265	All Passed
Timeline	213	213	All Passed
Toast	154	154	All Passed
Toolbar	125	125	All Passed
ToolTip	147	147	All Passed
TreeGrid	3116	3116	All Passed
Treemap	264	264	All Passed
Treeview	344	344	All Passed

Essential Studio for EJ2 TypeScript Release Notes

AI AssistView

Features

Block Editor preview

Features

Chart

Features

Chat UI

Features

DateRangePicker

Features

Diagram

Features

DropdownList

Bug Fixes

File Manager

Features

GanttChart

Bug fix

Features

Grid

Bug Fixes

Features

Breaking Changes

Image Editor

Features

Bug Fixes

PDF Viewer

Bug Fixes

Features

Pivot Table

Bug Fixes

Features

RichTextEditor

Features

Bug Fixes

Breaking Changes

Spreadsheet

Features

Bug fixes

Stock Chart

Features

Tab

Bug Fixes

Toolbar

Features

Bug Fixes

Tree Grid

Features

TreeView

Bug Fixes

Test Results

Block Editor `preview`