Bryntum Grid version history

7.2.x - Unreleased

FEATURES / ENHANCEMENTS

Added new ProgressBar widget to show a progress bar. Check it out in the new kitchen-sink demo
We've added a new AI feature which provides an AI agent for the Grid. By using the provided chat panel, the user can ask the agent to interact with the Grid in different ways. For example, the user can ask the agent to filter the data, sort it, or select specific records. The agent can also perform data manipulation operations such as adding, updating, deleting records. The feature and all its related components are marked as experimental and are subject to change.
Widget.query() / Widget.queryAll() now support #id and [attr=value] selectors, and accept widget instances directly (returned as-is) (#1979)
Added TreeColumnMixin which allows any column type to be used as a tree column by adding tree: true to the column config. For example, { type: 'check', tree: true } creates a CheckColumn with tree functionality (#3602)
The RowExpander body element has received a few accessibility upgrades. Most notably the possibility to focus the body element while keyboard navigating and also to focus inner elements like buttons or text fields using keyboard (Fixed #10491)

API CHANGES

Removed the internal chain key from pluginConfig. Use after instead, which has the same functionality. The after key is symmetric with before (#12581)

STYLING CHANGES

Container has new CSS variables for border width for bordered containers --b-container-border-width and --b-container-border-color
Button text element now uses span instead of invalid label element (#12453)

LOCALE UPDATES

A expandedRowContent has been added to the language files. The value will be rendered into the aria-label of the RowExpander's body element

DEMOS

Added a new Kitchen Sink demo showcasing all the various widgets included in the Bryntum Grid package. The demo is located in examples/kitchen-sink folder (#3961)
Added ai-project-summary demo showing the AI agent in action. Demo is located in the examples/ai-project-summary folder

7.1.x - Unreleased

FEATURES / ENHANCEMENTS

Improved "bundle loaded multiple times" exception to show import URLs (#9296)

BUG FIXES

#2048 - Override logging now shows proper class names instead of minified names
#4085 - EventHelper.removeEventListener now clears pending delayed handler calls
#4801 - Field label text should not be selectable
#7556 - Column instantUpdate now responds to combo select events immediately
#8962 - TreeGroup feature not supporting disabled property
#9325 - WBS value incorrect when reordering a task to the last position with filters applied
#9613 - GridLocation TypeScript type now includes grid, record, and column properties
#11746 - Cell editing not working after store record ID change (e.g., after CrudManager sync)
#11762 - Incorrect column groupRenderer method used when changing group by column
#11766 - MessageDialog: Button text not visible when ariaLabel matches text
#11943 - ActionColumn now supports ariaHasPopup property in ActionConfig for accessibility
#12483 - Keyboard navigation sometimes does not bring new active item into view
#12491 - Container onFieldChange now receives correct source property when field events are suspended
#12502 - FontAwesome 6 "regular" import breaks checkbox and other icons
#12511 - Incorrect alignment when icons are used in tree column
#12512 - CheckboxGroup did not fire change event when setting value via Container.record
#12513 - Tree node move operations now respect reapplyFilterOnAdd config
#12515 - [TypeScript] Store.filter() can now be called without arguments to reapply filters
#12520 - Custom columns with Container-based headerWidgets fail during construction
#12523 - SubGrid jump when clicking row in nested grid
#12529 - Columns misrendered when flex and width are both set
#12542 - FilterBar widgets rendered on each toggle when Column.idField is not default
#12549 - Nested menu items with checking enabled not closing menu structure when closeParent configured
#12551 - CheckColumn does not respect finalizeCellEdit
#12552 - Grid row hover state persists after mouse is moved to column header
#12558 - Label width not respected when label set dynamically
#12560 - RadioGroup items misalignment when inline is false
#12568 - FilePicker button badge cropped
#12570 - [TypeScript] Print.print() and PdfExport.export() now have proper config type definitions

7.1.1 - 2026-01-22

FEATURES / ENHANCEMENTS

List virtualize config is now public, allowing virtualization to be enabled in environments where IntersectionObserver is available

BUG FIXES

#6466 - [TypeScript] responsiveLevels type now allows configuration objects with levelWidth
#10166 - Incorrect typing for beforePaste event missing text and data parameters
#11427 - [HIGH PRIO] aria-label gets reset to last non-null value when widget is focused
#11920 - [HIGH PRIO] [Salesforce] Unable to select combo editor values with keyboard if LWS disabled
#12420 - Duplicate new record added after cell edit when focus is reverted to an "Add record" button
#12441 - Print feature should not show export progress message
#12445 - Long text in grid cell is overflowing in cell edit mode
#12446 - The Column class should be Factoryable so that it can be created in the same way as Widget
#12490 - Font Awesome Pro style prefixes (fa-light, fa-regular, etc.) no longer get base fa class added
#12492 - Combo.updateStore should properly handle null store assignment

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Remix: >= 2.15.0

7.1.0 - 2025-12-19

FEATURES / ENHANCEMENTS

Added new highlightCells() and unhighlightCells() methods to Grid for programmatically highlighting cells. Supports two highlight modes: 'fade' (dims non-highlighted cells) and 'color' (applies background color to highlighted cells). Also supports auto-scrolling to highlighted cells and auto-unhighlighting after a specified duration (#10110)
Added dragSelect property to DatePicker which means that if you are using multiSelect, a drag over cells will select the date range.

API CHANGES

Sliders used labelWidth for both their value label and their main label. Now, labelWidth only affects the main label, while a new valueLabelWidth config controls the width of the value label (#12395)

STYLING CHANGES

Added a new fluent2 theme, available in both a light and dark variant (#10338)

BUG FIXES

#12246 - Padded ButtonGroup needs :active button styling
#12353 - Implement Salesforce support for 7.0
#12357 - Grid crash when deleting a record from a grouped view
#12384 - Material 3 styling issues in filter menu of the Gantt
#12394 - 'b-outer' rule should not be seen in a deep widget hierarchy

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Remix: >= 2.15.0

7.0.2 - 2025-12-16

FEATURES / ENHANCEMENTS

The Button split config now accepts the value mouseover to mean that the menu shows as soon as the mouse pointer enters the split icon. Setting it to hover means that the menu hides when the mouse pointer leaves the split icon to anywhere else but the menu

API CHANGES

[DEPRECATED] LoadMask html config is now deprecated. Use text config instead

STYLING CHANGES

To allow easier customization of icons, all .b-icon-xx rules now have a corresponding --b-icon-xx CSS variable used for the content of the icon pseudo-element. For example, .b-icon-search now has a --b-icon-search variable

BUG FIXES

#8789 - [ANGULAR] Multiple regions for Row Expander configuration trigger TS error
#10235 - [HIGH PRIO] Invalid Group Order If State Doesn't Have Ascending Key
#11770 - Remote combo triggers store load even with returning false to beforeLoad listener
#11860 - [Ctrl] click on rendered cells with links not selectable
#12173 - Should be able to reset Container field value in granular way
#12325 - Maximum call stack size exceeded when selecting nodes in a huge TreeGrid dataset
#12337 - loadMask config ignores html config
#12355 - [HIGH PRIO] gotoNextHit and gotoPrevHit do not work when scrolling far past last selected occurrence
#12361 - [HIGH PRIO] Import from Excel shows incorrectly formatted dates and currencies
#12380 - CheckboxGroup values are not set within Form

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Remix: >= 2.15.0

7.0.1 - 2025-12-05

API CHANGES

[DEPRECATED] The event property of Button's click and action events has been deprecated and replaced by the domEvent property to better align with naming elsewhere (reducing risk of confusion with Bryntum event objects and Bryntum Scheduler events). It will be removed in a future major release

STYLING CHANGES

Added a new padded-filled rendition to ButtonGroup. It renders similarly to padded but with a filled button style (using the primary color, #12335)

BUG FIXES

#9934 - [DOCS] Column renderer @returns value missing HTMLElement
#11425 - CheckColumn onToggle not fired
#11597 - Home key does not work while editing a grid cell
#12130 - TreeGrid - Header checkbox unselected after first selecting all then toggling a parent node
#12229 - TreeColumn folder icon issue
#12262 - gotoNextHit and gotoPrevHit in Search feature doesn't work correct with Group feature enabled
#12265 - EventEditor and other floating drawers need more accented box shadow
#12268 - Badge overflows if column is narrow in Grid project-summary demo
#12278 - DateRangeField picker next icon cropped
#12281 - Docs theme not always toggled correctly
#12287 - Docs headers remain white on loading
#12291 - Crash when toggling non-rendered parent node with transitions enabled
#12295 - Error when adding new record to empty store with animated insert
#12306 - Inconsistent grid header padding in v7 themes
#12308 - Initial Grid state not restored
#12310 - Svalbard theme filter input compact mode border radius
#12313 - Bryntum 7 css selector too broad
#12324 - Delayable leaking timeout map
#12328 - Group title cells should not honour the column's align property
#12339 - Color cell content is misplaced when search hit is complete
#12340 - Container layout: 'fit' has no effect

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Remix: >= 2.15.0

7.0.0 - 2025-11-25

We are proud to announce version 7.0 of our products. In this update we have overhauled the look and feel of all products, introducing a new CSS variable based theming system with the following new themes available:
- Svalbard - our new default theme, flat and modern
- Visby - inspired by the town's old ring wall, uses more borders
- Material3 - newer material, up from v1
- Stockholm - a refreshed classic
- High contrast - more contrast between text and backgrounds
A special thanks to everyone who helped us by testing our alpha and beta versions. Your feedback and support have been invaluable

FEATURES / ENHANCEMENTS

All Bryntum products have had a major visual overhaul, modernizing not only their look but also the underlying CSS. See the "Styling changes" section below for more details, and be sure to check out our updated demos
Updated versioning scheme: for Alpha and Beta pre-releases now follow semantic versioning format (e.g., 7.0.0-alpha.1, 7.0.0-beta.1)
The RowReorder feature can now be configured to show drag handles only when hovering a row (by configuring showGrip: 'hover'), making it less visually intrusive
A new feature called AIFilter has been added to the Grid. This feature allows users to filter grid data using natural language input, powered by an AI agent hooked up to a large language model (LLM) such as OpenAI's GPT-4
Collapsing grouped columns no longer affects the column's hidden config, allowing columns hidden through other means to stay hidden when toggling groups. When using the toggleAll mode, initial state is determined using the new toggleAllHidden field (#11956)
Added new PinColumns feature, which allows users to pin columns to start or end side of the Grid without needing any additional configuration for subGrids. This feature adds a Pin columns option to the column header and cell context menu, enabling users to pin columns on either side of the Grid (#11634)
[TypeScript] Improved TypeScript definitions to support function parameters in typedef declarations
You can now define where the Grid´s emptyText is displayed using the new region property of the emptyText property. It accepts values like locked, normal by default

API CHANGES

[BREAKING] DatePicker's cellRenderer is now passed the cell element as the cell property of its render context. The inner element into which new content can be added is passed as innerCell. Previously the inner element was passed in the cell property. This will only affect your apps if you have implemented a cellRenderer in any DatePicker
Added a new parameter clearChanges to the store's applyChangeset method which, when passed as false, applies changes to the store without committing them, keeping the store dirty. By default, it is true. (#11089)
[BREAKING] The mode config of Mask was removed. Style the mask using CSS instead.
[BREAKING] The getTranslateX/Y() fns of DomHelper now only handle the translate property, it no longer parses transform variants
Collapsing, expanding, showing and hiding columns can now be transitioned, because of that the corresponding APIs are now async
Adding and removing chips from a ChipView can now be transitioned, making the response to those actions async
[DEPRECATED] The following individual animation related configs has been deprecated in favor of the new transition config: Grid.animateRemovingRows, Grid.animateTreeNodeToggle, Grid.animateFilterRemovals and RegionResize.animateCollapseExpand
[BREAKING] The previously deprecated support for zipcelx in the ExcelExporter feature has been removed. Use the write-excel-file package instead, or implement a custom provider.
[BREAKING] The dateFormat config on the ExcelExporter now defaults to null - which exports dates instead of date strings
[BREAKING] To determine if a child column is hidden by its group being collapsed, the hidden field has been replaced by a readonly hiddenByCollapse property
[BREAKING] The following previously deprecated API's have been removed:
- Histogram.getRectClass()
- Store.originalCount
- Store.allCount
- Store.makeChained()
- WidgetHelper
- Widget.ariaLive
- PercentColumn.showCircle
- RowExpander events: beforeExpand, beforeCollapse, expand, collapse
- ExcelExporter.zipcelx

STYLING CHANGES

[BREAKING] The styling of all Bryntum products has been migrated from SASS to nested CSS with custom properties (CSS variables). This change makes it much easier to create custom themes, and to change styling settings at runtime. But the change is not backwards compatible, any custom themes will have to be remade using the new system. The built-in themes and how they are applied to an app have also changed, we now ship 4 themes: Material3, Stockholm, Svalbard & Visby + a high contrast theme. Each theme has a light and dark variant. Check out the what's new guide and the updated styling guides for more information
[BREAKING] Bryntum CSS selectors have been normalized to use consistent hyphenated names (kebab-casing). For example, the TabPanel class used to have the b-tabpanel class, but is now b-tab-panel. This change is not backwards compatible, so any custom CSS will have to be updated
[BREAKING] FontAwesome Free is no longer built into the Bryntum CSS, you will have to include it in your app for the default icons to show up as intended. This also means that the b-fa- prefix no longer exists, any icons in your app relying on that has to be changed to FontAwesome's default fa- prefix. This change was done to reduce bloat for anyone using another icon set, and also makes it easier for apps to use a different version of FontAwesome
FontAwesome Free was also updated to version 6.7.2
[BREAKING] Container (and subclasses thereof like Panel and Popup) now use a CSS Grid layout by default. You can configure a Container with layout : 'vbox' to get the old default layout
By configuring a Container (or subclass thereof) with labelPosition: 'align-before' when using the new default grid layout, field labels will line up nicely in a single column. You can use the new span and column configs to easily position & size fields in the CSS grid
Row borders (bottom border) were moved to cells. This has a couple of advantages: when asking for a row of 50px height you now get that height independent of the border height, and it also gives you more styling options if you are making a spreadsheet kind of app where some cells have thicker borders than others.
Built-in more intense animations, such as collapsing columns or tree nodes, are now automatically disabled when prefers-reduced-motion is set in the user's OS (#5669)
[DEPRECATED] Bryntum's Button now supports a set of different "renditions", different looks ('filled', 'tonal', 'outlined', 'elevated', 'text'). This new system replaces the old CSS class based button variations like b-raised and b-transparent. The old CSS classes are now deprecated and will be removed in a future release
Setting Column.headerWritingMode no longer directly applies the writing mode in the style attribute of the header's text element. Instead, it adds a CSS class to the header element, allowing for more flexible styling

DEMOS

The ai-ecommerce-grid demo has been updated to use the new AIFilter feature. Demo is located in the examples/ai-ecommerce-grid folder
New pin-columns demo is added to show the use of PinColumns feature. Demo is located in the examples/pin-columns folder
[ANGULAR] New Pin Columns demo is added to show the use of PinColumns feature. Demo is located in frameworks/angular/pin-columns folder
[REACT-VITE] New Pin Columns demo is added to show the use of PinColumns feature. Demo is located in frameworks/react-vite/pin-columns folder
[VUE-3-VITE] New Pin Columns demo is added to show the use of PinColumns feature. Demo is located in frameworks/vue-3-vite/pin-columns folder
Added resource-monitor demo showing sparkline charts using ChartColumn with updating data and animations. Demo is located in examples/resource-monitor folder
[ANGULAR] Added resource-monitor Angular demo showing sparkline charts using ChartColumn with updating data and animations. Demo is located in examples/frameworks/angular/resource-monitor folder
[REACT] Added resource-monitor React Vite demo showing sparkline charts using ChartColumn with updating data and animations. Demo is located in examples/frameworks/react-vite/resource-monitor folder
[VUE-3] Added resource-monitor Vue 3 Vite demo showing sparkline charts using ChartColumn with updating data and animations. Demo is located in examples/frameworks/vue-3-vite/resource-monitor folder
[VUE-3-VITE] Column types demo has been updated to use Vue 3 + Vite framework. Updated demo is located in frameworks/vue-3-vite/column-types folder

BUG FIXES

#12009 - [DOCS] Wrong product title in navbar when browsing 7.0.0 docs (alpha issue)
#12084 - Resetting combo value to null does not cancel pending filtering request
#12160 - AjaxStore passes sorter details in load packet even with nullish sortParamName
#12191 - Columns menu in ColumnHeaderMenu is not scrollable
#12217 - Clear trigger being visible when field is readOnly/disabled
#12220 - If unregistering CellEdit, GridBase store filtering fails
#12226 - revertChanges leaves removed records in the selection array
#12248 - Single page unscaled export does not work correctly over websocket

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Remix: >= 2.15.0

6.3.4 - 2025-11-20

FEATURES / ENHANCEMENTS

[VUE-3] Vue 3 npm wrapper packages now include types declaration in package.json (#12014)
Added sparse index feature to Store to reduce the size of updates when re-ordering rows in large datasets (#11220)

API CHANGES

DateTimeField docs updated clarifying that the input configs cannot be set on this field. Instead, should be configured directly on the underlying DateField and TimeField configs.

DEMOS

New "Grid sparse index" demo shows new feature of Store with flat data. The demo is located in sparse-index folder
New "TreeGrid sparse index" demo shows new feature of Store with hierarchical data. The demo is located in sparse-index-tree folder

BUG FIXES

#7373 - ResizeObserver loop completed with undelivered notifications
#8805 - namedItems does not work with up.namedItems when used at items level in cellMenu
#11930 - [HIGH PRIO] Printed content displayed incorrectly in preview
#11941 - [HIGH PRIO] Undo when a filter is applied results in row being at wrong hierarchy depth
#11965 - Link field text exceeding column width
#11982 - Dragging a grid header over another grid throws an error
#11997 - Combo with filter not using correct format of parameters
#12119 - Selection column gets saved multiple times with state

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.3.3 - 2025-10-06

FEATURES / ENHANCEMENTS

Added direction parameter when setting a sortFn on sortable column configuration, and added direction parameter to sortable (#11639)
Update documentation section "Clicking in complex widget" to have same function name (#11750)
Setting createOnUnmatched to true on a Combo will now create a record for the initial value, or a value programmatically set later, if the value does not exist in the store for the combo (#11781)

DEMOS

Our new Salesforce Community page is up and running. It solves the problem caused by recent change in Salesforce policy regarding Non-Revenue Orgs. Look up "Device Activation Is Always Required for Non-Revenue Orgs"

BUG FIXES

#11618 - [HIGH PRIO] TreeGrid selection crashes when using selection
#11754 - [HIGH PRIO] Combo should not allow setting incorrect value programmatically
#11811 - Cell focus issue with async finalizeCellEdit and check type columns
#11845 - Values are not applied to all selected cells when performing edit operations on multiple cells
#11858 - [REACT] Icon disappearing in other rows when collapsing parent node with Tree feature
#11895 - showCheckAll is not checked in check column initially when all records are checked
#11916 - RowExpander grid widget ignores dragSelect setting
#11923 - Filter popup draggable is not configurable
#11933 - List does not toggle tree node collapsed state on click of the toggle icon
#11936 - Filter icon click toggles sort when filter feature used together with grouping
#11938 - [HIGH PRIO] this.headerWidgetMap undefined error when columns data is applied from the state with collapsible and collapsed column
#11952 - Performance issues on adding multiple columns

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.3.2 - 2025-09-15

FEATURES / ENHANCEMENTS

Grid columns now support headerWritingMode to allow for vertical text display in the column header Try it out in the updated columns demo. (#11739)
[ANGULAR] Documentation in "Quick start" and "Data Binding" is now updated to reflect Angular 20 file naming conventions

DEMOS

[ANGULAR] New Lock Rows demo is added to show the use of LockRows feature. The demo is located in frameworks/angular/lock-rows folder
[REACT-VITE] New Lock Rows demo is added to show the use of LockRows feature. The demo is located in frameworks/react-vite/lock-rows folder
[VUE-3-VITE] New Lock Rows demo is added to show the use of LockRows feature. The demo is located in frameworks/vue-3-vite/lock-rows folder

BUG FIXES

#11407 - Subclassed toolbar places spacer : '->' last of the items
#11422 - [HIGH PRIO] CheckListFilterCombo is not customizable, and is not accessible
#11691 - RowExpander's widget.store config not applied to the store
#11743 - Export to PNG fails
#11785 - Event handlers should be error-trapped so that the stack is not destroyed
#11801 - [HIGH PRIO] Grid's cell edit not saving changes when clicking to row above (Mobile devices)
#11805 - [VUE-3] LockRows feature throws error
#11838 - store.data = null clears the store but does not fire the change + dataset event, so UIs do not refresh
#11905 - Export example not working

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.3.1 - 2025-08-07

FEATURES / ENHANCEMENTS

Internal code improvements and bugfixes

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.3.0 - 2025-07-21

FEATURES / ENHANCEMENTS

The TreeGroup feature now accepts a custom sort function for parent nodes (#9366)
PdfExport feature now supports exporting large datasets by streaming data to the export server using WebSocket connection (#3953)
Added new Charts feature, which leverages the new Chart and ChartDesigner widgets to enable developers and end users to easily create charts and visualize data directly from selected cells in Bryntum products. Check the "What's new" guide for details (#8442)
New Single Page Unscaled exporter is added. It allows exporting content to a single page without limiting to a specific paper size. PDF export server upgrade to version 2.1.0 is required (#11397)
Bryntum now ships a Chart module (chart.module.thin.js), to easier integrate Chart.js-based charts with our products. Used in the new charts demo
Bryntum npm repository provides charts thin package @bryntum/chart-thin and wrapper packages for major frameworks: Angular (@bryntum/chart-angular-thin), React (@bryntum/chart-react-thin) and Vue 3 (@bryntum/chart-vue-3-thin)
Added Grid columns that can show charts: SparklineColumn and ChartColumn
To pave the way for future improvements, Grid cells are now absolutely positioned inside the rows. A cell size is matched with the size of its column's header using a ResizeObserver. If you see any side effect of this change in your app, please report it to us

API CHANGES

[BREAKING] The renderer config of Column is now also a class property. For TypeScript applications that extend the Column class or its descendants and override the renderer function, you will need to use the following declaration: override renderer: Column['renderer'] = ({ column, value }) => { ... };

LOCALE UPDATES

Moved translations from section PanelCollapser to Object
Changed the Object.collapse and Object.expand keys to lowercase for consistency
Following locale keys added SinglePageUnscaledExporter.singlepageunscaled

DEMOS

New demo with TinyMCE showing how to use a rich text editor in a Grid cell. The demo is located in examples/tinymce-editor folder (#10679)
New charts demo, showcasing how to combine the new Charts feature
New sparklines demo, showcasing how to use the new SparklineColumn

BUG FIXES

#11304 - Panel collapse icon does not display any tooltip
#11492 - Tiny MCE editor demo has the wrong index page
#11615 - scrollRowIntoView's highlight config isn't passing the item when configured as a function
#11648 - Possible to select multiple radio items

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.2.5 - 2025-07-09

FEATURES / ENHANCEMENTS

Linked records (created using record.link()) now have a public originalRecord property that points to the original record. And the original record has a linkedRecords array that contains all the links to it
AjaxStore's beforeRequest event allows async event handlers (#11542)

STYLING CHANGES

When using animated row removal (animateRemovingRows), the b-deleting-row CSS class is now applied to the row being removed. You can override it to alter the animation used

DEMOS

The infinite-scroll-tree demo, which demonstrates the lazy loading support of a tree Grid, has been ported to Angular. It is located in the examples/frameworks/angular/infinite-scroll-tree folder
The infinite-scroll-tree demo, which demonstrates the lazy loading support of a tree Grid, has been ported to React. It is located in the examples/frameworks/react-vite/infinite-scroll-tree folder
The infinite-scroll-tree demo, which demonstrates the lazy loading support of a tree Grid, has been ported to Vue. It is located in the examples/frameworks/vue-3-vite/infinite-scroll-tree folder

BUG FIXES

#8479 - Poor animation when removing a row
#11355 - TreeGrid crashes with 200K+ data
#11520 - Right click on the sort icon in the column header should open headerMenu
#11559 - Store not clearing the changes on commit when custom idField is used
#11565 - Grid's beforeStateApply should describe its properties
#11574 - Screen reader is not announcing filter operation results
#11584 - applyChangeset crashes on remotely filtered store
#11602 - Tool's <button> element needs type="button"

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.2.4 - 2025-06-18

FEATURES / ENHANCEMENTS

A lazy loaded tree store no longer requires each parent to provide its full child count via the remoteChildCount data field. Instead, it relies on autodetection and, in special cases, the new isFullyLoaded field can be used instead
The unload method has been added to a lazy loaded store. For a regular store, it removes the specified records from the store and reloads the next time they are needed. For a tree store, it clears all the child nodes of the specified parent nodes, and reloads them the next time they are needed (#8961)
showDirty can be configured now to show red tag for all the cells for the new records. Set newRecord : true on showDirty to enable it (#10344)

API CHANGES

[DEPRECATED] The remoteChildCount field on a TreeNode was deprecated and will be removed in 7.0

DEMOS

New infinite-scroll-tree demo, which demonstrates the lazy loading support of a tree Grid. The new demo is located in the examples/infinite-scroll-tree folder (#9714)

BUG FIXES

#10161 - [Windows OS] ContextMenu does not show after re-rendering of Scheduler
#10904 - [HIGH PRIO] Refactor pdf export code to generate rows in bulk
#11221 - [HIGH PRIO] ColumnStore sort and re-ordering columns does not work
#11324 - [SALESFORCE] Expand/collapse not working for tree using keyboard navigation
#11337 - Pasting invalid text into TimeField results in permanent invalidity
#11400 - [HIGH PRIO] Non-editable cell still change value when using multi-select edit
#11416 - Aria-live not set correctly when using DOM config on empty text
#11431 - Column state is not restored correctly for unconfigured columns with same type as already exists in ColumnStore
#11433 - [HIGH PRIO] CellEdit cannot cancel editing with Escape key when clearable Combo is used
#11471 - Export feature should log stack trace to console when export failed

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.2.3 - 2025-05-27

FEATURES / ENHANCEMENTS

The PDF Export and Print feature has a new paper format A0 (#11083)
Reordering rows in a flat chained store can now reflect on the master store, if the chained store is configured with syncOrder: true. Reordering in a chained tree store is always reflected on the master store (#11349)

BUG FIXES

#11045 - Case sensitive filtering is inconsistent
#11217 - RowResize feature doesn't work with column autoHeight set to true
#11343 - TimeField docs mention non-existing step config on the minute field
#11344 - Slider component cannot be used within Popup component
#11352 - TimeField is not styled correctly
#11386 - [HIGH PRIO] Scrollbar issue after adding columns to empty subgrid
#11394 - [HIGH PRIO] FillHandle area grows on scroll

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.2.2 - 2025-05-13

FEATURES / ENHANCEMENTS

List now has optional support for displaying text when empty, using the new emptyText config
The ChecklistFilterCombo now displays "No results found" when there are no results in the list. The string is localized using the noItems locale key, which was already part of the locales but mistakenly not used
When reloading a lazy-loaded Store (including remote filtering and sorting) the current dataset will be kept until the load request finishes. Previously, it was cleared upon starting the reload and populated with new data later. If an AjaxStore is being used (a Store configured with a readUrl) a load mask will be displayed during the reload operation (#11261)

STYLING CHANGES

The emptyText shown in a Combo's picker has been promoted to an actual element with the .b-empty-text CSS class applied to it, instead of a harder to style pseudo-element

BUG FIXES

#3164 - Column with just icon and no text should not use margin-right for its icon
#9558 - headerHeight in group feature causes rendering issues with large datasets
#10066 - Support TimeField for Salesforce
#10474 - Cannot add items into container after remove previous using destroy()
#10829 - beforeLoadPage should have sorters and filters in the params when using remote store
#10986 - Store.search should get the fields from record.fields instead of record.fieldNames
#11026 - DatePicker not selecting valid value when min property is updated dynamically
#11131 - Applying store group state after initializing grid does not show group icon in column header
#11170 - Clicking "Don't show again" in hints popup doesn't work
#11172 - AI support in Grid - Two update events triggered by AI formula
#11175 - AI support in Grid - Referencing $data in an AI formula error
#11235 - Async cell renderer can throw if the row being rendered is destroyed during the await
#11252 - Field class should disable OnePassword except for if it is a PasswordField
#11276 - Headers misaligned after tree grouping
#11277 - Row reorder drag handle should be aligned to the left
#11281 - DragHelper example not working properly
#11294 - Copying a cell when using FillHandle / cell selection shows double bottom border

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.2.1 - 2025-04-23

FEATURES / ENHANCEMENTS

DateField now reveals its expected format when input is in incorrect format
AggregateColumn now has a includeFilteredOutRecords which lets you include filtered out records in the aggregation (#11105)

STYLING CHANGES

SlideToggle no longer has a fixed height defined in the CSS. This allows for more flexibility in styling and layout

LOCALE UPDATES

The DateField invalidFormat message is now updated to include the expected format. New value is format => 'Invalid date input, expected format is ' + format

BUG FIXES

#11063 - TreeColumn having redundant icon while LockRows enabled
#11070 - [HIGH PRIO] Online demos in codepen crashes
#11071 - Grid summary column resize issue
#11079 - Cell pasting is inconsistent based on a drag direction
#11084 - expandAll / collapseAll crashes when using GroupSummary feature
#11097 - Should not show "invalid field" while typing the field name
#11104 - Resizing Popup sometimes does not stop after mouse-up
#11117 - Toast progress aborted in demos after 5s

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.2.0 - 2025-04-10

FEATURES / ENHANCEMENTS

TabPanel now supports adding custom widgets to the tabBar via Container#tabBarItems. See updated live demo on the TabPanel docs page (#10047)
Tabs in a TabPanel can now be reordered using drag-drop, by setting enableReordering to true on the tabBar (#10489)
New MonthPicker widget for date picking and calendar control
We've improved search in the documentation with new context-aware algorithms, delivering more accurate and relevant results from the API, guides & examples
PdfExport feature was updated to support row expander. It requires upgrading PDF Export Server to latest version 2.0.0 which was recently released in a separate GitHub repository and Docker Hub (#10533)
A new feature, RowEdit, allows editing of a whole record row at one time using a side docked editor panel (#10690)
A new config for Panel, drawer marks a Panel as a docked, slide-in panel, which by default slides in over the contents of the browser viewport
Tabs in a TabPanel that contain invalid input fields will now have a red border to highlight the invalid state (#10789)
RowReorder feature now allows drag-drop reordering of rows into new groups to update values of leaf nodes (#5689)
Setting required on a Field now automatically appends a * to its label, if showRequiredIndicator is set to true (#10835)
New CheckboxGroup widget added (#2018)
Popups can now be resized on all sides and corners via the new resizable property (#6856)
Decimal separator and group separator for formatted numbers can now be configured globally using new static properties on NumberFormat: decimalSeparator and groupSeparator (#11016)
[BREAKING] Since most apps have a build process that includes a transpilation step, starting with v6.2.0 we use the minimum possible transpile polyfills for the source code inside the @bryntum/grid-thin npm package to ensure that it works for all currently supported frameworks. Previously, each source file was transpiled with more polyfills, which introduced unnecessary overhead from transpilation helper functions. After this change, the size of your built app should be reduced. If you encounter issues with your framework's builder parsing the code, consider upgrading to a newer framework version that supports the latest ECMAScript specification (#10797)

API CHANGES

The Widget.accessibility property has been removed. We now detect when keyboard control is being used, and this can be read from the new Widget.focusVisible property
Widget drag-drop is no longer done using the native HTML drag-drop (#10793)
Popups are now draggable by default
The type of the value property on checkboxes was for legacy reasons String, it has now been changed to the more expected Boolean
[BREAKING] The AjaxHelper.fetch() utility function no longer applies credentials: 'include' by default, to better match how the native fetch API works. This change also affects AjaxStore, if used by your app to handle remote data (#10886)

STYLING CHANGES

Grid cells with overflowing text now use ellipsis by default. If you prefer the old behavior where text is cropped, set Grid's cellEllipsis property to false (#2982)
Changed the showDirty indicator pseudo-element from :before to :after so both the rowReorder grip handle and the showDirty indicator can display simultaneously. If you have custom styles targeting :before for showDirty indicator, please update them to target :after instead (#10966)
multiSelect Lists now display empty checkbox icons when unselected and checked checkboxes when selected

LOCALE UPDATES

Added translation keys Object.information and Object.showDetails, Object.to, Object.at, Object.on, Object.editing, Object.settings, Object.go
New locale key Toolbar.showOverflowingItems added for the tooltip shown for toolbar overflow scroll buttons
New locale key RowNumberColumn.rowNumber added for the RowNumberColumn header tooltip

DEMOS

New rowedit demo, which Demonstrates the RowEdit feature, that edits records in a docked panel. The new demo is located in examples/rowedit folder
New ai-review-grid demo showing how to use a FormulaProvider to populate field values using AI. Demo located in examples/ai-review-grid folder
New ai-ecommerce-grid demo showing how to use AI to generate SEO description + keywords in bulk. Demo located in examples/ai-ecommerce-grid folder

BUG FIXES

#10373 - Filter dropdown should include the sameDay and sameTime operators
#10623 - Misalignment dragging tab last
#10625 - [ACCESSIBILITY] Checkbox and Tab selector buttons have no visible focus rendition
#10868 - Previous filter not shown when filtering assigned resources

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.1.9 - 2025-04-07

FEATURES / ENHANCEMENTS

Added a new stateSettings config to control how column state is restored. It includes a restoreUnconfiguredColumns option to toggle whether columns not explicitly defined in the grid configuration should be restored (#10943)

BUG FIXES

#8782 - [Salesforce] LWS support in Firefox
#11014 - Export Issue: Column Type ChipView is empty on export

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.1.8 - 2025-04-01

FEATURES / ENHANCEMENTS

We've launched nightly npm package builds on our Bryntum npm server. Versions follow the format X.Y.Z-nightly.YYYYMMDD (e.g. 6.1.8-nightly.20250330), reflecting the current version and publish date
When using the CellEdit feature, cells, which contain focusable elements may now be included in the cell-to-cell navigation by setting tabToFocusables property (#6999)
A grid store filter, which results in only removal of a contiguous block of records within the visible viewport will now update the UI in the same way as a store remove operation (#10706)
The CellCopyPaste feature now supports pasting into multiple non-contiguous cells (#10696)
New applyDefaults method added to the Base class to allow setting default values for class configs/properties (#10876)
AggregateColumn now lets you toggle aggregation on / off using the new enableAggregation field (#10909)
PdfExport now has an isExporting property, which you can use to check if an export operation is ongoing (#10947)
LockRows features now supports configuring the bottom grid section using the bottomGridConfig config (#10958)
Combo widget now supports toggling multiSelect mode on / off at runtime
Panel header config now accepts an iconCls property to show an icon in the header
TreeNode allUnfilteredChildren property is now public, allowing you to retrieve all children of a node, ignoring any active store filters (#11013)

API CHANGES

The rtl config property of widgets is now public. By default, widgets conform to the writing direction of the element they are rendered to. But with the now public rtl property, you can force a widget, and all descendant widgets to lay out from right to left (#10859)
The Widget's elementAttributes config is now public allowing to specify attributes to assign to the root element of this widget (#10940)

DEMOS

We have introduced UI localization for our Vanilla JavaScript demos, supporting all 45 currently available locales

BUG FIXES

#10206 - parentId field cannot be remapped
#10621 - [HIGH PRIO] Opening month picker in event editor closes entire editor in Safari
#10636 - groupRenderer not triggering for empty string values during Excel export
#10701 - [TYPESCRIPT] Update AjaxStore beforeRequest and afterRequest parameters docs
#10726 - Grid crashes and shows a blank section when scrolling to an invalid editor outside the viewport
#10763 - Grid not using correct AjaxHelper.DEFAULT_FETCH_OPTIONS for paged stores
#10795 - [SALESFORCE] Remove Map/Set polyfills
#10812 - Fillhandle disappears if mouseup happens outside browser window
#10814 - [HIGH PRIO] Column header misaligned if resize when used regions
#10825 - Grid crashes when reverting changes and reapplying filters on update
#10826 - Error when specifying labelWidth with 'label' for DateRangeField widget
#10840 - Cells still selected when returning false from a selectionChange listener
#10854 - Selecting multiple cells should copy all the selected cell Records when cellCopyPaste is disabled
#10874 - Grid error with finalizeCellEdit and sorting
#10889 - Export to excel should include group header
#10897 - Sticky elements not correctly accounted for when calculating visible rectangle
#10924 - [React] Editor popup cutoff on last row
#10938 - [HIGH PRIO] Incorrect CSS sourceMappingURL in Bryntum thin npm packages
#10944 - Grid colum with combo editor behaves different with picker title specified
#11002 - Grid Incorrect focus behaviour when editing grouping fields of records

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.1.7 - 2025-02-21

FEATURES / ENHANCEMENTS

Copied Model instances now have a copyOf property that points to the original instance (#10587)
The Button class now accepts a split property, which means that its menu will only be shown when clicking on its arrow icon, and it will only toggle its pressed state and action its click handler when clicking on the main part (#10678)
A new config, scrollAction for the CellEdit feature specifies what should happen if the cell editor is scrolled out of view, for example when using a mousewheel. The default value is null which preserves the current behaviour of continuing the edit (#10760)
The CellEdit feature now supports rendering the editor as a floating element outside the cell element (#10767)

API CHANGES

Tree stores got a new keepExpandedOnLoad config in v6.1.4, but it fell out of the changelog. When set to true, the tree will restore matching nodes expansion state after a reload (#10017)

DEMOS

[REACT-VITE] "Vue Renderer" JavaScript demo has been updated to use to React + Vite. The new demo is located in examples/frameworks/vue-3-vite/vue-renderer folder (#10680)
[REACT-VITE] New infinite-scroll demo showing how to load data on demand using RTK Query + lazyLoad feature of Bryntum Grid. Demo is located in examples/frameworks/react-vite/infinite-scroll folder (#9886)
New Demo collapsible-inline-columns showing collapsing / expanding of inline columns. Demo is located in examples/collapsible-inline-columns folder (#10266)

BUG FIXES

#9587 - [HIGH PRIO] StoreDataField change tracking not working when using store field
#10586 - TreeGroup check column not grouping null values with false
#10652 - Grid crashes on store.removeAll() when lazy-loading enabled
#10665 - [VUE-3] Unexpected warnings from the wrapper
#10699 - deselectFilteredOutRecords not working on a Tree Grid
#10704 - Check column still changes when column is set to be readOnly
#10714 - Clicking on custom expand and collapse icon makes record selected
#10715 - StateProvider doesn't preserve the scrollTop
#10739 - Horizontal time axis scroll position reset when entering time axis header using keyboard
#10761 - Using scrollable config in subGrid configuration breaks the SubGrid's scrollability
#10763 - Grid not using correct AjaxHelper.DEFAULT_FETCH_OPTIONS
#10784 - Groups not collapsing when using a check column
#10785 - [HIGH PRIO] Exception when dragging linked record to an empty group
#10787 - Wrong width then using row reorder and selectable row
#10794 - Column filter not clearing correctly when empty input

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0
Remix: >= 2.15.0

6.1.6 - 2025-01-31

FEATURES / ENHANCEMENTS

[ACCESSIBILITY] TreeColumn cells in parent rows now include an aria-expanded value ensuring that row collapsed state is announced (#4643)
Tabs in a TabPanel can now be closable which shows an X icon (#8679)
[ACCESSIBILITY] FilterBar fields now have an aria-label defined to let screen readers announce context
[ACCESSIBILITY] Widget now has an announceAriaLive method letting you provide a text message to screen readers via an aria-live element
The CellEdit feature now supports using WebComponents as input elements making it possible to provide an Angular component as a cell editor (#10471)

API CHANGES

[DEPRECATED] Widget ariaLive property was deprecated and will be removed in 7.0

DEMOS

[ANGULAR] New Angular celledit demo, which Demonstrates the CellEdit feature has been added. New demo is located in examples/frameworks/angular/celledit folder
[REACT-VITE] Added React Color cell editor to cell-edit example to demonstrate how to use popup editors. Updated the React version of the demo to 19.0.7 and Vite version to 6.0.9. Demo is located in examples/frameworks/react-vite/cell-edit folder

BUG FIXES

#73 - React components rendered inside the cells are not overflowing it
#1356 - Export summary rows to Excel
#4280 - Pressing shift shows cell focus outline
#9518 - Sort count is being shown when only 1 sort count is used along with grouping
#9946 - Resolve prototype pollution warnings from GitHub Advanced Security
#10215 - [ACCESSIBILITY] No records found after the filtering the scheduler not announced by the Voice-Over
#10407 - DateRangeField ignores clearable config
#10428 - Enable CSS targeting of column-specific filter UI fields
#10466 - Nested grid with chart demo race condition
#10490 - [ACCESSIBILITY] RowExpander column has no aria-label
#10495 - [ACCESSIBILITY] RowExpander button needs aria-label
#10516 - TimeField label misaligned if initial value has not been set
#10519 - Grid splitter has lower z-index than emptyText
#10591 - [HIGH PRIO] Not possible to provide ariaLabel in Column subclass
#10617 - [Shift + Backspace] clears text field value
#10624 - [HIGH PRIO] CellEdit freezes when tabbing into readonly row

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.38.0

6.1.5 - 2024-12-25

BUG FIXES

#10393 - [VUE-3-NUXT] Basic demo doesn't display the demo title
#10467 - Moving a column to the left section does not work when using LockRows
#10468 - emptyText should not show during store load
#10488 - [HIGH PRIO] grid-taskboard demo code is not available in online Code Editor
#10496 - [ACCESSIBILITY] Key navigation stuck after landing on a checkbox inside a grid cell
#10502 - [ACCESSIBILITY] Rating column cannot be edited using keyboard
#10504 - [ACCESSIBILITY] TimeField cannot stop editing using [ESC] key
#10510 - Configuring a store and items leaves a combo store misconfigured

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.38.0

6.1.4 - 2024-12-09

FEATURES / ENHANCEMENTS

Starting with the 6.1.4 release, there are now trial versions of thin NPM packages available on our NPM server. These can be used to evaluate combining multiple products before purchasing a license. Please check the "What's new" guide for the details

API CHANGES

For more similar behavior between browsers, DateHelper.parse now ignores very short strings and discards any dates with a year before 1900 when falling back to new Date() parsing. This affects DateFields using strictParsing: false (the default). Before this change, Chrome parsed '2' as Feb 2001, while Safari parsed it as Jan 0002

STYLING CHANGES

When dragging multiple grid rows, a new proxy showing each record was added. The old b-row-dragging-multiple CSS class is no longer used (#10340)
Added a new config closeOnEscape to control whether pressing the [ESC] key will close the popup

DEMOS

[ANGULAR] Added new Angular basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/angular/basic-thin folder
[REACT] Added new React basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/react-vite/basic-thin folder
[VUE-3] Added new Vue-3 basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/vue-3-vite/basic-thin folder
[WEBPACK] Added new Webpack basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/webpack/basic-thin folder
[REACT] Added new React renderer-context-react-19 demo showing use of context rendering with React 19 JSX components. Demo is located in examples/frameworks/react-vite/renderer-context-react-19 folder

BUG FIXES

#7065 - [HIGH PRIO] Export to PDF feature missing paper formats
#10364 - Restore expand on non-editable input click for TextAreaPickerField
#10367 - Context menu opened from keyboard throws in Salesforce
#10384 - Add missing percentage docs to Numberfield
#10386 - Adjust increment/decrement/error tooltip handling of percentage Numberfield
#10397 - Block [ESC] key from propagating in cell editor
#10413 - FillHandle only works on the first table selected when there are two or more tables on the page
#10414 - DatePicker doesn't highlight today date
#10415 - DateField picker shows previously selected date after input is cleared
#10419 - Combo does not return record
#10424 - [RTL] Popups with centered set to true are not centered in RTL mode
#10429 - Keystrokes on actionable items in grid cells no longer work
#10446 - Records are duplicated when row is dropped to an empty group
#10448 - [REACT] JSX renderers are not supported with React 19
#10452 - Drop to a group with empty array field should clear the array field on the corresponding record

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.38.0

6.1.3 - 2024-11-18

FEATURES / ENHANCEMENTS

Print feature is supported in Salesforce with LWS enabled (#7917)
The RowExpander feature now exposes the refreshRow function, which when called with a record, refreshes the content of an already expanded row (#10167)
A sort direction param was added to CollectionSorter´s sortFn function (#10171)
Stores can now be configured with reapplySortersOnUpdate to trigger sort after a record is updated (#877)
Store sorters can now be configured with a caseSensitive boolean if you want sorting to be case-insensitive (#10267)
Salesforce LWC build now using generators instead of async/await as a workaround for Firefox bug. LWC bundle is now compiled with "chrome": "54" babel target (#7849)
By configuring a data field with complexMapping : false, it can now point to a data property containing a dot (.), for example { "member.name" : "value" }. Previously (since v4.1), the dot was always interpreted as a nested object path (#10168)

API CHANGES

The CellEdit beforeFinishCellEdit event now also includes an oldValue param
[VUE 2] reached end of life on December 31, 2023. As a result, we will no longer be updating our Vue 2 components. While the components will continue to exist, we will remove them in a future release and recommend that you upgrade to Vue 3 for continued support

STYLING CHANGES

Certain color adjustment functions in SASS has been deprecated and will be removed from SASS in a future version. To be prepared for that, we have replaced our usages of these functions with the new ones. In general, this should not affect the look of components, with reservation for minor color variations (for more information, see https://sass-lang.com/documentation/breaking-changes/color-functions)

DEMOS

Renamed "theme" demo to "custom-theme". The updated demo is located in examples/custom-theme folder (#10155)

BUG FIXES

#9018 - [HIGH PRIO] Localization doesn't work for Microsoft Dynamics CRM Online
#9691 - columnDrag event param insertBefore does not get updated once we set context.valid to false
#10084 - Error in currency format
#10127 - Store changes not being tracked as expected when using a tree store with filters
#10177 - Spamming row expander causes crash
#10204 - Remove tbar, bbar and header from cloned grid in LockRows feature
#10234 - [HIGH PRIO] Correct formatting of NumberField percentage with decimal digits
#10255 - Error when replacing data with parentId property
#10258 - showAnimation does not animate the Popup
#10260 - [React] flushSync was called from inside a lifecycle method runtime error
#10263 - Card layout activeItem yields the hidden, previous activeItem in show listeners
#10273 - [DOCS] beforeFinishCellEdit event value param points to the old value
#10278 - [TYPESCRIPT] Define the GridSelectionMode type
#10285 - [HIGH PRIO] Combobox does not clear unmatched initial value
#10309 - Error in Combo grouping after updating to 6.1.0

VERSIONS SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.38.0

6.1.2 - 2024-10-11

FEATURES / ENHANCEMENTS

toggleCollapse method on the Group feature now accepts an array of records/ids (#9749)
Implemented support for headerRenderer to return JSX and updated the "Using React Context with renderers" example to demonstrate its usage. The demo is located in frameworks/react-vite/renderer-context folder. (#7342)

API CHANGES

Store has a new better way of chaining tree stores. By using chainTree() instead of chain(), the chained store will be a full tree store with links to the nodes in the original store. This will let you expand / collapse and filter the tree in one store without affecting the other (#9171, #9177, #9178, #10130)
When using both the RowCopyPaste and the CellCopyPaste feature, copying row data and pasting it into cells, the copied data will now be inserted as new rows.
[DEPRECATED] The makeChained function in Store was deprecated in favor of chain and chainTree. It will be removed in 7.0.0
[DEPRECATED] The groupRecord param of the Group feature´s toggleGroup and beforeToggleGroup events is deprecated in favor of the groupRecords param, since you can now toggle multiple group records. The param will be removed in 7.0.0

DEMOS

[REACT-VITE] "Basic" TypeScript and JavaScript demos have been updated to use to React + Vite. The new demo is located in examples/frameworks/react-vite/basic folder (#9932)
[VUE-3-VITE] "Basic" (Vue 3 + Vite) demo has been updated to use TypeScript. The demo is located in examples/frameworks/vue-3-vite/basic folder (#9808)

BUG FIXES

#9241 - Implement support for configuration with rows higher than paper size
#9412 - [HIGH PRIO] php demo cannot handle remote filter properly
#10106 - Row reorder handle was misaligned
#10107 - Pasting rowCopy data into cells failed in some cases

FRAMEWORK SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

6.1.1 - 2024-09-27

API CHANGES

Popups now realign automatically when scrolling if anchor is configured.

BUG FIXES

#9566 - [TYPESCRIPT] Nullable child items need type null for TS apps
#9914 - [HIGH PRIO] animateTreeNodeToggle with locked columns places rows incorrectly

FRAMEWORK SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

6.1.0 - 2024-09-18

FEATURES / ENHANCEMENTS

Group feature now offers to show a checkbox in group row headers via selectionMode.showCheckAllInGroupRows (#2208)
Model now supports fields being calculated via the new calculate property (#3070)
The regular non-Ajax Store now has the ability to accept remote paging, sorting and filtering (#6860, #8180, #9363, #9887)
The FilterBar feature now supports remote filtering without using AjaxStore (#7477)
AjaxStore has new configs that lets you transform incoming and outgoing data: transformLoadedData, transformCreationData, transformModificationData, transformRemovalData (#8314)
Column.type instance member is now public (#9229)
The TreeGroup feature now supports summaries in each group parent row using the Column sum config. See this in action in the updated tree-grouping demo (#9716)
ExcelExport feature got a minor refactoring, and now uses more feature-rich write-excel-file library (#6089)

BUG FIXES

#9319 - Exceptions when copy-pasting records in Grid demo with charts
#9468 - Crash when selecting date in fullscreen docs fiddle
#9876 - DateRangeField picker wrongly scrolls right one month when picker is shown (Firefox only)
#9955 - Aggregation demo total column shows only $0
#9959 - Grid crashes when deleting records with group checkbox selected
#10043 - DayTime includes end on startTime and start on endTime

FRAMEWORK SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

6.0.6 - 2024-09-13

FEATURES / ENHANCEMENTS

Added a ignoreLinkRecords config to StoreChain, to avoid importing linked records from a master store, such as when you group by an array field (#9840)

DEMOS

[ANGULAR] Added new demo showing how to create a custom theme by modifying scss variables. The demo is located in the frameworks/angular/custom-theme folder
[VUE-3] Added new demo showing how to create a custom theme by modifying scss variables. The demo is located in the frameworks/vue-3/custom-theme folder
[REACT-VITE] Added new demo showing how to create a custom theme by modifying scss variables. The demo is located in the frameworks/react-vite/custom-theme folder
[REACT-VITE] New renderer context demo showing how to configure React renderers to use the React Context. The demo is located in the frameworks/react-vite/renderer-context folder (Fixed 8923)

BUG FIXES

#8998 - Printing Gantt with more than 3000 records causing application to crash
#9298 - LazyLoad beforeLoad event isn't triggered
#9671 - [HIGH PRIO] [REACT] Grid column renderer flickering when row is updated
#9746 - [SALESFORCE] RowExpander doesn't expand records in Salesforce
#9748 - View is not updating on adding resources using add method with lock rows feature and grouping
#9758 - aria-readonly not properly set on Grid cell
#9767 - Column filter returns undesired results
#9872 - Records are not persisted when group is collapsed
#9896 - Grid not rendering any data in Firefox 115 ESR
#9905 - Accessibility issue in date picker widget, toolbar buttons should not have role="presentation"
#9913 - Grouping from header menu is broken
#9927 - [Accessibility] DatePicker doesn't announce selection status and week day name for selected date in date picker
#9950 - RowExpander will often become detached from record
#9988 - Exception when moving record with empty group value
#10006 - Placeholder should not be visible after selecting an item in combo with no label

FRAMEWORK SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

6.0.5 - 2024-08-30

FEATURES / ENHANCEMENTS

DatePicker now supports selecting ranges by tapping twice on touch devices when multiSelect is enabled

BUG FIXES

#5233 - [ANGULAR] Frameworks wrappers components not triggering some events
#9572 - Default currency from locale not used
#9712 - store.createRecord() behavior different with useRawData
#9718 - [VUE-3] Preventable events don't work in Vue wrapper
#9738 - [TYPESCRIPT] FieldTrigger class missing docs for its activation key
#9754 - EventHelper.onTransitionEnd calls its handler using globalThis if globalThis.callback exists
#9770 - FillHandle not moving to active cell after [Enter] key press
#9771 - beforeClose event should handle asynchronous listeners
#9772 - Container should be able to track presence of changes to its fields
#9779 - ActionColumn does not call onClick handler for items created by a renderer
#9781 - AjaxStore events, which contain url should read back the url property so that handlers can mutate it
#9797 - lazyLoad with TreeGrid hangs
#9801 - Lock rows feature display broken with grouping and filtering
#9802 - Text cells show as dirty changes when reverting values to empty string
#9805 - [HIGH PRIO] Grid freezes when row reordering in column using an array field
#9819 - Font awesome tree arrows too big on touch screen
#9851 - Crash on array column when grouping

FRAMEWORK SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

6.0.4 - 2024-08-02

FEATURES / ENHANCEMENTS

The difference between Model.fields and Model.allFields was clarified in the documentation (#9700)

BUG FIXES

#8328 - Panel fields items not being populated from record config
#9672 - Incorrect docs for navigate event
#9680 - RatingColumn value not exported to Excel

FRAMEWORK SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

6.0.3 - 2024-07-26

FEATURES / ENHANCEMENTS

Store now fires beforeFilter event before filters are changed (#9652)
The plugin processing has been updated to correctly handle multiple plugin configurations

BUG FIXES

#9653 - [TypeScript] Mappings for Store sort method
#9657 - Docs fiddle code editor is too narrow

FRAMEWORK SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

6.0.2 - 2024-07-24

FEATURES / ENHANCEMENTS

Bumped the built-in version of FontAwesome Free to v6.6.0, which includes a new table-cells-row-unlock icon sponsored by Bryntum
The getCount() function of Store now accepts an options object, letting an app control how records in the store are counted (for example if filtered out records should be included in the count or not) (#8737)
Added a totalCount property to Store and AjaxStore. It replaces the existing allCount property, but has a better defined behavior, and the name also matches the total property that is expected to be passed in the dataset when using paging

API CHANGES

[DEPRECATED] Store.allCount and Store.originalCount was deprecated. Their behavior was not well documented or clear, we recommend using Store.totalCount or Store.getCount(options) instead to count the records in the store in the way your app needs
[DEPRECATED] The Store.getCount(true/false) signature has been deprecated. Use Store.getCount(options) instead for better control of how records are counted
GridRowModel now has a new fixed field built-in (used by LockRows feature)

DEMOS

[REACT-REMIX] "Basic" (React + Remix) demo shows using Grid component in Remix. The demo is located in frameworks/react-remix/basic folder (#4912)

BUG FIXES

#8835 - FillHandle RTL issues
#9462 - Summary row cells misaligned when using variable column flex
#9481 - Filter lost when no results present with remote filtering
#9521 - Deleting a row while cell editing makes the value disappear in the next row
#9530 - LoadMask only masks top grid section when using LockRows feature
#9545 - Getting Undefined if no value passed to items property of filter
#9548 - [TYPESCRIPT] mergeRenderer is not well documented
#9573 - Column custom ariaLabel is reverted to the default on focus in Cell

FRAMEWORK SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

6.0.1 - 2024-07-05

FEATURES / ENHANCEMENTS

[PERFORMANCE] New refreshOnlyAffectedSummaries property added to the Summary feature which only refreshes column summaries affected by a record update. (#9511)

BUG FIXES

#9077 - Filter combo not showing correct text when set to false when filtering ManuallyScheduled column
#9198 - Grid printing does not handle auto height rows
#9295 - Grid Print hangs if the store has no visible records
#9419 - Column lines showing on header when columnLines is set to false
#9436 - [DOCS] Improve docs and type for colors property
#9445 - Button rendered in cell HTML prevents selection
#9463 - Rowreorder handle misplaced in right-aligned column
#9480 - Incorrect tooltip and filter icon when no option is selected in multiSelect Filter combo
#9489 - Styling issue for ColumnManager Popup
#9495 - Fill Handle Issue when change column definitions
#9510 - Exiting grouping breaks the Stripe feature

FRAMEWORK SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

6.0.0 - 2024-06-28

We are thrilled to announce version 6.0 of our Grid product. This release marks a significant milestone for us after more than two years of dedicated development. In this update, we are excited to bring you:
- Lazy loading of rows as you scroll, for huge datasets
- Support for freezing rows
- New DateRangeField widget
- Support for rendering widgets into grid column headers
- Drag-drop of rows between different Grids and TreeGrids
- Improved TypeScript typings
- A new code editor in the examples for easy fiddling
- Cool new demos
- Bug fixes and other enhancements requested by our community
A special thanks to everyone who helped us by testing our alpha and beta versions. Your feedback and support have been invaluable

FEATURES / ENHANCEMENTS

The List widget now offers a tooltipTemplate method to show a tooltip text for each list item (#887)
Stores now have support for lazy loading of data, which when used in the Grid, loads new records while scrolling (#1804, #8001)
Added a new DateRangeField widget for picking a range of dates (#1888)
Convert button to menuitem on Toolbar overflow where appropriate (#2298)
Programmatically expanding & collapsing a Panel was made easier by adding expandPanel() and collapsePanel() methods (#5871)
The RowCopyPaste feature has been enhanced in two ways. It now creates clones of the copied records immediately on a copy action. This makes the copied data unaffected by any Store changes between the time of copying and the time of pasting. Additionally, when copy-pasting between different Grid instances, the complete record will be copied, not just the fields that have a corresponding column, as it was previous (#6379)
PDF export server has been moved from examples/_shared/server folder to its own GitHub repository: https://github.com/bryntum/pdf-export-server (#6820)
Columns now support having widgets rendered into their header via the new headerWidgets config. See it in action in the nested-grid-with-chart demo (#6855)
The default format for NumberField and NumberColumn now includes all numeric-related configs from the current locale, like decimals separator, grouping separator etc. (#6948)
The ColumnReorder feature has a new property stretchedDragProxy which displays a full-height transparent element while you reposition the column (#7870)
The AjaxStore's commit function now queues calls being made while already committing instead of aborting and returning false. Previously, when a commit was finished, all Store changes were cleared. Now, only changes related to the actual commit will be cleared, so any changes being made after the commit call and before the commit finishes will be left untouched (#7980)
Elevate tabIndex config from TextField to Field (#8010)
ButtonGroup should allow multiple toggled buttons (#8142)
Add tabIndex config to Button (#8166)
[STYLING] The DatePicker no longer uses a background color in its header, for a cleaner look (#8187)
[DOCS] Documented step triggers for DateField, NumberField, TimeField & DurationField (#8270)
Grid state mechanism now supports the TreeGroup feature (#8364)
The RowReorder feature now supports dragging rows into other grid instances (#9225)
[ACCESSIBILITY] Buttons without text now adds the tooltip text to the aria-label attribute (#9360)
DurationField now accepts step as a duration string (e.g. "15min")
New columnCollapseToggle event fired by Grid when a group column is collapsed or expanded. The collapsible-columns demo was updated to use this event (previously used private event), so if you copied code from this demo, you may want to review and update your code.
The code editor in examples is now implemented with the VS Code engine. Code folding, search and replace, full undo/redo is now available when editing examples
To better follow readability recommendations, NumberColumn now defaults to aligning its content to the end (right for LTR, left for RTL)
[TypeScript] Class configs *Config (e.g. ButtonConfig) now provide type declarations for listeners parameter in *.d.ts files
[TypeScript] Class configs *Config (e.g. ButtonConfig) types now have optional parameters in *.d.ts files. *Config type can be used instead of Partial<*Config> declaration
PercentColumn now offers to render a circular percent indicator via the new mode config
The Filter feature now supports columns with a filterable config in the new multi-filter UI
Bumped the built-in version of FontAwesome Free to v6.5.2, which includes a new table-cells-row-lock icon sponsored by Bryntum
[Angular] Bryntum Angular wrapper now exports Bryntum...Props types (e.g. BryntumGridProps) which match the configs available for a wrapper component (e.g. BryntumGridComponent). Wrappers code is now delivered with documentation inside, that helps in setting up the components
The Group feature has a new headerHeight property to easily change group header row heights.
EventHelper no longer mutates the DOM event object to fix browser quirks and add utility properties. It now wraps the DOM event with a Proxy, which exposes all the properties of the DOM event and also accepts any new properties added to it. The original DOM event is available in the browserEvent property
New alwaysMultiSelect selection mode added to Grid, where all row or cell (configurable) clicks adds to the current selection. Click on a selected row or cell deselects it
The RowCopyPaste feature is now configurable with cutOnly, which translates all copy actions into cut actions and prevents the Copy context menu option

API CHANGES

[VUE-3] Bryntum Vue-3 wrapper now exports Bryntum...Props types (e.g. BryntumGridProps) which match the configs available for a wrapper component (e.g. <bryntum-grid>). Wrappers code is now delivered with documentation and TypeScript sources inside (#3085)
[BREAKING] Previously, when returning undefined from a column renderer, the actual cell will not be updated. There is a config on Grid.column.Column which controls this behaviour - alwaysClearCell. Since 6.0, alwaysClearCell will default to true, requiring columns that relies on the previous behaviour to be configured with alwaysClearCell set to false (#5622)
[DEPRECATED] The WidgetHelper utility class has been deprecated and will be removed in a future release. Use the corresponding widget class instead - Widget, Toast or Mask (#6103)
[DEPRECATED] The beforeExpand, expand, beforeCollapse and collapse events triggered by the RowExpander feature are now deprecated. Use the new beforeRowExpand, rowExpand, beforeRowCollapse and rowCollapse events on Grid instead (#7845)
[BREAKING] DateColumn now warns when not using a DateDataField in the underlying field definition of the Model. A DateDataField will be created in this case, which results in the value provided to the DateColumn renderer method will now always be Date objects (previously String type if data was not parsed) (#8226)
[STYLING] Tooltips with pure text contents (non-HTML) are now shown with less body padding (#8287)
[BREAKING] The useRawData setting on Store is now enabled by default, but with all sub-settings disabled. This means that the incoming data object will be used as is, without being cloned. Which will boost data loading performance, but is potentially a breaking change if the data object is reused / used in other parts of the application (#8335)
To allow defining multiple filters with same property but different operator, filter ids are now generated by combining property and operator (property-operator, previously only property). For example value-=and value-< (#8482)
[BREAKING] In 6.0.0-alpha-2 we changed the default value for useRawData on stores to true. This boosted record creation performance by not cloning the incoming data object. However, this change has lead to some issues, and we are now taking a step back. It will once again default to false when supplying data inline, and instead only to true when data is loaded remotely using an AjaxStore (#9289)
The RowCopyPaste feature's events copy and beforePaste has gotten their parameters slightly changed. The parameter records now contains clones of the copied records, and the original copied records can be found in the parameter originalRecords (these parameters are wrapped in a single event object)
Field´s highlightExternalChange default value is now false
[BREAKING] keepDate config of the TimeField class now defaults to true (previously false)
[DEPRECATED] @bryntum/babel-preset-react-app, @bryntum/cra-template-typescript-grid, @bryntum/cra-template-javascript-grid npm packages are deprecated, and will not get any further updates. Versions prior to 6.0.0 are still accessible
[BREAKING] The following previously deprecated APIs were removed:
- BrowserHelper.supportsPassive (v5.0.0)
- CalendarPanel.showWeekNumber (v4.0.0)
- DomHelper.up() (v5.3.9)
- DomHelper.focusWithoutScrolling() (v5.6.4)
- DomHelper.addClasses() (v5.0.0)
- DomHelper.removeClasses() (v5.0.0)
- FieldFilterPicker.fields array form (v5.3.0)
- FieldFilterPickerGroup.fields array form (v5.3.0)
- LocaleManager.registerLocale() (v5.3.0)
- LocaleManager.extendLocale() (v5.3.0)
- NumberField.decimalPrecision (v3.1.0)
- NumberField.leadingZeroes (v3.1.0)
- PickerField.autoClose (v5.5.5)
- Breakpoint typedef (v5.0.0)
- Responsive.responsiveHeightChange event (v5.0.0)
- Responsive.responsiveWidthChange event (v5.0.0)
- Responsive.breakpoints config (v5.0.0)
- record param for the Store.move event (v4.1.4)
- Store.storeId (v3.0.0)
- Widget.showByPoint() (v5.0.2)
- The gridRowBeforeDragStart, gridRowDragStart, gridRowDrag, gridRowBeforeDropFinalize, gridRowDrop, gridRowAbort events triggered directly on the RowReorder feature (v5.3.3)
- record param for the gridRowDrop event (v4.0.0)
- Grid.navigateLeft() argument (v5.2.1)
- Grid.navigateRight() argument (v5.2.1)
- Grid.navigateUp() argument (v5.2.1)
- Grid.navigateDown() argument (v5.2.1)
- Filter.isMulti (v5.6.0)
- Grid.selectionModel.rowCheckboxSelection (v5.3.3)
- PdfExport.enableDirectRendering (v5.2.0)
The Point utility class has a from() function that creates a Point from an Event. The coordinates for that Point are now in client space, not screen space
[BREAKING] The following default values were changed:
- Combo.clearTextOnSelection now defaults to true
- Column.alwaysClearCell now defaults to true
- Store.fireRemoveEventForMoveAction now defaults to false
- Grid.animateTreeNodeToggle now defaults to true
- RegionResize.animateCollapseExpand now defaults to true
[BREAKING] The following previously deprecated APIs were removed:
- Store.idField (v2.0.0)
- TextAreaPickerField.inline (v4.3.7)
- event argument of Grid.navigateUp/Down/Left/Right() (v5.2.1)
[BREAKING] The following menu item keys have been renamed:
- editFilter -> filterEdit
- disableFilter -> filterDisable
- removeFilter -> filterRemove
[BREAKING] The Grid.util.Location class has been renamed to Grid.util.GridLocation to not match the native Location class name
FilterBar feature now uses = operator by default when filtering in NumberColumn (previously used * operator)
Duration.toString(true) now uses a shorter representation without space ('5d', previous '5 d')
The CheckColumn minWidth config was changed to 30px
[BREAKING] The source event param in all RowReorder events have been changed to the Grid instance to conform with how other events are fired

STYLING CHANGES

The Stockholm theme got some slight tweaks to panel header (removed bottom border) and tab panel styling (replaced active tab background with thick bottom border) for a more modern look (#8440)
New ui for Panel called plain which uses a single background color for the panel and no border/background for header or toolbars
MessageDialog now uses the new plain rendition
The b-grid-empty CSS class is now added to the root Grid element when there are no rows (previously this CSS class was put on the body container element)

LOCALE UPDATES

New locale key for the LockRows feature, unlockRow

DEMOS

[VUE-3-VITE] New demo showing how to use FieldFilterPickerGroup to filter a Grid store, synchronized with the Grid Filter feature. The demo is located in frameworks/vue-3-vite/fieldfilters folder (#8836)
columns demo has be updated to show how to add, remove, rename, rearrange and resize columns (#9214)
New nested-grid-with-chart demo showing how to embed custom widgets such as a 3rd party charting library
New drag-between-grids demo showing how to drag rows between different Grid instances
New drag-between-trees demo showing how to drag rows between different TreeGrid instances
New grid-taskboard demo showing how to combine the Grid and TaskBoard widgets

BUG FIXES

#4933 - Toggleable button loses state when moved to toolbar overflow menu
#5074 - [HIGH PRIO] Returning undefined from column renderer produces unexpected content
#6441 - Instance config values should not be overridden by responsive configs
#6854 - Pressed state lost as button in ButtonGroup enters an overflow menu
#7760 - [HIGH PRIO] [TypeScript] Type intersection with any might be wrong
#7826 - FilterBar Combo field icons missing padding
#7827 - Misalignment when using FilterBar with compactMode for non-left aligned columns
#8171 - FieldFilterPickerGroup config limitToProperty should also apply to configured filters
#8329 - [HIGH PRIO] PDF generated using Gantt Print Feature showing duplicate tasks
#8409 - Crash when selecting date in DateRangeField with null value
#8459 - [HIGH PRIO] Carousel should support swipe gesture scrolling for mobile/touch
#8463 - Widgets in overflow menu fire events twice
#8510 - Should be possible to add FilterBar only for an individual column
#8513 - Example Code editor does not destroy old example widgets when new code is evaluated
#8523 - SlideToggle inside overflow menu triggers 2 change events
#8559 - DurationField not working with FilterBar
#8569 - LockRows feature should leave the store unchanged
#8580 - Event disappears if dropped on locked row
#8582 - Locked row styling tweaks
#8586 - [HIGH PRIO] Records disappeared on "Add" button click and quickly scroll to bottom and top
#8589 - Cutting from locked rows and pasting to normal rows doesn't paste to the normal rows and vice versa
#8604 - Code editor should have dark splitter in dark theme
#8605 - Crash when adding ?code=1 to example URL to show editor initially
#8612 - Code panel collapse animation reveals vertical placeholder at the end of the animation
#8613 - Duplicate row numbers when using LockRows + RowNumber column
#8614 - LockRows feature does a full render before setting up locking
#8615 - Cell widths out of sync with locked rows + autoWidth columns
#8616 - Lock rows feature will trigger a filter after every change to the data
#8621 - Nested grid with chart demo: Outer grid not updated when editing inner grid data
#8698 - Panel header changes size when collapsing / expanding panel in Stockholm theme
#8813 - [HIGH PRIO] Toolbar items lose their value when moved into toolbar overflow menu
#9058 - LockRows feature does not support Group feature
#9066 - CellEdit not compatible with LockRows
#9080 - LockRows not compatible with checkbox selection
#9085 - [REACT] 6.0.0-alpha-3 thin packages "Can't resolve 'vs/editor/editor.main'" error on build
#9101 - Crash in lock-rows demo when using "Fix by color" field
#9103 - Nested-grid-with-chart demo not updating nested grid when outer grid changes
#9105 - Grid Infinite Scroll demo crash on applying filter
#9108 - No option to enter value for a filter in Infinite Scroll Demo
#9138 - LockRows not compatible with remote data
#9284 - Checkbox's overflow twin lacks text
#9318 - Item cannot be dropped last in drag between grids demo
#9320 - Group header menu should not show option to lock/unlock the row
#9333 - Grid drag-between-trees demo throws when dragging to empty TreeGrid
#9334 - Grid drag-between-grid demo shows wrong drop position when dragging to empty Grid
#9369 - TreeGroup on name and using parentRenderer resulting in crash
#9419 - Column lines showing on header when columnLines is set to false
#9444 - MessageDialog prompt is not setting value for textField

FRAMEWORK SUPPORT

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.13 - 2024-06-26

FEATURES / ENHANCEMENTS

Filter feature column header tooltips now display localized text for active filter operators, e.g. equals instead of = (#9338)
[ACCESSIBILITY] ActionColumn actions now support ariaLabel attribute to add a descriptive text for screenreaders (#9377)
Added documentation for two new Grid events: horizontalScroll and horizontalScrollEnd (#5064)

API CHANGES

ContextMenus no longer call event.preventDefault() if there are no items to show (meaning native context menu will be shown). To prevent native menus from showing, please use the new preventNativeMenu config option
Column grid property is now public (#9409)

DEMOS

[VUE-3-NUXT] "Basic" (NUXT) demo shows using Grid component in NUXT. The demo is located in frameworks/vue-3-nuxt/basic folder (#9200)

BUG FIXES

#9369 - TreeGroup on name and using parentRenderer resulting in crash
#9375 - Grid navigation fails when no cell is focused
#9376 - Activate button in Action Column with [Spacebar]
#9384 - Cell menu disabled when Grid is readOnly
#9390 - [HIGH PRIO] Buttons in grid WidgetColumn cells cannot be invoked using keyboard

FRAMEWORK SUPPORT

NodeJS: >= 14.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.12 - 2024-06-13

FEATURES / ENHANCEMENTS

The refreshRows() method available on Grid now optionally accepts an array of records, to only refresh the corresponding rows (#9179)
New events beforeExcelExport and beforeCSVExport are added, which will be triggered before Excel and CSV export respectively (#8511)

API CHANGES

Combo dropdowns now auto width around visible content, but match at least the width of the Combo's input area (#9252)
[VUE] [REACT] When using wrappers for Vue or React, syncDataOnLoad is by default set to true on all stores configured on the wrapped Widget. Starting from 5.6.12, stores with a configured readUrl will have their syncDataOnLoad default to null

BUG FIXES

#8762 - [TypeScript] incorrect declaration of GridConfig comparing to the docs
#8890 - Nested relation field does not call custom setter for field
#8955 - fillHandleBeforeDragFinalize params from and to not correct when dragging from bottom to top cell
#9065 - [HIGH PRIO] Copy/paste keyboard shortcuts do not work with Salesforce Locker
#9111 - CellEdit throws exception when autocompleting field in Safari
#9235 - Grid row reorder proxy does not stay in view when triggering side scrolling
#9246 - [HIGH PRIO] id field on model is not persistent anymore
#9248 - RowReorder showGrip interferes with rendering of group headers
#9253 - [Accessibility] Editing not started when pressing [Enter] on cells in a PercentColumn
#9254 - First added tab to a TabPanel does not initially get the b-active rendition
#9257 - [Accessibility] aria-readonly attribute should be set on readOnly row cells
#9263 - Unable to use "is one of" operator in Grid filter feature when using AjaxStore and filterParam
#9273 - Tree Grouping support for rounding values when tree-grouping NumberColumn
#9343 - [HIGH PRIO] Crash on restoring grid state when a column has autoWidth configured
#9362 - Summary row disappears after moving column with empty data store

FRAMEWORK SUPPORT

NodeJS: >= 14.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.11 - 2024-05-21

FEATURES / ENHANCEMENTS

A new static boolean property, Widget.accessibility was added, which, when set to true causes tooltips to be activated on focus in addition to mouseover (#5539)
Vanilla JavaScript documentation has a new section on Multiple Products, showing how to use multiple components in a single page using thin components (#8756)
You can now configure enableRecurringEvents with a defaultAction parameter, to always choose a predefined action, single to always only process the selected event, or future to change all future events (#7606)
AjaxStore has a new config called includeChildrenInRemoveRequest, that controls if a remove request includes the id of a removed parent and all its children, or just the id of the removed parent (#8099)
Column now supports configuring its ariaLabel and cellAriaLabel DOM attributes

API CHANGES

Added HTML encoding strings displayed by various widgets such as FilePicker tooltip, Slider, Tooltip and others.
You can now prevent a SubGrid from being fully expanded by providing a maxWidth to it in the subGridConfigs object. This will also automatically hide the expand button inside the Grid splitter (#8775)
After a docs regression, several APIs flagged to be hidden in subclasses were still visible in the docs. These APIs are now correctly hidden (#9140)

BUG FIXES

#8148 - [HIGH PRIO] State is not saving in grouped column headers when reordering child to another group
#8319 - [HIGH PRIO] Grouping rows should not have Stripe color
#9011 - [VUE-3] Filter field is not editable once filtered when data is loaded using AjaxStore.readUrl
#9050 - Menu detached from submenu after hiding column
#9057 - [DOCS] FieldFilterPicker docs inline example doesn't apply filter at initial startup
#9064 - [VULNERABILITY] Fixed a bug regarding menu item texts not being HTML-encoded
#9075 - Error when hiding/showing a combo type column filter
#9091 - Grid Column ignores field's set value when field is localized
#9106 - Autocomplete icon in FilterBar in Safari
#9109 - Nbr items empty in master-detail demo
#9126 - headerRenderer is not taken into account while exporting data into Excel file
#9137 - Popup focus should go to descendant widget instead of maximizable
#9146 - [HIGH PRIO] Incorrectly generated snippets for on-owner events
#9160 - hasChanges should always return a boolean value
#9170 - clearChildren does not convert parent to leaf when convertEmptyParentToLeaf is enabled
#9172 - Crash when pressing [F3] with QuickFind enabled
#9197 - Crash when using TreeGroup with hidden column
#9199 - Nested grid demo crashes when grouped
#9210 - TreeGroup node toggle fails when a group field is an array

FRAMEWORK SUPPORT

NodeJS: >= 14.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.10 - 2024-04-24

FEATURES / ENHANCEMENTS

CalendarPanel (and its subclass DatePicker) may now be configured with a nonWorkingDays object, which is separate from weekend days while weekend days continue to exist in their fixed position (#8914)
Store has a new hasChanges property, it is cheaper than changes to use if you only need to know if there are changes or not
AjaxStore has a new paramsInBody config that allows sending parameters in the request body instead of the URL query string (#4058)
Model (=records) has a new getUnmodified() function that returns the unmodified value of a field (#9029)

BUG FIXES

#7860 - Allow specifying custom default operator by data type for Grid filter feature
#8725 - [HIGH PRIO] TreeGroup ID collision when multiple groups are applied and column with array data is at the top
#8751 - [HIGH PRIO] Not possible to increase the width of the last column
#8896 - [DOCS] Beef up docs about not supporting non-standard operators
#8910 - filterFn does not work with onChange in FilterField config
#8926 - [DEMO] Crash when dragging equipment using touch gesture
#8947 - Empty treegrid demo
#8959 - Floating widget doesn't realign if target transitions
#8965 - [HIGH PRIO] Toolbar overflow synced excessively
#8984 - Filtering crashes when combo widget column has a value
#8992 - [ANGULAR] implement support of ViewEncapsulation.ShadowDom
#8993 - The anchor gap between an aligned, anchored widget and its target allows a mouseout to be fired
#9035 - Crash when pressing Cancel button in Excel import demo

FRAMEWORK SUPPORT

NodeJS: >= 14.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.9 - 2024-04-09

FEATURES / ENHANCEMENTS

The MergeCells feature has a new shouldMerge hook that can be implemented in an app to control which cells should be included in a detected range (#8724)
Records that relates to other records with the use of the Model class's static relations config can now propagate their changes to the related records stores. This is useful if you have multiple widgets that you want to refresh when a related record changes. For example, showing row details in a nested grid using the RowExpander. See this in action in the Nested grids demo. The new behaviour is opt-in, you need to set the new propagateRecordChanges property on the RelationConfig object (#8671)
The FillHandle feature will now draw the fill handle in the bottom right corner even when the cell selection ends on the last column (#8826)

LOCALE UPDATES

Added Brazilian Portuguese translation ('PtBr') (#8747)

DEMOS

[VUE-3-VITE] New "Summary" demo (Vue 3 + Vite) shows the Summary feature. The demo is located in frameworks/vue-3-vite/summary folder (#8385)
[ANGULAR] New "Summary" demo (Angular) shows the Summary feature. The demo is located in frameworks/angular/summary folder (#8386)
[REACT-VITE] New "Paged grid with mocked Ajax" demo (React + Vite) shows that the grid can access large data sets page by page. Uses remote sorting and filtering with mocked Ajax. The demo is located in frameworks/react-vite/paged folder (#8662)
[VUE-3-VITE] New "Paged grid with mocked Ajax" demo (Vue 3 + Vite) shows that the grid can access large data sets page by page. Uses remote sorting and filtering with mocked Ajax. The demo is located in frameworks/vue-3-vite/paged folder (#8663)
[ANGULAR] New "Paged grid with mocked Ajax" demo (Angular) shows that the grid can access large data sets page by page. Uses remote sorting and filtering with mocked Ajax. The demo is located in frameworks/angular/paged folder (#8664)
[VUE-3-VITE] New "Scaling" demo (Vue 3 + Vite) shows how setting the font-size affects the size of the grid and widgets. Made possible since grid is styled using 'em' for sizes. The demo is located in frameworks/vue-3-vite/scaling folder (#8413)
[ANGULAR] New "Scaling" demo (Angular) shows how setting the font-size affects the size of the grid and widgets. Made possible since grid is styled using 'em' for sizes. The demo is located in frameworks/angular/scaling folder (#8414)

BUG FIXES

#6646 - State of columns is not restored for columns w/o ids
#7267 - Request for improved API for custom cell editors
#7662 - Resizing a solitary flex Column with maxWidth does not work
#8519 - [HIGH PRIO] [VUE 3] Repeated cell content on grid scrolling with Vue renderers #8519
#8652 - [LWC] Selection breaks when click outside Grid
#8672 - [TypeScript] Bbar and Tbar type error
#8700 - Cannot set value manually for widget column fields
#8748 - Cannot disable or hide file picker badge (now doable with showBadge config)
#8759 - [TOUCH] Pressing enter in cell editor does not move editor to the next cell
#8761 - Popup positioning incorrect when maximized with centered and maximizable
#8791 - Nested grid should have exposed relation property on its records
#8807 - dragSelect does not work in Salesforce
#8808 - Model.clearChanges() doesn't update the UI
#8815 - DateTimeField editor on Column throws an error on start editing
#8821 - Grid columns not scrolling into view when using keyboard navigation on column header
#8823 - [HIGH PRIO] The RowNumberColumn documentation does not display the description of configs
#8824 - [DOCS] Class disappears after hiding public members
#8840 - List "Select all" text not localized dynamically
#8846 - [HIGH PRIO] [Vue-3] Crash when filtering in column header with config vue: true on column
#8856 - Action OnClick not working when using svg + path
#8867 - The rowexpander-regions demo shows linked records generated ids
#8875 - DateHelper startOf week method does not return correct output for Sunday
#8880 - Modal masks for multiple popups are not working
#8912 - isPaged property on AjaxStore should be boolean
#8946 - Broken layout in Tree Grid Demo in Vue3 + Vite

FRAMEWORK SUPPORT

NodeJS: >= 14.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.8 - 2024-03-04

FEATURES / ENHANCEMENTS

The List class now has a title property, which shows a title above the first item (#8714)
The Print feature now prints background colors without users having to check the "Background graphics" option in the print dialog (#8716)

BUG FIXES

#7297 - Not navigable to next month if selected date is next month
#8547 - [TypeScript] Improve constructor declarations
#8628 - [HIGH PRIO] Renderer of CheckColumn subclass does not have widgets param
#8648 - [HIGH PRIO] Pressing delete in GroupBar causes crash
#8694 - DatePicker should always navigate to the month of the selected date
#8697 - Vertical misalignment of filter field check box

FRAMEWORK SUPPORT

NodeJS: >= 14.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.7 - 2024-02-22

FEATURES / ENHANCEMENTS

New expandToLevel method for Tree to expand the tree to an arbitrary depth (#8390)
A warning message is now shown when autoHeight is enabled for Grid with 200+ rows (#8068)
The scrollIntoView option in the grid selection API now accepts a BryntumScrollOptions object to describe how to scroll. To the start or end, animated or snap etc. (#8631)

API CHANGES

The StateTrackingManager (STM) will by default (if autoRecord is true) merge update actions on the same record (in same transaction), keeping the oldest, and the newest values. A transaction will almost always only contain one update action per record. If the previous behaviour is desired, you can configure the StateTrackingManager with autoRecordMergeUpdateActions set to false. If you're not using autoRecord, then the transaction action can be merged by calling the StateTrackingManager's new mergeTransactionUpdateActions function before the end of the transaction

BUG FIXES

#6148 - Row reorder should not trigger when dragging sideways
#7183 - Unexpected expansion of nodes when using search highlighting feature
#8223 - [HIGH PRIO] Group header should stay in the left most grid region
#8225 - [HIGH PRIO] isExport param is missing in Action column renderer params while exporting
#8375 - Make pinch -> [ CTRL ] / [ mousewheel ] opt outable
#8381 - Panel loses height immediately when collapsing code editor
#8393 - [HIGH PRIO] Incorrect indentation for tasks with no children placed after a task with children in name
#8395 - [TYPESCRIPT] DurationUnitDataField is missing from typings
#8399 - [TYPESCRIPT] [DOCS] Add a type of column config to DataField
#8423 - [HIGH PRIO] [LWC] Engine performance is too low with LWS enabled
#8429 - [HIGH PRIO] CellMenu acts on wrong row when using selectOnKeyboardNavigation: false
#8460 - Cannot read properties of null (reading 'constrainTo')
#8465 - [HIGH PRIO] Printing letter in landscape mode does not fit page
#8484 - Two widget columns with same widget type acts wrong on column hide/show
#8490 - Filter menu misaligns on selecting a value from Filter combo
#8495 - Removing a record while in TreeGrouped state does not remove it from the original store
#8512 - Dynamic column configuration / reactive data
#8520 - Grouping not refreshing when using tree grouping
#8539 - Crash when toggling full screen
#8541 - Checkbox column rendered incorrectly after removing filter
#8551 - [HIGH PRIO] Column reorder by drag and drop issues when children columns defined
#8552 - [HIGH PRIO] [LWC] tooltipRenderer cut custom tags in LWS
#8553 - [DOCS] Combo record prop wrong docs
#8557 - [DOCS] Event handlers are not searchable in docs
#8584 - It is possible to hide all columns with no chance to show them

FRAMEWORK SUPPORT

NodeJS: >= 14.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.6 - 2024-01-31

FEATURES / ENHANCEMENTS

Subgrids now support animated expansion and collapse with regionResize: { animateCollapseExpand: true } (#4183)
Grid now saves the collapsed state of groups in its default state saving mechanism (#8103)
Docs browser now shows code snippets for all events in the Events section (#8213)
Bumped built-in FontAwesome Free to version 6.5.1
All frameworks demo applications have been verified and updated to be compatible with Node.js 20
Grid emptyText now accepts a DomConfig object block (#8253)
New syncSort option for chained stores, to always keep chained store data in the same order as the master store (#8286)
Grid now fires rowMouseEnter, rowMouseLeave, cellMouseEnter, and cellMouseLeave events (#7282)
All context menu features which extend ContextMenuBase now include s reference to that feature in their menuContext object which is passed to processItems and event handlers

API CHANGES

To boost record creation performance, records now cache their id (it is accessed very frequently, helps performance a bit) and join their store(s) in a more efficient way. As a side effect, a record no longer has a stores array prior to joining a store, previously it was there as an empty array from start. We don't think this will affect any code, but wanted to share the change in case it does.

DEMOS

[ANGULAR] New "Filtering" demo (Angular) shows how the grid can be filtered (by filtering its store which reflects onto the grid). The demo is located in frameworks/angular/filtering folder (#8109)
[VUE-3-VITE] New "Filtering" demo (Vue 3 + Vite) shows how the grid can be filtered (by filtering its store which reflects onto the grid). The demo is located in frameworks/vue-3-vite/filtering folder (#8110)

BUG FIXES

#3627 - Splitter issues on touch devices
#6675 - Keyboard shortcut not triggering Collapse / Expand when tree column outputs a link
#7469 - Wrong value of expanded when calling store toJSON method
#7798 - [HIGH PRIO] [REACT] State Provider is not working
#7836 - [TYPESCRIPT] Missing layout classes and config types
#7847 - Undo not updating node to right position
#8062 - Widget column's menu is not opening consistently for some column
#8170 - Strange background color when selecting multiple rows
#8198 - DurationField does not show error tooltip when inputting invalid data
#8200 - Webpack build failed with .min.css file
#8227 - Should not set region when column is moved inside a parent column
#8229 - [HIGH PRIO] [VUE] Auto-size column doesn't work for Vue renderer
#8230 - Cell and header menu demo returns valid message when clicked
#8239 - ContextMenus aligned below click point instead of to the side
#8245 - [HIGH PRIO] [ENTER] key not working inside Fiddles in docs
#8249 - Group menu position issue
#8266 - namedItems improvements and add onAction for menu items
#8269 - [HIGH PRIO] Issue with appending child to a collapsed parent in a filtered tree store
#8281 - Updated task not appearing when it now matches filter after adding dependency
#8298 - [HIGH PRIO] Filter feature is not working for nested columns
#8303 - Grid cell menu with string namedItems not working
#8311 - validateOnInput config not being respected when using DateField
#8321 - [HIGH PRIO] TreeGrid node duplication on collapse/expand in Docs
#8362 - Menu is always displayed in the top left corner
#8373 - Cannot read properties of undefined (reading 'button')

FRAMEWORK SUPPORT

NodeJS: >= 14.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.5 - 2024-01-09

FEATURES / ENHANCEMENTS

It is now possible to show the CellMenu programmatically, via the new showMenuFor method. See the docs and updated contextmenu demo for more information (#4827)

API CHANGES

[TypeScript] element parameter for ElementListenerConfig typedef and EventHelper.addListener method has been changed to EventTarget type (#8139)
Point.from() method will return a point relative to the page coordinates instead of screen coordinates as of v6.0

DEMOS

[ANGULAR] New Master detail demo (Angular) shows a multi-level grid-in-grid scenario for master/detail view, powered by the RowExpander feature. The demo is located in frameworks/angular/master-detail folder (#8108)
[REACT + VITE] New Master detail demo (React + Vite) shows a multi-level grid-in-grid scenario for master/detail view, powered by the RowExpander feature. The demo is located in frameworks/react-vite/master-detail folder (#8107)
[VUE 3 + VITE] New Master detail demo (Vue 3 + Vite) shows a multi-level grid-in-grid scenario for master/detail view, powered by the RowExpander feature. The demo is located in frameworks/react-vite/master-detail folder

BUG FIXES

#2159 - ActionColumn actions renderer and tooltip fails when specified as functions and record argument is used
#4009 - Store allRecords getter does not return all records when filtered and grouped
#7403 - Make a guide on how to make a theme selector in frameworks
#7964 - [REACT] JSX doesn't work in Popups
#8012 - ActionColumn's onClick handler should have link in owner Grid instance in its params
#8116 - Disabled checkboxes can be selected with keyboard shortcut
#8123 - WidgetColumn leaks widgets and recreates new ones on column hide/show
#8129 - KeyMap should pass event and owning Widget to handlers
#8130 - Grid is missing a headerClick event
#8146 - Error when set percentage width in column
#8147 - Tree toggles nodes on pointerup instead of click
#8154 - [Firefox] Vertical scrolling in docs tree not working with trackpad
#8165 - Row selection not updated during ScrollManager auto scroll
#8175 - Error on tab press after clicking column header with FilterBar feature
#8179 - ascending config not working in Group feature
#8191 - PickerField with autoExpand : true does not show picker when clicking trigger icon

FRAMEWORK SUPPORT

TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.4 - 2023-12-21

API CHANGES

[DEPRECATED] The DomHelper.focusWithoutScrolling method is deprecated because the native focus method now supports the preventScroll option on all platforms.

DEMOS

[ANGULAR] Added new "Tree Grid" Angular demo which is located in the "examples/frameworks/angular/tree" folder
[REACT + VITE] Added new "Tree Grid" React + Vite demo which is located in the "examples/frameworks/react-vite/tree" folder
[VUE 3 + VITE] Added new "Tree Grid" Vue 3 + Vite demo which is located in the "examples/frameworks/vue-3-vite/tree" folder

BUG FIXES

#6224 - Add event for ColumnResize to catch user resize action
#7884 - pdfExport.exportDialog.bbar buttons config doesn't propagate
#7919 - Improve CellEdit validation docs
#8028 - Store min/max functions returning inconsistent values
#8040 - Gantt doesn't immediately display remotely appended rows when using { overscroll : true }
#8047 - Animated tree node collapse causes crash in docs
#8072 - [DOCS] Update documentation of beforeClose event return from Popup
#8081 - Missing TreeGrid component in Angular / React / Vue packages
#8085 - LWC does not support W3C standard HTMLElement.replaceChildren

FRAMEWORK SUPPORT

TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.3 - 2023-12-13

FEATURES / ENHANCEMENTS

The Toast class has a side config which may be specified as 'top' to show the toast at the top of the screen (#7910)
FillHandle feature now fires a number of useful events while dragging which allows you to cancel the start, or the finalization of the flow. See FillHandle feature documentation for more information (#7932)
FillHandle feature now also operates on leaf nodes in AggregationColumn
[VUE-3-VITE] New "Master detail" demo (VUE 3 + Vite) shows a multi-level grid-in-grid scenario for master/detail view, powered by the RowExpander feature. The demo is located in frameworks/vue-3-vite/master-detail folder (#7781)
[REACT] Documentation in "Quick start" and "Guide" is now updated with how to build React application in Vite for higher efficiency and better performance in development

API CHANGES

[DEPRECATED] Please kindly note that @bryntum/babel-preset-react-app and @bryntum/cra-template-typescript-grid, @bryntum/cra-template-javascript-grid packages will not get any updates after 6.0.0 version

BUG FIXES

#1334 - Should be possible to delete a chip with backspace key
#1335 - Typed text not removed after selecting value in multiselect combo
#1966 - [DOCS] Copying code to the FiddlePanel code element in docs does not remove formatting
#7681 - [LWC] Defects of floating widgets in a Bryntum Grid inside a lightning-modal
#7888 - Dock start/end in footer configuration crashes the app
#7912 - Reloading tree store data throws exception in Grid
#7918 - Multi value grouping cannot use field path name into a StoreDataField
#7923 - AjaxStore commit requests not always sent
#7942 - Separator for combo box not working
#7969 - Headers and cells misaligned when using showGrip
#7976 - Content lost if setting showDirty while scrolled down
#7977 - Should not enable cell replication for non-editable columns / cells
#7982 - Widen splitter in all relevant splits on hover
#7997 - The documentation of NumberFormat is wrong
#7999 - Animated tree expands rows inserted at wrong index
#8023 - [Salesforce] Toast doesn't shown in Salesforce app
#8036 - Copy to clipboard doesn't work in some code blocks

FRAMEWORK SUPPORT

TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.2 - 2023-11-24

FEATURES / ENHANCEMENTS

New rowLines config added to toggle display of row lines in the Grid
Added support for wrapping time when reaching min/max using steppers in the time picker (#7580)
[REACT] Docs and demos for custom column editors updated to show how to handle async setState() calls, to avoid loosing column editor values

BUG FIXES

#7092 - Feature mixin on-owner events are not exposed on class
#7887 - RowExpander with widget doesn't work with Vite non-link CSS imports
#7894 - Grid CellMenu does not show when clicking top border of a row
#8213 - NumberFormatConfig typescript class is missing several configs due to docs issue in NumberFormat

FRAMEWORK SUPPORT

TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.1 - 2023-11-17

FEATURES / ENHANCEMENTS

[REACT] New Cell Edit demo (React + Vite) showing how to use various grid cell editors. The demo is located in frameworks/react-vite/cell-edit folder
[REACT] New Scaling demo (React + Vite) shows how setting the font-size affects the size of the grid and widgets. Made possible since grid is styled using 'em' for sizes. The demo is located in frameworks/react-vite/scaling folder
Added support for filtering TimeColumns (#7692)
Added option to maintain scroll position during remote changes when the viewport is near the end of the scrollable range. Configure grid with preserveScroll : { overscroll : true } to opt-in to the new behavior (#7759)
Added support to programmatically refresh a Grid column header via the new refreshHeader and refreshHeaders methods (#7843)

LOCALE UPDATES

There is a new locale key selectATime : 'Select time' which may be used by FieldFilterPicker's time input

BUG FIXES

#4911 - parentIndex is ignored with enabled transformFlatData
#5719 - [YARN] Can not install @bryntum product packages using yarn v2/v3
#7459 - Made pageSize a property
#7471 - Overriding feature's keyMap from Widget doesn't work
#7703 - NumberField limits typed input to minimumFractionDigits not maximumFractionDigits
#7733 - Event cellMouseOut emits only once
#7750 - Vite error @charset must precede all other statements
#7752 - Print code throws trying to access stylesheet internals
#7754 - [Frameworks] Thin packages not working with pnpm
#7783 - Detached expanded row body when sorting with spanRegions
#7791 - [Salesforce] RowExpander throws error when collapse the record
#7802 - Collapsible columns not opening
#7810 - Undo/redo with outdent error
#7817 - Checkbox column remains groupable even when specifically set to false
#7820 - globalThis should be defined in locales to support LWC
#7833 - Select all checkbox not functional when all grid groups are collapsed
#7834 - Error in TreeGroup with filters
#7853 - Data unavailable when resourceStore groups in collapsed state

FRAMEWORK SUPPORT

TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.6.0 - 2023-10-26

FEATURES / ENHANCEMENTS

This release introduces a new set of npm packages and framework components, that allows combining multiple Bryntum products in the same application. These packages contain the product specific code only, as opposed to the current packages that has all code for the products each product builds upon (for example Scheduler contains Grid & Core). The new packages are called thin packages, and moving forward it will be the recommended way of using Bryntum products in npm based applications (for all supported frameworks). See the "What's new" guide for more information
Grouping may now group by an array field, which means that one record can be a member of more than one group. Linked records are used when a record must appear more than once in a store (#5185)
The RowExpander feature now supports configuring different widget content for different regions (#7035)
New RowResize feature allowing user to drag bottom row border to change row height (#2843)
@bryntum/grid-thin bundle includes scss theme files in sass/themes folder (#7445)
The List widget now supports collapse / expand of groups (#7405)
Added preserveScroll config to Grid, preventing vertical viewport movement during remote changes (#7353)
[TypeScript] Functions and events declarations in typings were improved to contain all available parameters and return type (#6961, #4456)
ExcelExport feature now supports exporting to CSV file (#5612)
Added a Print feature based on PdfExport feature which allows using browser print dialog and not rely on backend (#6218)
The RowExpander feature has been improved with support for a single expanded element or widget that span over several Grid regions (#7314)
Grid has a new config animateTreeNodeToggle. When set to true, expanding and collapsing of tree nodes is animated
Infer field types for auto fields when using FieldFilterPicker with store data present (#7691)

API CHANGES

[BREAKING] Core.util.helper.Point class has been moved to solve circular module dependencies. It is now a named export of the Core.util.helper.Rectangle module. Check upgrading guide for the details
values API of the ExportDialog class is reverted to the default implementation in Container. If you have customized dialog fields you need to review your configuration. See upgrade guide for more details (#5907)
isMulti is now the default mode for the Grid Filter plugin. To configure the filter pickers inside the column filter editor popup, provide a GridFieldFilterPickerGroup configuration using the Filter feature's pickerConfig config option. Configure legacyMode : true to use the previous UI instead (#6685)
[DEPRECATED] The Filter feature context menu items disableFilter, removeFilter, and editFilter will be renamed filterDisable, filterRemove, and filterEdit, respectively, in 6.0.0 If you are customizing the CellMenu to hide or replace any of these menu items, you will need to change their names accordingly
Grid summary cells are now layed out using CSS grid layout instead of using a <table>. If custom renderers are used which rely on table layout, these will need updating

LOCALE UPDATES

There is a new locale key selectValue : 'Select value' which is used by the FieldFilterPicker when creating filters on relation-type fields
There is a new locale key for the Object class. 'None' is used to label group header rows which are for child records who's group field value is an empty array

BUG FIXES

#7493 - Multi group demo hangs when editing Skills
#7494 - Grouping indicator not shown when grouped by Skills
#7502 - Row resizing breaks row reordering
#7503 - Non-filterable column has a Filter option in its context menu
#7504 - Multi-group demo hints not showing in Firefox
#7515 - RowExpander refreshOnRecordChange creates duplicate instances of widgets
#7527 - Summary row obscures docked scrollbar
#7546 - RowExpander getExpandedRecord crashes when called from expanded widget paint listener
#7638 - Added hidden property to filterBar feature in docs
#7646 - Facet filters do not apply on iOS
#7648 - Export to CSV: blank space after each comma
#7649 - Collapsing/Expanding rapidly a tree cell throws error
#7654 - Records with no skills disappear in multi-grouping demo
#7656 - Field filters grid example doesn't render on iOS
#7675 - Use polyfill for ResizeObserver in RowExpander for SalesForce non LWS support
#7689 - Moving columns in a multi region grid with a state provider is broken
#7695 - Print feature not printing correctly when changing the splitter position
#7697 - Add filter in config for filterBar feature
#7724 - Slider styling is wrong when placed on a Toolbar in Classic light theme

FRAMEWORK SUPPORT

TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 2.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

5.5.5 - 2023-10-23

BUG FIXES

#279 - ObjectHelper.isEqual fails if compared object has cyclic links
#2024 - Slider tooltip should be configurable
#7250 - Merge Cells feature has CSS bugs when resizing merged columns in rtl
#7415 - transformFlatData loses tasks if child sorted before parent
#7588 - Add "aria-pressed" only for toggle button and not all buttons
#7611 - The rowCopyPaste feature doesn't work with collapsed nodes
#7620 - Headers and cells are misaligned in row reorder demo
#7638 - Added hidden property to filterBar feature in docs
#7641 - Bryntum Combo and Tag Combo empty text appearing null
#7651 - showDirty indicator jumps to wrong cell during edit
#7653 - Grid goes blank when scrolling to top record
#7657 - Event cellMouseOver emits only once
#7676 - Store should have changes if record's StoreDataField has number type changes
#7690 - [Salesforce] Error when open Grid in Firefox if LWS enabled
#7694 - FilterBar removes typed text

5.5.4 - 2023-10-05

FEATURES / ENHANCEMENTS

Added preserveScroll config to Grid, preventing vertical viewport movement during remote changes (#7353)
FilterBar feature now can keep a column filter when the column is hidden, via the new clearStoreFiltersOnHide config (#7568)

BUG FIXES

#7374 - Split feature doesn't work in REACT
#7472 - TreeGrid with transformFlatData and custom idField no longer works
#7518 - Scroll breaks if data filtered with preserveScrollOnDatasetChange enabled
#7534 - Combo value not updated in the input is some cases
#7547 - RowReorder feature not working inside nested grid
#7554 - Missing field type in custom GridRowModel in lockedcolumnstree example
#7560 - Pressing [ENTER] key on Cancel button in MessageDialog triggers OK click
#7572 - [SalesForce] Combobox stops working after clicked clear in column filter
#7581 - Undo does not work when reparenting to the top of the tree grid
#7584 - Editing a related column does not refresh the UI
#7593 - Selection checkbox stays checked if beforeSelectionChange returns false

5.5.3 - 2023-09-15

FEATURES / ENHANCEMENTS

The RegionResize feature now allows hiding splitter expand/collapse buttons by using the new showSplitterButtons property (#6770)
[REACT] New Facet Filtering demo (React + Vite) shows a filter panel that can filter to specific data values. The demo is located in frameworks/react-vite/facet-filter folder
[REACT] New Filtering demo (React + Vite) shows how the grid can be filtered (by filtering its store which reflects onto the grid). The demo is located in frameworks/react-vite/filtering folder
[REACT] New Summary demo (React + Vite) shows how to sum up selected rows. The demo is located in frameworks/react-vite/summary folder

BUG FIXES

#7031 - Removing columns corrupts the events rendering
#7076 - Scheduler zoomIn/zoomOut doesn't keep center well
#7368 - CellEdit's editor's beforeCancel event returning false is ignored
#7394 - RowExpander crash when filtering paged AjaxStore with syncDataOnLoad
#7396 - TreeGroup bug with cell updates when custom renderer used
#7402 - Setting '->' in toolbar giving error
#7407 - Hiding a dynamically added column when splitting horizontally causes crash
#7468 - allowedFieldNames not working with store.fields

5.5.2 - 2023-08-30

BUG FIXES

#7128 - Group icon not showing when sorting is disabled
#7237 - Poor performance on very large grid selections
#7330 - Resizing subgrids not working for more than 2 subgrids
#7351 - findByField method does not pick up empty string
#7382 - Slider cannot not be enabled after being disabled

5.5.1 - 2023-08-16

FEATURES / ENHANCEMENTS

RegionResize splitter dragging can now be disabled by configuring the feature´s enableDragging config to false (#7271)

API CHANGES

The 3rd argument of the Field's setError method made public, it marks error as "temporary" and it will be removed upon the next user interaction (#5178).

BUG FIXES

#3504 - Issue in DurationField setting units
#3663 - Renderer for Check Column not called when exporting
#6911 - Grid Weird behaviour when setting store.data with syncDataOnLoad & grouping on
#7189 - [LWC] Combobox list closes when clicked on scroller
#7245 - Disabling multiSort feature not working

5.5.0 - 2023-07-31

This release is a replacement for the 5.4.3 patch release. It was changed to a minor version because of some larger changes behind the scenes to pave the way for future support for live updates in Scheduler Pro and Gantt.

FEATURES / ENHANCEMENTS

[VUE-3] New demo showing basic Vue 3 + Vite 4 setup. Demo is located in examples/frameworks/vue-3-vite/basic folder

BUG FIXES

#7221 - [VUE] Vue vite app doesn't compile with Bryntum vue wrappers
#7225 - [VULNERABILITY] Searching html tag changes the value of searched cell

5.4.2 - 2023-07-26

FEATURES / ENHANCEMENTS

The function of Column.finalizeCellEdit config can now return an arbitrary string to indicate an error message of the failed validation (#6845)
The Split feature now relays listeners to all splits, and it also relays a (configurable) subset of the grid's configs at runtime (#7200, #7201)

BUG FIXES

#6866 - Not possible to switch am/pm in time picker in mobile Safari
#6939 - Merge Cells feature has CSS bugs when resizing merged columns
#6985 - Applying a default/initial filter to resources in tree group doesn't clear afterwards
#6998 - [LWC] Column reorder does not work when state provider is used
#7170 - Toggling features while split does not reflect on other splits
#7202 - Column mistakenly added to vertical split

5.4.1 - 2023-07-13

FEATURES / ENHANCEMENTS

We have created a public repository to showcase Salesforce demos. All previous demos are merged into one Lightning Application which is easy to install to a new scratch org. You can find more information in updated guides and in this repository: https://github.com/bryntum/bryntum-salesforce-showcase#bryntum-salesforce-showcase
We have created a public Salesforce org where this app is preinstalled. You can find link to it and login credentials on the updated examples page
Added facet filtering demo showing how to filter by specific data values. Demo is located in examples/facet-filter folder
Grid now fires splitterDragStart and splitterDragEnd events when resizing a SubGrid using the splitter (#7121)

BUG FIXES

#6077 - [TypeScript] Model constructors should allow second param
#6987 - [REACT] React component is not rendered correctly on expand / collapse
#7103 - SlideToggle in grid should animate when toggled manually
#7115 - TreeCombo triggers an error when passing empty default value array
#7128 - Group icon not showing when sorting is disabled
#7134 - Select all is not working when the grid contains group summaries
#7139 - Reordering to the selected row crashes
#7142 - Non existing import path within GroupBar scss file

5.4.0 - 2023-06-30

FEATURES / ENHANCEMENTS

The RowCopyPaste feature has been enhanced to use a page-global internal clipboard and also supports the browser's native Clipboard API if accessible. This means that it is possible to copy and paste row between multiple instances of Grid or Grid-based components. It is also possible to copy a row and paste it inside a Spreadsheet app like Excel
Two new widgets for editing colors has been added in this release. Firstly, there is the ColorPicker, which lets the user select from a range of pre-defined colors. It is not built for stand-alone usage, but meant to be used in a Menu or as a picker for a PickerField. There is also the ColorField which can be used as a normal form field to display and edit a color value. It uses the ColorPicker as its color picker (#2939)
A new column, ColorColumn, has also been added. It renders a colored element which the user can click and select a new color from the ColorPicker's pre-defined range of colors
The RowExpander now supports rendering widgets inside the expanded row. This makes it possible to expand a row and show more details in a nested grid. Two new demos has been added to demonstrate this - Master-detail and Nested grids (#3591)
Columns can now display data in related records (defined using the relation system) using a . in the field name, for example team.name (#6639)
On a similar note, columns can now also display (and allow editing of) nested data using a . in the field name, for example address.city when given record.data = { address : { city : 'Stockholm' } }. Define the top level field (address) on your Model with type: 'object' to wire it up correctly
Widget has a new config, maximizeOnMobile which takes effect only on floating widgets on a mobile device. It causes the widget to be maximized instead of positioned in order to accommodate the mobile virtual keyboard. This will make event editing much easier to use on mobile devices (#6522)
On mobile devices, type : 'checkbox' is rendered as a slidetoggle widget. The API and value is the same, it is just a more appropriate UI for the platform
Grid has a new Split feature, that allows splitting the grid into multiple parts (horizontally, vertically or both ways). Try it out in the new split demo (#3917)
The MergeCells feature now supports merging cells in any column, not only sorted columns. Opt in to the new behavior by configuring the feature with sortedOnly: false (#5012, #6429)
For a slightly better docs experience for most users, the docs browser now by default hides some more obscure APIs normally only used when implementing own widgets and features. Advanced users in need of these APIs can still opt in to see them using the Show menu in the docs browser
Updated columntypes demo to show how to use a SlideToggle widget in a WidgetColumn (#2256)
Button now adds a type attribute specified by the Button´s behaviorType value (defaults to button). See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button for more info (#7032)

API CHANGES

The RowCopyPaste feature's copyRows and pasteRows has been made asynchronous due to the enhancements mentioned above
The RowCopyPaste feature's beforeCopy and beforePaste events are now asynchronously preventable
The CellCopyPaste feature's beforeCopy and beforePaste events are now asynchronously preventable
The underlying store created when using StoreDataField now defaults to using syncDataOnLoad : true. You can use the new store config to supply a custom configuration object used when creating the store

BUG FIXES

#5943 - Undo/redo does not catch cut-pasting row
#6884 - Detail row becomes empty after several sorting operations on the main column
#6946 - Missing gap between filter fields
#6947 - Grid split example issue
#6955 - Grid localization example does not render on iPad Safari
#6958 - Scheduler split demo throws an exception
#7014 - Checkbox cell is not accessible with keyboard
#7062 - Adding a column to a split Grid not reflected in splits
#7080 - "No color" looks like white color and checkmark not updating
#7081 - Child widgets with autoHeight stops collapse animation

5.3.8 - 2023-06-28

API CHANGES

A new config has been added to the RowExpander feature that re-activates the previous behaviour of scrolling the expanding row into view. The config is called autoScroll and defaults to false (#7027)
Grid now supports toggling hideHeaders and hideFooters during runtime to control visibility of header / footer
Grid now supports configuring away its horizontal scrollbar using its new hideHorizontalScrollbar config

BUG FIXES

#2002 - Sorters/filters are not refreshed up after changing store
#5427 - parentId appears as a modification after undoing a delete
#5507 - Undo action with STM not keeping the actions after deleting a node
#6694 - beforeColumnDropFinalize event lacks information on where column is being placed
#6924 - exportProgressMask does not change value on PDF Export
#6962 - Demos use deprecated sum Boolean parameter in columns config
#7021 - ViewPresetCombo not showing name from custom presets base
#7039 - Crash when filtering and hide/show columns
#7048 - YY year format shows only single digit
#7054 - Possible to resize a region with regionResize disabled
#7055 - Grid Column Header align right !== end in material theme
#7060 - [PERFORMANCE] Prevent partnering header which is hidden
#7070 - Filtering demo describes filterable example function incorrectly
#7071 - columnDrag event payload insertBefore property is incorrect

5.3.7 - 2023-06-20

FEATURES / ENHANCEMENTS

A new config for the Sort feature, toggleOnHeaderClick makes it possible to specify that sorting should only occurs when clicking on the icon (#6827)
MenuItem item event now includes a domEvent param (#6863)

BUG FIXES

#5436 - Undo does not work when deleting selected children and parent
#5494 - Collapsed/expanded state bug when using undo/redo on tree grid
#5927 - Error when scrolling and then switching to collapsed tree structure
#6673 - Bug when undoing a cut operation
#6788 - Irregular behaviour with last locked column and hidden locked columns
#6844 - Filter field not updated when replacing column with same id
#6877 - [LWC] Cannot read properties of undefined (reading 'host')
#6896 - Tree Grid search highlighting throws an error in lazy loaded implementation
#6907 - Cell navigation with keyboard ignores visible column order
#6912 - [REACT] Custom column editor lose value in React 18
#6954 - Merged cell value is not displayed in classic-dark nor material theme
#6969 - Grid TreeColumn text should be truncated when a column is too small
#6976 - Not possible to control group row height when combined with GroupSummary feature
#6996 - CellCopyPaste feature docs are misleading
#7010 - Zoom level state not restored when timeline is collapsed
#7025 - Combo should handle being destroyed in item/select/change listeners
#7028 - Incorrect examples for fields config in FieldFilterPicker docs

5.3.6 - 2023-05-26

FEATURES / ENHANCEMENTS

Grid now fires new splitterExpandClick and splitterCollapseClick events which lets you prevent the default behavior when clicking the collapse/expand icons inside the grid splitter (#6677)

BUG FIXES

#6409 - Group feature should restore groupers when re-enabling
#6704 - Inconsistent work of CheckColumn when selectAll enabled
#6756 - [LWC] Grid does not render due to scrollBarWidth calculation
#6760 - CellCopyPaste feature paste is off by number of hidden columns
#6791 - Columns are not exported correctly if they exceed total grid row subgrid size
#6799 - Grid throws when applying column state with non-existing region
#6805 - includeInSubset creates duplicate records in the store
#6807 - Splitter cannot resize neighbor widgets in react apps

5.3.5 - 2023-05-11

FEATURES / ENHANCEMENTS

Grid now fires a new columnDrag event which lets you mark a drop position as invalid (#6634)
Column widths and hide/show state are synced between partnered schedulers with identical column sets (#6682)

API CHANGES

In a group header row, the expand/collapse icon is now a separate element rather than a pseudo-element of the header cell

BUG FIXES

#6384 - Inconsistent tool order in header of inline collapsed panel
#6495 - ReorderFeature - gripOnly doesn't work when first column is a checkbox column
#6544 - Not possible to return a DOMConfig array in a TreeColumn renderer
#6565 - Event trigger from widget button doesn't go up to grid if bubbles enabled
#6656 - Grouping beforeToggleGroup event should include the instigating UI event
#6672 - Drag proxy misrendered in row reordering in Safari
#6701 - [IONIC] Scrollbar width could not be determined under Ionic framework
#6703 - Allow selecting text in row expander body
#6715 - Grid cell unhovered when moving over inner element

5.3.4 - 2023-04-28

FEATURES / ENHANCEMENTS

Store now has a startGroupsCollapsed property meaning that all groups begin collapsed. (#6642)

API CHANGES

Checkbox selection column is no longer hideable by the user by default (can be toggled in code by setting hideable to true) (#6650)

BUG FIXES

#6267 - Persist expanded state when pasting tree nodes
#6584 - Row select blinking on mobile after first select
#6640 - [LWC] Context menu only opens once
#6652 - Minified UMD bundle does not export bryntum namespace
#6653 - Unhandled mouse event exceptions in Salesforce on Safari
#6657 - Drag proxy misrendered in row reordering

5.3.3 - 2023-04-21

FEATURES / ENHANCEMENTS

The CellEdit feature's autoEdit functionality now triggers a beforeCellRangeDelete event which by returning false, can prevent the deletion on multiple cell values. When only deleting a single value, the already existing beforeCellEditStart event is used as before
[ANGULAR] Bryntum Grid now ships with two npm Angular wrapper packages to support different versions of Angular framework. Existing @bryntum/grid-angular package is now designed to work with Angular 12 and newer versions, which use the IVY rendering engine. New @bryntum/grid-angular-view package is designed to work with Angular 11 and older versions, which use the View Engine rendering. Check Upgrading and Angular integration guides in documentation for more information (#6270)
[ANGULAR] angular-9, angular-10 and angular-11 demos have been added to show use of @bryntum/grid-angular-view package with Angular 9, 10 and 11. Demos are located in subfolders inside examples/frameworks/angular/ folder
[ANGULAR] angular-12, angular-13 and angular-14 demos have been added for Angular 12, 13 and 14. Demos are located in subfolders inside examples/frameworks/angular/ folder
[ANGULAR] basic demo has been upgraded to use Angular 15. Demo is localed in located in examples/frameworks/angular/basic/ folder
[ANGULAR] legacy angular-6, angular-7 and angular-8 demos has been removed

API CHANGES

Removed skipRefresh argument from Grid's toggleCollapse() function, since it was not working and there was no code to back it up
[DEPRECATED] Events triggered by the RowReorder feature have been deprecated and now instead trigger on the owning Grid instance (all other features follow this pattern). Old events fired by RowReorder will be removed in 6.0 (#6579)

BUG FIXES

#5758 - Tree column autoHeight not working
#6166 - createOnUnmatched only creates new record on Enter key press
#6483 - Grid header alignment Issue when using 3+ levels headers
#6524 - FillHandle feature does not work in Salesforce
#6528 - TypeError r.ion is not a function
#6533 - Datasync issue on remotely filtered and paged Store with syncDataOnLoad
#6548 - Backspace key not working in cell editor with combo combo
#6549 - Grid header misalignment when material theme used
#6620 - Dynamically created SubGrid's xScroller does not have a reference to the outer Y scroller

5.3.2 - 2023-04-04

FEATURES / ENHANCEMENTS

Grid's ColumnStore now uses syncDataOnLoad : true (and it is not intended to be changed by apps), which improves performance for state changes when binding to <bryntum-grid columns=""> in frameworks (Partial fix #6340)
The backends for the php and php-paging demos were updated to work with PHP 8

API CHANGES

The docs for the Grid's selectionChange and beforeSelectionChange events mistakenly showed that the deselected, selected and selection params included records or cells, when they only included records. That have been fixed, and we also added deselectedCells, selectedCells and cellSelection params to same events.
Context menu items for copying and pasting rows (from the RowCopyPaste feature) are no longer combined with menu items for copying and pasting cells (from CellCopyPaste). To show both cell & row copy items in the same menu, enable the rowOptionsOnCellContextMenu config.

BUG FIXES

#6058 - Widget's showAnimation config not working properly
#6120 - store.load() doesn't work if TreeGroup feature used
#6321 - Built-in DateField validation not working properly
#6357 - Double entries of copy/paste
#6358 - Hard to select row in advanced demo
#6360 - selectedRecords need to include records from selected cells
#6380 - Cannot drop into collapsed group if store is filtered
#6392 - Tree Scheduler with initial filters on the resource store renders too early
#6395 - Fixed angular production build of StateProvider helper classes
#6428 - FullScreen.request method should move floatRoot into the fullscreened element
#6433 - Escape key not working in example filter field
#6443 - SubGrid hiding does not work properly
#6447 - Filter feature column tooltips not working with array-valued relation filters
#6478 - Grid Region still resizable when resizable is set to false
#6484 - Invisible cells repainted with wrong data
#6500 - Right click on Grid WebComponent throws an error
#6507 - dropOnLeaf does not work properly on a scrolled page
#6509 - Column readOnly should prevent editing

5.3.1 - 2023-03-17

FEATURES / ENHANCEMENTS

Tree store now applies filters/sorters to any new data when calling applyChangeset() (#6155)

API CHANGES

Removed obsolete config keepUncommittedChanges for chained stores. It did not affect chained store behavior
expanded field was moved to Model class from GridRowModel
Date parsing was made more forgiving in regard to character used to separate date parts. For example these strings are now all acceptable as HH:mm: 10:20, 10 20, 10-20, 10/20 (#6344)

BUG FIXES

#5325 - Multi-level sort with custom sorting fn not working
#6086 - Checkbox columns are always unchecked
#6229 - Exception when reconfiguring store on a grouped and filtered view
#6282 - Checkbox missing right margin
#6286 - Horizontal scroll resets when scrolling back up
#6301 - Grouping is broken after record remove is cancelled
#6312 - Splitter does not move after updating to 5.3.0
#6314 - [VUE] Columns prop has wrong type in BryntumGrid wrapper component
#6327 - Examples filter field clearing does not refresh example list
#6328 - 'move' event oldParent should pass rootNode when moving a node from the rootNode
#6331 - Prevent checkbox column to be scrolled out of view
#6342 - Tooltip remains visible when moved by multiple rows across empty cells
#6351 - Components do not render into containers not already in DOM
#6355 - StateProviderConfig TypeScript missing listeners property
#6365 - [VUE3] Tree Grid Demo is buggy
#6370 - Task editor closes when changing active tab programmatically
#6386 - Wrong sorting when grouped by custom groupSortFn

5.3.0 - 2023-03-02

FEATURES / ENHANCEMENTS

The CSS with predefined colors for Button, Checkbox, Radio, SlideToggle & Toast was changed to reduce file sizes (cuts away ~15% of the size of Grid's standalone CSS-bundles), while also making it easier for us to add more colors in the future
The Grid's selection functionality has been greatly improved as of this release. In addition to row and checkbox selection it now also supports cell selection, column selection and RowNumberColumn selection. The ability to select by dragging the pointer has also been added. All the selection settings are now fully changeable at runtime. For full details of the new selection functionality, please check out or new selection demo (#497, #1915, #3123, #3334, #3970, #4628, #4932)
The new FillHandle feature brings spreadsheet like fill functionality to the Grid. When enabled, a Grid selection range will get a fill handle along with a fill border. This handle can then be dragged over new cells in any direction. The cells being dragged over will be filled with values calculated from the original selection
The CellEdit feature has been updated with support for editing multiple rows simultaneously. The multiEdit config is true by default. Simply select multiple rows, edit the last one and then hit Ctrl+Enter to apply the new value to all selected rows
The new CellCopyPaste feature adds the ability to cut, copy and paste individual cell values or ranges of cell values
Keyboard focused column headers now has same focus indicator as cells (#4707)
There is a new store field type (StoreDataField) which can be used for fields on records that holds arrays. The array will be converted to a store, manipulating the store will flag the record as modified. On serialization the store will be converted back to an array
Selection in a Grid with a TreeStore has been improved by addition of the includeParents config. Set it to all or true to auto select a parent if all its children gets selected. If one gets deselected, the parent will also be deselected. Set it to some to select a parent if one of its children gets selected. The parent will be deselected if all its children gets deselected (#5726)
Localization demos updated to show up-to-date localization approach
AjaxHelper.fetch now supports using request body to pass parameters for non-GET requests. Please check addQueryParamsToBody argument in the method documentation (#2855)
New TreeCombo widget added
The model relation system, a data layer concept used internally to link a ResourceTimeRange to a Resource in Scheduler, was made public. It allows you to define one-to-many relations between models in a relations block when subclassing Model (#3222)
The CellCopyPaste feature can now repeat the copied pattern into a larger selection target. Copy one cell or a range of cells, then select a new range of cells and paste into that. If the selected range matches the copied pattern in size (n times bigger, must fit completely), all the selected cells will be filled with values (#6003)
Lots (but not all) of the not so informative object types in our TypeScript typings have been replaced with more specific types. Objects that in our JavaScript are used as maps are now declared as Record<keyType, valueType>, and for functions that accept object arguments many are replaced with anonymous type declarations, such as { foo: string, bar: number } (Partially fixed #5176)

API CHANGES

[DEPRECATED] LocaleManager.registerLocale and LocaleManager.extendLocale are deprecated. LocaleHelper.publishLocale should be used instead.
[DEPRECATED] With the introduction of cell selection, Grid's selectionMode config no longer has the row setting. Instead, it is the default mode and can be omitted. Specifying cell : true will enable cell selection and disable row selection - both cannot be used at the same time.
[DEPRECATED] The rowCheckboxSelection setting of Grid's selectionMode config was renamed to checkboxOnly, to better indicate its purpose. The old name is still supported, but will be removed in a future release
[DEPRECATED] The type of the fields config for GridFieldFilterPicker and GridFieldFilterPickerGroup widgets has changed from array of FieldOptions to Object map of FieldOptions keyed by field name. The array type is now deprecated. The fields supplied in this config (if any) will now be merged with fields found in the configured grid's columns, instead of overwriting them

LOCALE UPDATES

Locales format and process for applying locales have been simplified
New locales for 31 languages have been added. Currently available languages are listed in the localization guide (Guides/Customization/Localization)

BUG FIXES

#3213 -[Cmd/Ctrl] + [Right click] weird behavior
#3733 - selectedRecords are in wrong order after shift selection
#4595 - Select all checkbox should not select filtered out records
#5097 - Selected row gets deselected after page change with preserveSelectionOnPageChange: true
#5844 - Selection styling not applied after clicking a cell
#5863 - Cell drag does not work on spreadsheet demo on 5.3.0
#5864 - Cut & Paste column does not work on column header
#5865 - Wrong redo icon
#5866 - Copy and paste buttons disabled when selecting row
#5867 - Name column width too narrow
#5992 - Checkbox column background color to bright in Classic-Dark theme
#6054 - Not persisted field marked as dirty in the grid, but not persisted in modified data
#6194 - Crash when editing started and grid scrolled quickly
#6205 - Crash when ancestor node of active cell is collapsed
#6207 - Treegrid cut operation optimization
#6208 - Row should be selected when clicking outside a checkbox in a checkcolumn cell
#6243 - reapplySortersOnAdd doesn't work for tree store
#6246 - Crash when pasting rows if one of the copied tasks is removed
#6267 - Persist expanded state when pasting tree nodes

5.2.10 - 2023-02-17

FEATURES / ENHANCEMENTS

Search feature now supports not showing the hit index numbers (#6124)

API CHANGES

Recently browsers have added support for Unicode 15, which changes the output of Intl.DateTimeFormat when formatting time to include AM/PM. Those browsers now use "thin space" (\u202f) instead of regular space. This affects the DateHelper.format() function, but likely you do not need to take any action in your application. It also affects DateHelper.parse(), which has been updated to support the new unicode space (#6193)

BUG FIXES

#4586 - Cannot drag row to last position in online demo
#5637 - Allow dropping to closed groups
#6039 - Resource order not applied with syncDataOnLoad
#6087 - Checkbox column state changed only on second click when its field is not defined in the Model
#6088 - CellEdit feature throws if passed context points to non-existent record
#6092 - Wrong type for FetchOptions
#6100 - Row get deselected when click inside another row's actionable cell
#6102 - Changing the column position then setting back to the initial position makes oldValue undefined
#6126 - Tree Grid Search doesn't highlight cells after search function returns no results
#6134 - Store ordering is broken after synchronizing changes
#6144 - applyChangeset on a filtered store does not update the view
#6169 - Filter feature should not show menu items for group headers and footers
#6186 - Should be possible to get the previous parent in move event

5.2.9 - 2023-01-30

FEATURES / ENHANCEMENTS

New demo showing how to import Excel files into the grid (#5984)

API CHANGES

As of version 6.0, remove event will no longer be fired when moving a node in a tree store. To enable this behavior now (recommended), you can set a new fireRemoveEventForMoveAction on your tree store to false (#5371)

BUG FIXES

#5526 - Cannot open 2nd mask using static call
#5860 - Docs UI is broken on a small window
#5869 - Clicking checkbox column checkbox should not select/deselect
#5967 - TreeColumn needs separate renderer docs
#5970 - DragHelper is too eager stopping event propagation
#6004 - RowReorder and rowCheckboxSelection mode improvements
#6013 - Default 'sum' operation on aggregate columns does not sum decimal numbers
#6014 - Button menu listeners get duplicated when changing the menu
#6019 - [TypeScript] Feature classes and configs have on event handlers exposed on owner class
#6023 - Group header counter is wrong when dropping rows from one group to another
#6024 - Go to next/previous hit API does not work consistent
#6045 - Missing localization "Expand" in RowExpander
#6053 - Cut and paste within a tree crashes the grid
#6069 - Params lost if defined in class config

5.2.8 - 2023-01-19

BUG FIXES

#5386 - Improved panel collapse animation when collapsed panel header is perpendicular to expanded
#5804 - Material panel toolbar padding not symmetric
#5884 - Grid doesn't show fetched data after clearing filter
#5893 - Row rendering breaks when collapsing groups
#5895 - Groups disappear when changing grouped field value in a filtered view
#5911 - FilterBar should not override data of filter field using chained store
#5959 - Reordering a row selects it when rowCheckboxSelection: true

5.2.7 - 2023-01-11

FEATURES / ENHANCEMENTS

The updated tree demo shows using different Model classes for the rows (#5888)
Tree feature now supports expanding to multiple nodes (#2287)
Search feature now supports providing the "fields" to restrict the search to for performance (#2294)

API CHANGES

When using remote filtering for the AjaxStore, the date filter value is now always serialized in the local timezone. Previously (but undocumented) it was using the UTC timezone. The serialization format is YYYY-MM-DDThh:mm:ss.ms (#5896)

BUG FIXES

#5179 - Bad UX when typing into date field
#5253 - Moved collapsed column doesn't have red text when drop is prohibited
#5774 - Reordering row is not possible to do in the last row
#5876 - fitMode generates unexpected result for ActionColumn
#5883 - Unexpected error with empty columns with specific configuration

5.2.6 - 2022-12-28

FEATURES / ENHANCEMENTS

[REACT] React wrapper now supports React components in widgets and tooltips (#774)
The RowCopyPaste feature will now paste copied or cut row(s) below selected or provided reference record. Previously the documentation stated that the copied or cut row(s) would be pasted above the reference record. However, the behaviour was inconsistent and cut-paste was done above while copy-paste was done below (#4890)

BUG FIXES

#5019 - Grid ExtJS Modern App integration demo fails on Cell click
#5486 - Horizontal scrollbar overlaps when the view becomes smaller
#5790 - Column headers should not show pointer cursor if not sortable
#5805 - Visual bug with MergeCells in multipage export
#5812 - Horizontal scroll not working when mergeCells feature is enabled
#5830 - "No records to display" label is wrongly rendered
#5838 - Combo clearable trigger doesn't reset validation

5.2.5 - 2022-12-16

FEATURES / ENHANCEMENTS

TreeStore now supports indent and outdent operations (#5547)
RowCopyPaste feature supports copying rows in a tree. Copied records will have same hierarchy
Paste after cut and copy behavior is unified, records are moved below the paste target
Added field orderedParentIndex to resolve position of the child in the ordered children array (#5353)
Store now applies filters/sorters to any new data when calling applyChangeset() (#5534)

API CHANGES

[DEPRECATED] Currently, when returning undefined from a column renderer, the actual cell will not be updated. There is a new config on Grid.column.Column which controls this behaviour - alwaysClearCell. In 5.2.5 this will default to false giving the same behaviour as previously. But in 6.0, alwaysClearCell will default to true, requiring columns that relies on the previous behaviour to be configured with alwaysClearCell set to false

BUG FIXES

#5128 - Check column with supplied field should be filterable and sortable
#5267 - Copy action not copying child resources
#5288 - Columns get displaced when we try to resize that column while editing
#5521 - Column sorting in empty cell editor mode merge cell values
#5572 - Using sort feature triggers autoLoad for AjaxStore
#5635 - [LWC] event in filterOnInput reports wrong target
#5646 - Selection column sometimes not draggable
#5647 - Columns sometimes collapse when resizing
#5674 - Combo not sized the same when editable vs non-editable
#5688 - [LWC] Cannot add property isActive, object is not extensible
#5692 - Combos should be able to share Stores
#5698 - Examples text overlaps
#5700 - FinalizeCellEdit launch multiple times when clicked outside of grid with non-resolved promise
#5706 - syncDataOnLoad + threshold, scroll error
#5730 - index is ignored when insert into filtered store
#5732 - Combo should update value collection silently when replacing store
#5778 - Dragging resources to the last row causes crash in group

5.2.4 - 2022-11-28

FEATURES / ENHANCEMENTS

We recently launched a new homepage over at bryntum.com, and have now slightly updated the styling for demos and docs to better match it (new logo, new header color, new font). Please note that this is not a change to our themes, only the look of the demos, and it won't affect your application

BUG FIXES

#5594 - Grid splitter collapse/expand hover artefacts
#5595 - Fix panel collapse icon directions
#5617 - Collapsing locked subgrid not working if minWidth is set
#5620 - Sort & Filter icons not visible in grid column when there is not enough space and material theme is used

5.2.3 - 2022-11-17

BUG FIXES

#5256 - FireFox doesn't have horizontal scrollbars in demos on Windows
#5518 - Undo does not recognise zero and null values as a change
#5537 - tabPanel.add() crashes the app
#5551 - Store allRecords includes group footers twice
#5569 - Grouping the store does not trigger state save
#5570 - Crash when searching if focused cell is out of view

5.2.2 - 2022-11-08

FEATURES / ENHANCEMENTS

The emptyText config may now be an HTML string (#5046)

API CHANGES

[DEPRECATED] The behaviour of the store.data getter will be changed in 6.0. Currently, it returns the initial raw dataset, in 6.0 it will be changed to have the more expected behaviour of returning the data objects for the current state instead (#5499)

BUG FIXES

#5489 - Left region goes momentarily full width when resized to 0
#5490 - Readonly Grid with widget-type column makes buttons disabled
#5491 - onToolClick not working correctly (even with callOnFunctions: true)
#5531 - Column rename not compatible with Filter feature

5.2.1 - 2022-10-28

API CHANGES

TreeNode.isRoot property is now public (#5471)

BUG FIXES

#4443 - MergeCells set true resources are not collapsing correctly
#5149 - Angular demos now use component-local styles using ViewEncapsulation.None
#5363 - Row reorder with non-direct parent/child don't match structure
#5402 - Text overflows editor after opening cell editor
#5403 - Pagination does not work when remote sort is used.
#5404 - TabPanel triggers focus error when removing tab
#5409 - Field's fetchInputValue ignores the inputValueAttr setting
#5426 - Mapped field does not return null value
#5428 - Changing column name should not trigger rerendering
#5444 - Error when compiling TS Scheduler with filterType: string config
#5451 - DatePicker animation glitch
#5463 - Crash when resizing code editor panel to small width
#5473 - TabPanel without tabs throwing an error
#5479 - An error when using remote filtering with syncDataOnLoad enabled
#5480 - EventHelper has globally visible breaking side effects

5.2.0 - 2022-10-13

FEATURES / ENHANCEMENTS

Grid group columns now support collapsing and expanding. Try it out in the new collapsible-columns demo (#4878)
Grid columns can now be renamed by using the new Rename menu option in the column header or by focusing on the header and pressing F2 (#5112)
Menu has a separator config to make it easier to visually separate menu items
The responsive state objects used in the responsive config of the Responsive mixin now support a once property to allow configs to only be set on first activation of the state
The Core.helper.DateHelper class has a new method formatRange method which can format date ranges, as well as new formatting options for week numbers
The TreeGroup feature was reworked to work better in Gantt, and as a bonus it also works in Scheduler. It now displays a new tree structure with links to the leafs in the original structure, rather than actually restructuring the original store. In Grid this should have almost no impact, but for very advanced use cases it can be worth knowing
PdfExport feature is refactored to render content directly. This significantly improves performance and robustness by eliminating component scrolling. This behavior is enabled by default. You can revert to the old behavior by setting enableDirectRendering config on the export feature to false. (#4449)
Added new GridFieldFilterPicker and GridFieldFilterPickerGroup widgets, providing UI to manage a set of CollectionFilters based on a Grid's columns
New fieldfilters demo showing how to add multi-filter UI to a Grid

API CHANGES

[DEPRECATED] The DomHelper.up() function was deprecated, use native element.closest() instead

BUG FIXES

#2512 - Implement ignoreParentReadOnly config on Widget
#4907 - Export dialog is not usable on narrow screen if component has a lot of columns
#5237 - Moving a grouped header into another subgrid breaks headers
#5240 - Reordering and then collapsing columns breaks header layout
#5292 - Export dialog takes too much time to open in groupedheaders demo
#5297 - Export feature settings A6 landscape gives odd blank pages
#5301 - Exporting dialog freezes
#5360 - Clearing tree groups twice causes crash

5.1.5 - 2022-10-12

FEATURES / ENHANCEMENTS

Added a preventable beforeCancelCellEdit event to the grid (#1832)
New records are assigned a generated id if none is provided. The generated id is meant to be temporary (a phantom id), and should be replaced by the backend on commit. Previously the id was based on a global counter incremented with each assignment. That simplistic scheme assured no two records got the same id during a session, but if an application serialized the generated id (note, they should not) and then reloaded it, it would eventually collide with a new generated id. To prevent this, the generated ids are now based on a random UUID instead
Stores now by default show a warning on console when loading records that has generated ids, as a reminder that it should be replaced by the backend on commit

BUG FIXES

#4645 - Improve error message "Bryntum bundle included twice"
#4654 - [REACT] Bryntum widget wrappers don't accept all component properties in React 18
#5341 - Picker is shown for Combo with keyStrokeFilterDelay after clearing value
#5343 - AggregateColumn not working if added after Grid is painted
#5348 - RadioGroup live demo broken
#5358 - Event being triggered multiple times after changing hidden property
#5383 - Error triggered when adding new tab after remove a tab
#5384 - Error after removing tab the index is not updated

5.1.4 - 2022-09-29

FEATURES / ENHANCEMENTS

The RowReorder feature now has a dropOnLeaf config which in a TreeGrid enables creation of parents simply by drag and dropping a row on a leaf. The feature has also been visually updated - when dragging and targeting into a row the targeted row will get a border and a different background. The arrow which previously indicated to which parent a row would be added, has been removed (#4582)
Added a preventable beforeToggleGroup event that is triggered before groups are toggled using the UI (#5218)

BUG FIXES

#227 - RowReorder: Not possible to drop a row as a child of an empty parent node
#4974 - AjaxStore continuously making remote requests after store grouping when sortParamName is set
#5031 - [TypeScript] Column type property is not defined
#5032 - Column doesn't set column type according to data type
#5170 - When first region has width and last region is collapsed, Grid doesn't resize with container
#5173 - FilterBar doesn't work for startDate/endDate columns when date has hour/minute provided
#5191 - Column's tooltip config (field) incorrectly processed
#5209 - Rows remain selected after reorder on touch device
#5210 - Crash when reordering rows on a touch device
#5213 - DatePicker can't move months if min date is after current date
#5214 - AjaxStore continuously making remote requests after store sorting with syncDataOnLoad set to true
#5217 - Update RowReorder SASS to facilitate custom theming
#5220 - Should be able to drop a row as a child of an another row
#5261 - StateProvider doesn't save state for grouped columns
#5275 - Error message returned from backend not displayed
#5282 - Make AjaxStore urls changeable
#5285 - Error after sorting with custom id model field

5.1.3 - 2022-09-09

BUG FIXES

#415 - Improve docs on formatting currency values on NumberField
#3680 - Support Salesforce Winter 22 release
#5096 - Datepicker year select doesn't allow to configure year options
#5125 - Setting an initial value for activeTab on a TabPanel no longer animates that tab into view
#5142 - Drag and drop support for the rowexpander
#5161 - Grid doesn't destroy existing column models when assigning new data to columns
#5174 - RowExpander triggers an error when configured in Vue example
#5182 - TimeField should keep date if user types in the value
#5201 - Store sort uses localeCompare for non-string types

5.1.2 - 2022-08-29

FEATURES / ENHANCEMENTS

Grid Columns now accept a cellEditor property as a config object to allow customization of the floating Editor Widget which encapsulates its editor input field (#2465)
An application's filters on a store may now be configured with an internal property. This indicates that they are fixed, and must not be ingested and modified by filtering UIs such as the Filter and FilterBar features (#4980)
Configs that accept configuration options for a widget (or other class) are now (mostly) documented to accept a typed config object rather than a plain object. For example instead of {Object} tooltip - A tooltip configuration object, it is now {TooltipConfig} tooltip - A tooltip configuration object. This improves our TypeScript typings (transforms to Partial<TooltipConfig> in typings) when using such configs, but also improves our docs by linking to the configs of the type
Added a keepDate config to the TimeField. By default, it is false and sets date component of the field value to January 1st. Set it to true to keep original value intact and only change the time component (#5058)
Added a new project-summary demo showing how to combine multiple Grid features to provide a visually nice looking list of data

BUG FIXES

#3238 - Columns in the column store may not reflect the order they appear in visually
#3552 - Opened dropdown list not re-positioned when scroll the entire app
#4656 - Error when deleting rows out of visible area in large data sets
#4661 - OnToggle in the CheckColumn not working
#4929 - autoHeight cells with no content should not cause rows to collapse below the configured rowHeight
#4946 - Mask is not aligned properly to the grid body if bbar is enabled
#4999 - AjaxStore beforeRequest doesn't allow to make changes in request body
#5010 - Group expanders still visible after stopping grouping
#5017 - [TypeScript] Property type is missing in DataFieldConfig
#5018 - [Vue] Prop Validation fails for String options
#5026 - Auto filled combo in filter bar does not select picked values
#5067 - readOnly disables Slider fields and makes them unfocusable
#5072 - grid.startEditing() should be supported
#5080 - TAB from an actionable location inside a grid cell should navigate right (or left with shift key)
#5088 - Crash when entering number into paging toolbar page field
#5089 - Grid readOnly value should not be saved in its state
#5104 - [Docs] Wrong docs for toggleCollapse function in Group feature

5.1.1 - 2022-07-28

BUG FIXES

#4637 - mergeCells is not reactive to row height
#4798 - Grid row freezes when reordering multiple rows
#4979 - Some keys do not work in cell editor

5.1.0 - 2022-07-21

FEATURES / ENHANCEMENTS

A row expander feature has been added to Grid, which also makes it available for Scheduler and Scheduler Pro. The feature makes it possible to expand and collapse each row by either a separate expander column or a grid cell event. The expanded rows content is rendered by a rendering function that the implementor provides in the feature config (#2374)
Updated the built-in version of FontAwesome Free to 6.1.1
Our TypeScript typings for string types that have a predefined set of alternatives was improved to only accept those alternatives. For example previously the dock config which was previously declared as dock: string is now dock : 'top'|'right'|'bottom'|'left'
Create React App templates now available
KeyMap is a mixin that allows for standardized and customizable keyboard shortcuts functionality. KeyMap is by default mixed in to Widget and therefore available to all Widget's child classes. There is a new guide Guides/Customization/Keyboard shortcuts describing how to customize currently integrated keyboard shortcuts (#4300, #4313, #4328)

API CHANGES

[DEPRECATED] The breakpoints config of the Core.widget.mixin.Responsive mixin is deprecated in favor of its new responsive config. The responsive config is more easily customized when used in the default configuration of widgets
[DEPRECATED] The responsiveWidthChange and responsiveHeightChange events of the Core.widget.mixin.Responsive mixin are deprecated in favor of its new responsiveStateChange event
[BREAKING] [ANGULAR] Angular wrappers now use the more modern module bundle by default, instead of the legacy umd bundle. Hence application imports must be changed to match. This will slightly improve application size and performance (#2786)
[BREAKING] grid.lite.umd.js bundle is no longer available
[BREAKING] WebComponents has been removed from grid.module.js ES modules bundle. New bundle with WebComponents is grid.wc.module.js

BUG FIXES

#4687 - Grid RowExpander: Content overflows to the next row when browser window is narrow
#4688 - Make button text in rowexpander demo not selectable
#4696 - Parents sorted below children in docs
#4697 - Too dark code background in docs
#4934 - Selection column in the wrong place when using grouped headers
#4936 - Combo with autoexpand: true closes immediately on first click of dropdown arrow

5.0.7 - 2022-07-13

FEATURES / ENHANCEMENTS

Added preventable beforeSelectionChange event which fires before selection changes (#4705)

BUG FIXES

#4746 - Vertical scroll jumps up when clicked on top of horizontal scrollbar
#4758 - Allow cancelling an export process
#4836 - Check column not rendered correctly on readOnly mode
#4865 - [LWC] Exception when clicking on modal over the component
#4871 - Error when committing changes with nested responseDataProperty path
#4872 - Aborted fetch should reject the promise
#4874 - WidgetColumn should be readOnly if record is readOnly
#4879 - Grid Vue demo error rendering
#4915 - Cell tooltip remains when hovering over blank cells
#4916 - Fullscreen is not working on mobile Safari

5.0.6 - 2022-06-20

BUG FIXES

#841 - Add searchAllRecords flag to store search functions
#4146 - TaskEditor clears time when editing events with datetime picker
#4254 - Grid with checkbox column should be readonly if bound to a data field and cellEdit is not enabled
#4750 - Splitter overlays bbar
#4755 - Wrong element focused if tabbing over cells where beforeCellEditStart returns false
#4778 - Body mask now tracks grid resize to maintain cover of the body
#4779 - Crash when adding empty bbar
#4788 - GridRow Chevron Stops Responding on Touch Device with 5.0.X
#4804 - Radiobutton hover effect incorrectly positioned in Material theme when on RTL
#4808 - Typings are wrong for async functions

5.0.5 - 2022-05-30

FEATURES / ENHANCEMENTS

Added paste and copy events to the RowCopyPaste feature (#4552)
Added filterStyles config to the PdfExport feature to simplify styles processing (#3103)

BUG FIXES

#2275 - Export to PDF fails when Grid headers are hidden
#4350 - Fixed various panel collapse issues
#4444 - Tooltip not displayed when calling showBy targeting a widget
#4545 - [LWC] Columns and row reordering features don't work
#4567 - Using too new replaceChildren API in Row
#4607 - [VUE] Incorrect prop types in Vue wrapper
#4630 - Column reorder triggers double repaint
#4636 - Model field is not exposed correctly if data is not preloaded to the store
#4638 - mergeCells causes fail in export

5.0.4 - 2022-05-11

API CHANGES

Container's autoUpdateRecord config was made public. Set it to true to update record fields when child fields change (#4073)
Model's clearChanges function parameter includeDescendants made public. Set it to false to not clear changes on a node's descendants (#4565)

BUG FIXES

#3930 - Exception when collapsing tree scrolled to the bottom
#4294 - Not possible to reach horizontal time axis scrollbar
#4541 - Grid splitter too dark in Stockholm theme
#4559 - Grid region splitter buttons not centered
#4562 - [REACT] React wrappers have incorrect source mapping urls

5.0.3 - 2022-04-26

FEATURES / ENHANCEMENTS

AggregateColumn now has a includeParentInChangeSet config which will trigger parent row changes to appear in the modification tracking and in sync requests (#3969)

API CHANGES

New Vue 2/3 wrapper config option relayStoreEvents (defaults to false). When set to true, the events fired by stores are relayed to the Bryntum Grid instance
[REACT] React wrappers now include TypeScript definitions (#3378)

BUG FIXES

#100 - Splitter has wrong color
#4127 - [LWC] DomHelper.isInView() throws
#4222 - [LWC] Performance degradation in 5.0 release
#4289 - Using TreeGroup modifies tasks
#4324 - Widget column with button doesn't pass text into child widget
#4432 - [LWC] Mouse events do not work
#4459 - Bryntum Grid search feature limited to 1000 matches
#4461 - [Vue] wrapper triggers doubled dataChange events with different params
#4496 - createOnUnmatched doc is wrong
#4523 - Docs do not tell how to disable certain menu items
#4535 - Error appeared when state try to apply selection on already removed record

5.0.2 - 2022-04-13

API CHANGES

Deprecated showByPoint() in Widget, it will be removed in version 6.0. Use showBy() instead

BUG FIXES

#2796 - Allow customizing Roboto path in material theme
#3941 - Field picker is not aligned on scroll
#4097 - Bug when restore state for filterBar column with date type
#4134 - [REACT] Basic React Data Grid demo - React cell editor does not work
#4248 - Grid splitter arrows artefact
#4308 - Problems with rendering React component in column renderer and as cell editor
#4321 - Dragging between groups in the Grid should change group field of the dragged records
#4326 - Grid region splitter buttons not touchable
#4351 - Listeners object breaks click functionality
#4360 - Wrong color of checkbox checkmark in Stockholm theme
#4364 - When editing cell, editing doesn't end when click outside of the grid
#4366 - Dragging column header to edge should trigger scroll
#4368 - Filterbar live demo in docs has misaligned fields
#4373 - Panel collapse arrow pointing in wrong direction initially
#4377 - Change radio button to use <div> for the selected circle
#4406 - Fixed items in disabled fieldset/radiogroup not being disabled
#4408 - Column filterFn function works incorrectly if multiple columns share field
#4412 - Batch column updates do not show until next column update
#4464 - Search feature not searching on date and duration fields
#4467 - Changing the tree column causes expand icon sync issues
#4482 - Grid not refreshed when supplying empty array to store.filter() with replace: true

5.0.1 - 2022-03-04

BUG FIXES

#4246 - Docs splitter is too wide when hovered
#4249 - DateTimeField does not update if required
#4270 - CellTooltip should not cache async fetched cell content
#4278 - cellContextMenu not working
#4282 - Examples browser scrolls to top after fully loaded
#4288 - Right editor border not visible when starting editing

5.0.0 - 2022-02-21

We are thrilled to announce version 5.0 of our Grid product. This release marks a big milestone for us, after more than a year of development. This update contains a new RadioButton widget, new TreeGroup and MergeCells features as well as bug fixes and other enhancements requested by our community. A big thanks to our customers who helped us with testing our alpha & beta versions
You are most welcome to join us on March 16th, at 9am PST (6pm CET) for a 5.0 walkthrough webinar, demonstrating all the shiny new features Click here to register
We hope you will enjoy this release and we are looking forward to hearing your feedback of what you would like us to develop next
/ Mats Bryntse, CEO @Bryntum

FEATURES / ENHANCEMENTS

Each product has a new "thin" JavaScript bundle. The thin bundle only contains product specific code, letting you combine multiple Bryntum products without downloading the shared code multiple times (previously only possible with custom-built bundles from sources). Find out more in the What's new guide (#2805)
Each theme is now available in a version that only has product specific CSS in it, called a thin version. These files are name [product].[theme].thin.css - grid.stockholm.thin.css for example. They are intended for using when you have multiple different bryntum products on the same page, to avoid including shared CSS multiple times Read more about it in the What's new section in docs (#3276)
Using the new MergeCells feature and the corresponding mergeCells config on columns it is now possible to have cells spanning multiple rows. Applies to sorted columns, cells that have the same value are merged into a single cell. Try it out in the new merge-cells demo (#196)
A new deselectOnClick config was added to GridSelection to allow single click toggling of a row / cell selected state (#3577)
Model has a new readOnly field that is respected by UI level editing features to disallow editing records having readOnly : true. It does not directly affect the datalayer, meaning that you can still programmatically edit the records (#665)
Grid has a new TreeGroup feature that can transform a tree on the fly. It generates a new tree structure based on an array of field names (or functions), each entry yields a new level in the resulting tree. Check it out in the new tree-grouping demo (#3543)
window references are replaced with globalThis which is supported in all modern browsers and across different JS environments (#4071)
A new function called downloadTestCase() was added to Bryntum widgets, it is intended to simplify creating test cases for reporting issues on Bryntum's support forum. Running it collects the current value for the configs your app is using, inlines the current dataset and compiles that into a JavaScript app that is then downloaded. The app will most likely require a fair amount of manual tweaking to reproduce the issue, but we are hoping it will simplify the process for you. Run grid.downloadTestCase() on the console in a demo to try it
Updated FontAwesome Free to version 6, which includes some new icons sponsored by Bryntum in the charts category: https://fontawesome.com/search?m=free&c=charts-diagrams&s=solid
When configured with a StateProvider and stateId, Grid state is stored automatically as stateful properties change (#1859)

API CHANGES

[BREAKING] Grid's selectionMode config is now merged with the default settings (previously it overwrote defaults) See upgrade guide for more details
[BREAKING] Store´s remove method now returns an empty array if no records were removed (previously returned null)
[BREAKING] TreeStore´s beforeRemove and remove events now only include parent when removing a single node
The List widget now uses UL and LI elements to represent its items, may affect your styling if you use DIV in your style rules
[BREAKING] TextAreaField was renamed to TextAreaPickerField to serve only as a picker-type field. A new TextAreaField widget was added which is used in Gantt's NotesTab
[BREAKING] TextAreaPickerField's inline config has been removed, use TextAreaField instead
[BREAKING] React wrappers now use the modern module bundle by default, instead of the legacy umd bundle. Hence application imports must be changed to match. This will slightly improve application size and performance (#2787)
Store's toJSON() method now ignores all local filters and returns all records (#4101)
The following previously deprecated Core configs, functions etc. where removed:
- Config DatePicker#editOnHover - no replacement, no longer relevant
- Argument newId.deep for Model#copy() - previously replaced by separate deep argument
- Config DateDataField#dateFormat - previously replaced by format config
- Config ContextMenuBase#menuConfig - previously replaced by menu config
- Function ObjectHelper.allKeys() - previously replaced by keys() function
- Function StringHelper.capitalizeFirstLetter() - previously replaced by capitalize() function
- Function StringHelper.lowercaseFirstLetter() - previously replaced by uncapitalize() function
- Argument config.elementfor ScrollManager#startMonitoring() - previously replaced by config.scrollables arg
- Config Button#menuIconCls - previously replaced by menuIcon config
- Config Tooltip.html no longer handles returning false as a way of flagging the tooltip content as async - previously replaced by the showAsyncMessage config
- Param record of the Store#move event - previously replaced with the records param
- Old TreeNode#insertChild() signature - previously replaced with current (childRecord, before, silent) signature
- Argument returnAll for DomHelper.createElement - previously replaced by options.returnAll
The following previously deprecated Grid configs, functions etc. where removed:
- Array form of the Column#cellMenuItems config - previously replaced by object form
- Array form of the Column#headerMenuItems config - previously replaced by object form
- Config Grid#showRemoveRowInContextMenu - in favor of CellMenu feature items configuration
- Returning false from CellTooltip#tooltipRenderer no longer flags it as async - previously replaced with returning a Promise
- ContextMenu feature - previously replaced by HeaderMenu and CellMenu features
- Param record of all RowReorder events - previously replaced by records
- Event Grid#beforeExport - in favor of beforePdfExport event (#3240)
- Event Grid#export - in favor of pdfExport event

BUG FIXES

#758 - State mixin to use configurable's onConfigChange hook
#1404 - Tapping cell should select row, not start cell editing
#3088 - ColumnStore remove method is very slow
#3575 - No selection when disabling multiSelect
#3947 - Inconsistent right / bottom padding in MessageDialog
#3952 - Wrong border bottom color for panel header
#4022 - Panel collapse icon
#4039 - Popup with grid hides when picking item in grid cell menu if animateRemovingRows is true
#4045 - Arrow down in FilterBar number field should not navigate to grid cells
#4079 - CellEdit instantUpdate regression
#4086 - Allow derived classes to adjust delayable method options
#4143 - Autoheight demo throws when trying to edit notes
#4233 - Cut task remains grayed out after copying

4.3.9 - 2022-02-17

BUG FIXES

#4127 - [LWC] DomHelper.isInView() throws in Salesforce
#4130 - fi-FI locale uses \u2212 as the negation symbol which won't parse
#4131 - DurationField uses wrong unit after clearing and using step trigger
#4170 - Column interface is missing static get type()
#4195 - AjaxStore loads despite autoLoad being false when filterBar used and there is a configured filter
#4201 - Cannot load non-extensible data objects with transformFlatData
#4209 - transformFlatData not working if children : true is present

4.3.8 - 2022-02-07

BUG FIXES

#4098 - AggregateColumn doesn't gather all child node values, so can calculate inaccurately
#4108 - Combo should expand when clicking empty space if editable is false + multiSelect
#4119 - Wrong position of cell editors in scrolled subgrids

4.3.7 - 2022-02-02

FEATURES / ENHANCEMENTS

CellEdit autoEdit now leaves editing state after pressing Enter, you can control this behavior with the new editNextOnEnterPress flag. (#4032)
CellEdit can now be configured to stop editing after clicking another cell via its new continueEditingOnCellClick config (#4046)
Added public dragStart / drag / drop events to Splitter class (#4060)

API CHANGES

TreeColumn icons are now always rendered before the b-tree-cell-value text content element. Might effect your styling if you relied on icon position in the DOM
[DEPRECATED] Grid beforeExport and export events (triggered by PdfExport feature) were deprecated in favor of the beforePdfExport and pdfExport events respectively. The old events names will be dropped in v5.0.0

BUG FIXES

#3197 - Grid Filter Popup has hardcoded width which breaks rendering when fields have a big width
#3770 - Fix handling of initially collapsed panels with configured size
#4028 - On demand load issue in tree grid when using syncDataOnLoad
#4029 - autoEdit should not react when CTRL / CMD key is used to copy & paste
#4030 - RowCopyPaste broken
#4041 - TextArea ignores arrowDown key press
#4051 - CellTooltip does not update on next show for the same row, when its record is mutated
#4080 - Sub-menu closes when moving over gap
#4082 - Relayed listeners do not trigger onFunctions

4.3.6 - 2022-01-13

FEATURES / ENHANCEMENTS

Clearing and changing the content of a TreeStore is much easier and faster now using the clearChildren and replaceChildren API of the TreeNode class. Changing the column set of a Grid should use these APIs on the store's rootNode
The Grid now fires beforeRenderRow and renderRow events to allow customization of rows (#3960)

BUG FIXES

#935 - text-overflow of grid column header broken in material theme
#3795 - Grid Search feature does not handle TreeColumn's rendering inside a cell
#3897 - [TypeScript] Missing ArrayDataField
#3933 - An error when using multiSelect filter field config for tree column
#3945 - Cannot select text in popup
#3950 - PasswordField styles broken
#3958 - Fix panel collapser docs for direction config
#3962 - Tree parent / leaf icon indent mismatch
#3975 - Restore state works incorrect with filterBar
#3976 - Grid Column needs a maxWidth config
#3978 - Clicking selected day cell in datepicker causes refresh
#3987 - StoreSync fails when using tree data with lazy loaded parent nodes
#3989 - Tree grid + filterbar + multiselect not working
#3990 - Chrome & Content Security Policy causes failure because of debug code section
#4008 - Filter icon disappears when a column is hidden

4.3.5 - 2021-12-24

BUG FIXES

#2944 - transformFlatData not compatible with syncDataOnLoad in a tree store
#3752 - Restoring state after filterBy on grid (or scheduler) crashes
#3863 - Export server executable for windows does not work
#3896 - [TypeScript] Wrong typings of model class configs
#3902 - AjaxStore re-requests the current page if the pageStartParam being requested is zero
#3906 - When using selection mode rowCheckboxSelection overrides checkbox property
#3907 - [TypeScript] Cannot pass Scheduler instance to Store.relayAll
#3908 - ActionColumn: tooltip not displayed when using rendered config
#3909 - showCheckAll config in CheckColumn not working
#3910 - Error when collapsing expanded nodes in TreeGrid with empty children array
#3912 - Grid.column.ActionColumn renderer not working
#3928 - DateHelper k format behaves incorrectly
#3938 - revertChanges not working for number column having an undefined value

4.3.4 - 2021-12-13

FEATURES / ENHANCEMENTS

Updated angular-renderer Angular demo to use Angular 13 (#3742)
RowReorder gridRowBeforeDropFinalize and gridRowDrop events now include information about the original position of the dragged tree nodes when reordering nodes in a tree grid (#3810)

BUG FIXES

#3621 - [TypeScript] Improve typings of mixins
#3816 - move event is not triggered when moving a node in a TreeStore
#3850 - [TypeScript] Missing static properties in typings
#3853 - Cannot set row height for scheduler webcomponent
#3855 - Setting a ModelDataField in a record could recurse infinitely

4.3.3 - 2021-11-30

FEATURES / ENHANCEMENTS

Grid´s ColumnReorder feature now fires beforeColumnDragStart, columnDragStart, beforeColumnDropFinalize, columnDrop events which let you veto move operations (#3667)
New aggregation-column demo showing the Aggregate Column (#3818)

API CHANGES

AggregateColumn now subclasses NumberColumn instead of Column

BUG FIXES

#3616 - Filter bar field remains after hiding a column
#3630 - Whitespace seen when adding many new rows quickly
#3637 - When tooltip uses a forSelector and trackMouse, moving within its active target
#3648 - [DOCS] Content navigation is broken
#3654 - Format of date FilterBar field should default to date format of column
#3670 - STM resetQueue error if a transaction is being recorded
#3671 - Parent column receives an autogenerated field
#3707 - ExcelExporter export method should return a Promise
#3710 - Allow to configure dragTouchStartDelay for RowReorder feature
#3743 - [DOCS] web.config file for Windows IIS server
#3817 - Adding a node to a collapsed parent does not refresh grid properly

4.3.2 - 2021-10-29

FEATURES / ENHANCEMENTS

RowCopyPaste feature now fires beforeCopy and beforePaste events to let you prevent the actions (#3303)

BUG FIXES

#3611 - CellEdit does not tolerate dot delimited field names in accord with how its host Grid does
#3616 - Filter bar field remains after hiding a column
#3622 - Edited cell is not marked when initial cell value is 0 or undefined

4.3.1 - 2021-10-21

FEATURES / ENHANCEMENTS

A group column can now be sealed meaning you are not allowed to drop columns into it (#3536)
Bumped builtin Font Awesome Free to version 5.15.4

BUG FIXES

#361 - Sorting ColumnStore should rerender content automatically
#3522 - Filter bar header field disappears when moving parent column in grouped headers
#3535 - Crash when dragging column header to locked side
#3561 - Crash after right clicking columns on Gantt Predecessor / Successor, only works on the first one
#3567 - Minified css bundle contains unicode chars
#3581 - Toolable docs link broken
#3582 - Columns autoWidth feature not working when table is embedded in a div with display: none style
#3587 - Possible to select unselectable row using checkbox

4.3.0 - 2021-10-12

FEATURES / ENHANCEMENTS

WidgetColumn now offers two-way binding by configuring the column's field widget with a name corresponding to a Model field name. See this demonstrated in the examples/widgetcolumn example
Panels can now be collapsed when configured as collapsible (#914)
[BREAKING] @babel/preset-env config target chrome: 75 is now used for the UMD bundle. This decreases bundle size and improves performance for modern browsers (#3201)
Legacy Angular demos for versions 1-5 were removed due to incompatibility with the new UMD bundle format

API CHANGES

[DEPRECATED] Buttons menuIconCls config was deprecated in favor of the new menuIcon config, which better matches the naming of other configs

BUG FIXES

#3480 - Make dataChange event work for Grid
#3511 - Crash when adding a new column to a grid starting out with no columns

4.2.7 - 2021-10-01

FEATURES / ENHANCEMENTS

Buttons that have a menu now show a caret down arrow icon, see menuIconCls in Button docs (#3426)
Grid now fires subGridExpand + subGridCollapse events after toggling the sub grid collapsed state (#3459)
ComboBox can now be configured to accept unmatched typed filter strings to create a new record. Use the createOnUnmatched config to enable this. This may be configured as a function to create the new record in an app-specific way (#3249)

BUG FIXES

#3272 - Expanding last node sometimes doesn't increase scroll size
#3415 - Generate unique phantom ids across all stores
#3439 - Filtering out all child rows should hide parent row chevron icon
#3443 - Not possible to use filter feature with grouped headers in grid
#3458 - Document nested fields

4.2.6 - 2021-09-15

FEATURES / ENHANCEMENTS

You can now control if the widget tooltip should be shown when the widget is disabled using the showTooltipWhenDisabled config

BUG FIXES

#3145 - Adding filters shows wrong date filter value
#3179 - Tooltip is not shown for a disabled button
#3387 - Group header incorrect when showing summary in header
#3408 - Updated typings to support spread operator for method parameters

4.2.5 - 2021-09-08

FEATURES / ENHANCEMENTS

The GroupSummary feature has a new config (and property) called target that can be used to render summaries to group headers (target : 'header') instead of to group footers (the default, target : 'footer'). Try it out in the updated groupsummary demo (#3312)
The API documentation now better communicates when a field or property accepts multiple input types but uses a single type for output. For example date fields on models, which usually accepts a String or Date but always outputs a Date (#2933)

BUG FIXES

#2756 - Row height is not recalculated when collapsing group when using collapseToHeader
#2951 - Store is not filtered if filterBar combo is initialized with multiple values
#3322 - Add dataChange event to framework guides
#3355 - Column cell tooltip misplaced with hideDelay = 0
#3364 - Grid select all records not working when store is grouped and filtered
#3373 - Combo blank entry is less tall

4.2.4 - 2021-08-27

BUG FIXES

#2983 - Row Selection Checkbox disappears with Group Summary feature
#3096 - Slider#showTooltip: false does not disable tooltip
#3220 - Sorting column by nested field does not work
#3259 - Splitter should support block containers
#3265 - Docs are not scrolled to the referenced member
#3277 - Crash when hiding parent column
#3301 - Copy/Paste should not react if cell or editor text is selected
#3302 - TreeStore#move does not update tree contents properly
#3305 - Guides look bad in the docs search results
#3306 - Doc browser does not scroll to member

4.2.3 - 2021-08-05

FEATURES / ENHANCEMENTS

The PdfExport feature now supports configuring its ExportDialog to pre-select columns to export or to customize any of the child widgets (#2052)
[NPM] Bryntum Npm server now supports remote private repository access for Artifactory with username and password authentication (#2864)
[TYPINGS] Type definitions now contain typed features configs and properties (#2740)

API CHANGES

[DEPRECATED] PdfExport feature export event is deprecated and will be removed in 4.3.0. Use export event on the Grid instead
[DEPRECATED] Grid beforeExport event signature is deprecated and will be removed in 4.3.0. New signature wraps config object to the corresponding key

BUG FIXES

#1596 - Collapsed groups disappear when using filterBar
#1698 - Export dialog is not configurable
#2600 - PdfExport feature export() method should take column exportable flag into account
#2693 - exporterType : 'multipage' not respected
#3206 - Selection is not updated when triggering contextmenu on expander icon
#3209 - Filterbar feature uses wrong column looking for filter fn
#3247 - Scroller position reset to 0 when filtering using FilterBar with no results

4.2.2 - 2021-07-21

FEATURES / ENHANCEMENTS

[NPM] Bryntum Npm server now supports npm token command for managing access tokens for CI/CD (#2703)

BUG FIXES

#365 - Re-assigning columns is not compatible with checkbox selection model
#2170 - Cell tooltip hides & shows infinitely if it doesn't fit in the viewport
#3039 - Fixed incorrect dragcancel firing when only a click (and no drag) occurred
#3162 - LoadOnDemand feature cannot be disabled in runtime
#3167 - LWC bundle is missing from trial packages
#3178 - Syntax highlighter messes up code snippets in docs
#3192 - Filterbar combo width does not stretch to match column

4.2.1 - 2021-07-07

FEATURES / ENHANCEMENTS

[FRAMEWORKS] Added rowCopyPasteFeature to frameworks wrappers (#3135)

BUG FIXES

#3043 - syncDataOnLoad does not work correctly with trees
#3136 - [NPM] Running npm install twice creates modified package-lock.json file

4.2.0 - 2021-06-30

FEATURES / ENHANCEMENTS

List can now render a grouped store, which can be used by Combo for a grouped combo UI (#2459)
Added a new Responsive mixin that can be mixed into widgets to allow responsive behaviour (#2672)
[BREAKING] Grid.util.ScrollManager was moved to the Core package and renamed to Core.util.ScrollManager. It is untangled from the Grid and allows managing scrolling of any DOM element. (#2883)
Added a new bubbleEvents config to specify events that should always bubble. Useful for example on fields in a container, to bubble change events and catch them in a listener on the container
Added "Replacing Font Awesome with Material Icons" guide

API CHANGES

[BREAKING] GlobalEvents is no longer exposed on window. If you use it in your application, import it instead

LOCALE UPDATES

removeRows label of CellMenu & GridBase was removed
Value of removeRow label of CellMenu & GridBase was updated to say just 'Remove'
RowCopyPaste locales were updated to just say 'Copy', 'Cut' & 'Paste'. copyRows, cutRows & pasteRows keys were removed

BUG FIXES

#2643 - Code editor shows all code in one line
#2940 - Ok and Cancel button order should match OS
#3036 - Hidden columns are exported anyway
For more details, see What's new and Upgrade guide in docs

4.1.6 - 2021-06-23

FEATURES / ENHANCEMENTS

GridSelection has a new selectionMode option preserveSelectionOnPageChange which preserves the selected records while moving between pages in a paged dataset (#3079)

BUG FIXES

#110 - Group and Sort features should support custom sorting functions
#278 - Calling tree store removeAll(true) unbinds rootNode from store
#2756 - Row height is not recalculated when collapsing group
#3005 - [VUE-3] Problem with Critical Paths due to Vue Proxy and double native events firing bug
#3008 - Remove childElementCount usages, unsupported in LWC
#3018 - QuickFind feature should encode HTML
#3026 - [VUE-2] and [VUE-3] typescript type declarations are missing
#3028 - Parent task turned into leaf after removing child task
#3029 - Child nodes not removed after collapsing parent node in tree grid

4.1.5 - 2021-06-09

FEATURES / ENHANCEMENTS

Grid now has a minHeight of 10em by default. This assures that the Grid will get a size even if no other sizing rules are applied for the element it is rendered to. When the default minHeight is driving the height, a warning is shown on the console to let the dev know that sizing rules are missing. The warning is not shown if a minHeight is explicitly configured (#2915)
[TYPINGS] API singleton classes are correctly exported to typings (#2752)

BUG FIXES

#2724 - CellEditor won't close properly after invalid search in combo list
#2757 - React and Vue column renderers do not sync the value
#2985 - RowReorder drag proxy element misplaced
#2990 - [ANGULAR] Preventable async events don't work

4.1.4 - 2021-05-28

FEATURES / ENHANCEMENTS

Grid can now be configured to clear its row / cell selection after a new dataset is loaded. This is configured using the selectionMode#preserveSelectionOnDatasetChange config of the GridSelection mixin
Grid can now be configured to preserve its vertical scroll state after a new dataset is loaded. This is controlled by the preserveScrollOnDatasetChange flag
Grid RowReorder feature now allows for async finalization of a drop. See updated docs or rowreorder demo for guidance. (#2716)
TypeScript definitions updated to use typed Partial<> parameters where available
Buttons now has a new style b-transparent that renders them without background or borders (#2853)
[NPM] repository package @bryntum/grid now includes source code (#2723)
[NPM] repository package @bryntum/grid now includes minified versions of bundles (#2842)
[FRAMEWORKS] Frameworks demos packages dependencies updated to support Node v12

BUG FIXES

#2104 - "Core" code not isomorphic
#2783 - CellMenu not triggered on iPhone's with 3D touch enabled
#2828 - Memory leak when replacing project instance
#2834 - Core should not use b-fa for icon prefix
#2874 - Filter field should not grow when X is shown
#2884 - Check all checkbox checked state should be updated after page change
#2908 - [ANGULAR] Add custom-tag rendering of tooltip, header, etc. to angular-renderer demo
#2936 - Filter added to nested column does not update filter field
#2937 - Clicking next page doesn't scroll to top

4.1.3 - 2021-05-13

FEATURES / ENHANCEMENTS

Improved PDF Export feature API. It exposes methods allowing to take control over requests and responses (#2726)
Grid's row checkbox selection with checkbox can now also select tree node children when a parent node is selected (#1951)
Column now has a 'tooltip' config for showing a tooltip when hovering the column header (#2794)
Bumped the built-in version of FontAwesome Free to 5.15.3 and added missing imports to allow stacked icons etc
Bumped the @babel/preset-env config target to chrome: 75 for the Module bundle. This decreased bundle sizes and improved performance for modern browsers
Updated Angular Wrappers to be compatible with Angular 6-7 in production mode for target es2015

BUG FIXES

#2478 - Normal grid cannot be expanded after restoring its collapsed state
#2581 - PDF Export server doesn't load local resources via HTTPS
#2597 - Pointer position is out of sync with column right edge when reducing column width
#2694 - [REACT] Grid - column resizing broken
#2731 - Column drag proxy is misplaced in absolutely positioned web component
#2762 - TimeField step defaults to day unit
#2778 - Wrong module declaration in typings file
#2795 - Row selection lost after collapse / expand parent node
#2801 - Filter bar misrendered in docs example
#2816 - Not possible to use renderer on Checkbox column
#2856 - Column filter's "operator" argument never changes after setting

4.1.2 - 2021-04-27

BUG FIXES

#2677 - Fixed improper toolbar overflow handling of buttons with menus

4.1.1 - 2021-04-23

FEATURES / ENHANCEMENTS

Added new enableUndoRedoKeys config to Grid which triggers undo / redo upon pressing CTRL-Z key combination (#2532)
Popups can now be maximized to fill the visible viewport
New Vue 3 Vue Renderer demo
New Vue 3 TreeGrid demo
New config autoHeight on Tab Panel to set the height of all tabs to match the tab with the highest content
The Context menu base class (ContextMenuBase.js) now supports triggering a context menu to be shown programmatically using the new showContextMenu method
The summary feature now supports summing only selected rows (#2631)
Display field can now accept a template formatting its value, which can now also be markup (#2641)

BUG FIXES

#109 - Slider label should not have right margin
#491 - Store loadChildren should remove existing children
#1083 - Summary not updated after filtering with filter bar
#1339 - Issue when destroying the grid with custom React components
#1861 - Store filter method does not support nested fields
#1987 - DOCS: React guide needs a section on how to listen for events
#2293 - Search in a tree grid by a full matched string produces Object object in cell content
#2410 - List hide/show methods lose parent promises
#2482 - MultiSelect Combo set value doesn't work when configured filterSelected : true
#2542 - selectionMode with checkbox column does not handle selection mutating inside selectionChange listener
#2569 - Grid scroll not working after store.add when store is filtered
#2596 - Vue-3: Implement Vue component support for column (cell) renderer
#2616 - Varying padding-left in Panel
#2636 - [WRAPPERS] Features are not updated at runtime
#2659 - Context menus do not work with extra wrapper around lwc container element
#2671 - parentIndex field has incorrect value after clearing filters
#2678 - Column autoWidth and cell edit causes editor to be misaligned
#2679 - on-owner events should be added to owner too in docs
#2681 - Yarn. Package trial alias can not be installed
#2687 - Excel Export ignores nested fields
#2729 - Action Column Causes Grouping Header to Disappear

4.1.0 - 2021-04-02

FEATURES / ENHANCEMENTS

We are happy to announce that Bryntum Grid now can be directly installed using our npm registry We've updated all our frameworks demos to use @bryntum npm packages. See them in examples/frameworks folder Please refer to "Npm packages" guide in docs for registry login and usage information
Added new Vue 3 Simple demo to show how to use Bryntum Grid in Vue 3 (#13155 - Implement demos with VUE 3 support)
Added new Vue Cell Renderer demo to show Vue Components as cell renderers (Partially fixed #946 - Vue: Support components in renderers)
Added new Bryntum Grid Big Dataset demo in React 17 demo . The example also implements theme switching (#1823 and #2213)
Bryntum demos were updated with XSS protection code. StringHelper.encodeHtml and StringHelper.xss functions were used for this
CellEdit#startEditing will now cancel any ongoing editing before starting the editing (previously just ignored this situation)
Model fields can now be marked with alwaysWrite to ensure important data fields are always included when updates are committed by an AjaxStore (#848)
Refactored TabPanel base class to Panel from Container. The Panel class's algorithm for handling docked items (such as tbar and bbar) was enhanced to work with the new tabBar config of TabPanel using the new strips config. The strips config is like tools except it is designed for toolbars. The items in strips have a dock config to specify the edge to which they dock ('top', 'left', 'bottom', or 'right') or, alternatively, 'header' or 'pre-header' to position the toolbar in the panel's header after or before the title, respectively. These items also use their weight config to determine their docking order. The higher the item's weight, the closer it will be to the panel's central body element (#1837)
Refactored the tab strip of TabPanel into a TabBar widget that extends Toolbar. This uses the new tabBar config of TabPanel to add an item to the new strips config of Panel. The tabBar uses its weight config to order it along with tbar and bbar of the Panel. The tabBar also inherits the overflow feature of Toolbar (#1827)
Panel now has a bodyCls config to place CSS classes on the body element
Summary feature now offers a refresh method to update summaries. See updated summary demo for sample usage
DatePicker now supports cellRenderer to output custom contents into the date cells (#2498)
showValue config of PercentColumn class defaults to false now
The ColumnPicker feature now has a new config, createColumnsFromData which means that data fields in the grid's model class are interrogated and new columns may be added from the column menu to represent those fields
It is now possible to use automatic height for cells, see the new autoHeight config on Column. Please note that enabling it comes with a pretty hefty performance hit, since all the cells has to be measured in DOM. Check it out in the new autoheight demo (#2236)
Widgets now offer requestFullscreen and exitFullscreen methods, which ensure tooltips and other floating sub-widgets will be visible while in fullscreen mode
CellEdits cancelCellEdit() method now includes an event parameter if the cancellation was triggered by a DOM event (#2311)
Column´s header text is now HTML encoded by default. Can be disabled by using the new htmlEncodeHeaderText config (#2765)
Added a compact mode to the FilterBar feature, that overlays the filtering fields on the headers (#2132)

API CHANGES

[BREAKING] Removed RequireJS demos and integration guides in favor of modern ES6 Modules technology (#1963)
[BREAKING] Angular wrapper onGridEvents event renamed to onCatchAll
[BREAKING] Angular wrapper feature names are now suffixed with Feature
[BREAKING] init method is no longer required in Lightning Web Components and was removed from the LWC bundle
[DEPRECATED] React, Angular, Vue wrappers gridInstance property renamed to instance
[DEPRECATED] The cellSelector param of the Grid cellClick / cellDblClick / cellContextMenu / cellMouseOver / cellMouseOut events was deprecated and will be removed in 5.0
[DEPRECATED] The Store move event's record property was deprecated in favor of records, but if the array form has been used, only contains the first record. This property will be removed in a future version
Internal DOM structure of the DatePicker header was refactored and simplified. This may affect your styling if you have relied on the presence of certain elements or CSS classes
DatePicker#editOnHover config was deprecated and it has no effect on the widget
Returning false from an on-function now prevents the listeners for that event from being triggered
The Store.move() API now accepts an array of records to move as well as a single record. The corresponding Store move event now has an extra records property referencing all records which have been moved

BUG FIXES

#400 - Tooltips and floating widgets are not visible if Scheduler is fullscreen
#876 - store.query should search through all records when searchAllRecords is true
#951 - Tooltips not shown for widgets inside a web component with shadow root
#1059 - Slider cannot be used as a widget in a column
#1525 - Improve Localization guide
#1689 - Investigate sharing static resource between multiple LWC on the same page
#1819 - DatePicker styling issues
#1893 - [REACT] JSX renderer not supported for TreeColumn
#2109 - Row selection in check column not possible if grid is readonly
#2153 - Select all checkbox in Check column does not react on click
#2194 - Setting title on item in a TabPanel now updates the text of the tab in the tab bar
#2211 - Add test coverage for XSS
#2225 - Store.originalCount should ignore special group records
#2235 - Number column does not accept key typed if its cell has the same value
#2285 - React Components not being rendered within Scheduler cells when columns are sorted
#2295 - Not possible to type in negative numbers to the number field
#2304 - CheckColumn does not respect "text" config
#2305 - Editing code in online demos throws error
#2306 - Grid#selectRow fails if first column is hidden
#2321 - [LWC] input arrows do not work
#2328 - Calling store.load on paged grid changes the page number
#2354 - Column filter icon tooltip displays the valueField instead of the displayField
#2359 - Update readme files in all framework demos in all products
#2367 - Bug when dragging child column to last index of its parent
#2379 - Add minified version of *.lite.umd.js to the bundle
#2384 - Child nodes loaded on demand are not sorted
#2385 - Keyboard Navigation Broken When Restoring Column Hidden State
#2390 - Support sorting after Store#add
#2407 - Grid/Scheduler not working in IE11
#2423 - Cannot define responsiveLevels in class definition
#2426 - Double clicking tree expander icon should not start editing
#2432 - Setting combobox value to non-matched value should sync input value to that value
#2435 - TabPanel issues
#2474 - Empty text not shown when using autoHeight
#2486 - Month/year picker is not aligned to date picker properly
#2505 - Clicking tree node expander icon should not focus row
#2511 - Applying empty store state doesn't clear filters/sorters/groupers
#2522 - Percent column never displays a value
#2526 - Grid CheckAll checkbox un-checks after drag and drop
#2527 - Inconsistent Behaviour with Select All when Collapsed Groups
#2531 - React JSX Column renderer buggy in grouping grid
#2539 - toggleNode event 'collapse' param showing is undefined
#2546 - [VUE] Widget column doesn't render widget after stopped grouping
#2547 - Vue dashboard demo visual issues
#2548 - [VUE] Cell renderer does not update on sort
#2551 - Removing row makes grid to render several empty lines

4.0.8 - 2021-01-27

FEATURES / ENHANCEMENTS

Grid now exposes a firstVisibleRow and lastVisibleRow returning first/last visible row records in the grid viewport
Added sliding toggle widget, which is a styled checkbox (#2242)

BUG FIXES

#2195 - Action column buttons needs a softer color
#2223 - Static request params should be merged with params specified in URL
#2250 - Group Renderer does not allow direct changes to cellElement for feature config
#2260 - CheckColumn ignores headerRenderer
#2280 - Grid header is rendered incorrectly in LWC

4.0.7 - 2021-01-12

FEATURES / ENHANCEMENTS

The params config of AjaxStore was made public (#2216)
DateField now supports entering of time if it is configured with keepTime: 'entered' and if the field format includes time info

BUG FIXES

#2127 - Unable to Edit Number Column Cell Decimal Values
#2135 - Template columns not rendering properly after grouping the grid
#2160 - ActionColumn action handler runs more than once
#2177 - Display of the date column filter tooltip is inconsistent
#2186 - "responsive" event is not fired for the smallest level on load
#2187 - Cell editing finalized after server response with autoSync
#2198 - Enter key should skip group header rows
#2207 - After removing last record in a group, the Group renderer is called for the empty group

4.0.6 - 2020-12-29

FEATURES / ENHANCEMENTS

The Grid can now remove filtered out records from its row selection using the new selectionMode.deselectFilteredOutRecords flag (#2112)
ActionColumn is now usable when its Grid is readOnly, and its actions are optionally disabled based on the new disableIfGridReadOnly config value (defaults to false)

BUG FIXES

#1894 - Click on chapter works only first time
#1990 - Grid subclasses can now configure its store (e.g., modelClass) in its static get configurable()
#2039 - ordinalSuffix yields incorrect result for numbers ending with 11, 12, and 13
#2107 - Excel export fails to export while using groupSummary
#2115 - DurationField should respect useAbbreviation config
#2155 - Cell tooltip shows up empty sometimes
#2156 - ActionColumn crashes if Grid#hideHeaders is true
#2161 - Docs should handle URI encoding
#2168 - Grid title header misstyled like a column header
#2169 - Properties missing type in docs

4.0.5 - 2020-12-15

FEATURES / ENHANCEMENTS

Added specific CSS class for ColumnPicker submenu - b-column-picker-menu (#2057)

API CHANGES

ContextMenu features now accept a menu config to merge into their default configuration for their Menus. The menuConfig property is deprecated in keeping with slimming our API footprint

BUG FIXES

#2049 - Allow overriding fields for filter feature on column basis
#2553 - Column.resizeToFitContent has poor performance with multiple columns

4.0.4 - 2020-12-09

FEATURES / ENHANCEMENTS

A new config discardPortals on the React wrapper, that controls the behaviour of cell renderers using React components. Set to false (default) to enhance performance. Set to true to limit memory consumption
Added new Vue Export to Excel demo
Added new React TreeGrid demo
Custom sorting functions defined on columns (see Column#sortable) can now be applied when programmatically sorting the store by that columns field, see the new Sort#prioritizeColumns config (#1303)
Custom filtering functions defined on columns (see Column#filterable) can now be applied when programmatically filtering the store by that columns field, see the new Filter#prioritizeColumns and FilterBar#prioritizeColumns configs (#1925)
DurationField now offers min / max configs (#1997)

API CHANGES

CellEdit#doAddNewAtEnd method was made public by mistake, it is now private

BUG FIXES

#1754 - Click on Action Column items not triggering anything when cellEdit feature is disabled
#1812 - Make tables look better in docs
#1857 - Subgrid cannot be expanded after applying collapsed state
#1869 - Very low performance of React cell renderers
#1896 - Revise column state attributes
#1902 - Combo filter should use exact match for string values
#1917 - Field error tooltip contains wrong information
#1922 - Make public some API used by destroy
#1928 - Aligned Popups can lose their configurations on drag
#1936 - ENTER key on last row cell should add a new row if addNewAtEnd is enabled
#1946 - Multi sort UI is broken for Duration column (any column with sortable function)
#1957 - Date filter is applied incorrectly when restoring from state
#1988 - Docs left panel shrinks when filtered
#2026 - Row reorder broken when header menu is disabled

4.0.3 - 2020-11-17

FEATURES / ENHANCEMENTS

A new config, collapseToHeader on the GroupSummary feature makes the headers row of a collapsed group contain the summary data for the group. Be aware that the group title is limited in width in a collapsed group header with this set so that it does not overflow into summary cells. (#1355)
Added supported for reverting model changes (#1874)

BUG FIXES

#1719 - No scrollbar if all data filtered
#1811 - Number field changeOnSpin flag doesn't work as expected
#1831 - Null entries should not swap positions when sorting
#1836 - Combo's picker loses anchoring after typing
#1850 - Column sortable function not called when sorting from context menu
#1858 - Pressing space on a CheckColumn should not trigger scroll
#1878 - initClass method should be public
#1884 - Load mask not hidden after loading fails

4.0.2 - 2020-11-04

BUG FIXES

#1350 - Excel export turns numbers into text
#1511 - DatePicker selects wrong month
#1563 - Editor class fires "complete" event twice

4.0.1 - 2020-11-03

FEATURES / ENHANCEMENTS

Improved API Docs with a new fiddle panel for live demos, you can now update the code of any live demo and instantly see the result. Also added TOC to guides and a class hierarchy
Columns can now supply a custom filterField to control which widget handles the filtering Makes it possible to have list based filtering, where you pick a value from a Combo to filter (#1772)

API CHANGES

Store#query and Store#find no longer calls the supplied filtering method for special group header records
Renamed and documented events columnShow/columnHide for Grid.data.ColumnStore

BUG FIXES

#124 - Pressed button border overlaps badge
#913 - Docs: Navigating back after visiting bad link has no effect
#405 - Crash when typing foo into grid column filter
#890 - Tooltip / container with text content should not use display flex
#1322 - Extra rows appearing when stop grouping
#1323 - Not possible to escape out of invalid or empty number field editor
#1408 - Promise rejection when an example tooltip load is aborted
#1672 - Right click a grid cell when another window is active on Mac and then removing the record fails with exception
#1705 - Wrong region size on export
#1706 - Toolbar should not be exported
#1712 - Skip non-exportable columns in export dialog window
#1777 - List always focuses first item when clicking unfocused list
#1782 - Incorrect group size displayed

4.0.0 - 2020-10-19

FEATURES / ENHANCEMENTS

[BREAKING] Dropped Support for Edge 18 and older. Our Edge <=18 fixes are still in place and active, but we will not be adding more fixes. Existing fixes will be removed in a later version
Context menu features refactoring: simplified naming by removing the word "Context" in feature names and in event names, introduced named objects for menu items, split context menu features by area of responsibility. Please check out the upgrade guide for details (#128)
ContextMenu feature has been split into CellMenu and HeaderMenu (#8440)
Added "Customize context menus" and "Replace context menus" guides (#1312)
Added a new Grid Feature StickyCells. When using highly structured cell content, this allows row content identified by a selector to be pinned to the grid top while the row is scrolling off the top but is still visible:
```
  features : {
      stickyCells : {
          contentSelector : '.myClass'
      }
  }
```
Field widgets now support a hint (and hintHtml) config to display non-interactive text overlaying the input element
The RowReorder feature was updated to allow dragging multiple rows at once (#1402)
Added a precision config to Model fields of type number, to control the number of digits they hold. Input is rounded to the specified precision. Makes it easier to match up with a backend using floating numbers of a certain precision (#1320)
Grid now extends Panel instead of Container. This allows you to easily add toolbars to it (#1417)
Added XSS protection functions: StringHelper.encodeHtml and StringHelper.xss
Added grid.lite.umd.js module that does not include Promise polyfill. This module is primarily intended to be used with Angular to prevent zone.js polyfills overwrite
Added experimental support for Salesforce Locking Service (#359). The distributed bundle only supports modern browsers (no IE11 or non-chromium based Edge), since Salesforce drops support for these in January 1st 2021 too
Added Lightning Web Component demo, see examples/salesforce/src/lwc

API CHANGES

[BREAKING] The Core/adapter directory has been removed. There are no Widget adapters. All Widget classes register themselves with the Widget class, and the Widget class is the source of Widget type mapping and Widget registration and lookup by id
[BREAKING] GridState now stores subGrid state in a new format so end users might observe their width/collapsed states not being restored
[BREAKING] The Default, Light and Dark themes were renamed to Classic, Classic-Light and Classic-Dark This change highlights the fact that they are variations of the same theme, and that it is not the default theme (Stockholm is our default theme since version 2.0)
[DEPRECATED] ContextMenu feature was deprecated. Instead 2 new features were introduced: CellMenu and HeaderMenu
[DEPRECATED] showRemoveRowInContextMenu config was deprecated in favour of CellMenu configuration
[DEPRECATED] Providing cellMenuItems and headerMenuItems column configs as an array was deprecated. It has to be a named object now
[DEPRECATED] The capitalizeFirsLetter() and lowerCaseFirstLetter() functions in StringHelper was deprecated in favor of capitalize() and uncapitalize()
[DEPRECATED] The record property of RowReorder events is now deprecated in favor of records since the feature now supports dragging multiple rows
Model fields in derived classes are now merged with corresponding model fields (by name) in super classes. This allows serialization and other attributes to be inherited when a derived class only wants to change the defaultValue or other attribute of the field
The dateFormat config for type='date' model fields has been simplified to format
Arrow down from column header now navigates to first fully visible cell in that column, instead of the previous behavior of opening the column menu
Stores json accessor (which returns a JSON string) and toJSON() function (an array of objects) was both documented and made public. Useful if you need access to the data of all records to serialize yourself. Output of toJSON() can be directly plugged into store.data, and the output of json can be consumed by setting the same property
Widget reference moved from reference attribute to data-reference. Change only affects CSS selectors, JS API remain intact
The following previously deprecated members/classes where removed:
- StateTrackingManager.getStoreById()
- Store.isVisible()
- Rectangle.round()
- InstancePlugin.pluggedInto
- Editor.allowInvalid
- FlagField
- Widget.visible
- startCellEdit events grid param
- cancelCellEdit events grid param

BUG FIXES

#963 - Double clicking other cell during async finalizeCellEdit causes crash
#1268 - Exception when editing date cell
#1324 - Grouping demo should use combo to pick colors
#1325 - Crash after menu hidden
#1400 - DateHelper typo
#1405 - Crash when dragging row up to grid header
#1414 - Checkbox tooltip is not localized in the demo
#1425 - Strange Swedish date format
#1479 - Examples thumbnails are missing
#1484 - Step triggers not horizontally centered
#1488 - b-masked CSS class still found after removing mask
#1504 - Arrow down from column header should jump to first fully visible cell in that column
#1512 - Typing text into inferred number data field in demos produce NaN
#1514 - NumberColumn outputs 0 for null/undefined field value
#1540 - Unquoted column.id in selectors
#1544 - Classic-dark theme white background in example browser
#1545 - Mini demo in example browser fails to load for classic themes in IE11
#1548 - [ANGULAR] Investigate zone.js loading order and set it to Angular default
#1600 - Down key in TextAreaField does not respect inline config
#1637 - Number field triggers reset value
#1645 - Angular example throws an error on expired trial version
#1676 - Vuestic demo issues
#1684 - MessageDialog yesButton missing from docs

3.1.9 - 2020-08-26

BUG FIXES

#1424 - Date picker next button leads to wrong year
#1352 - Filters removed on data load

3.1.8 - 2020-08-11

API CHANGES

Mask progress and maxProgress are now public properties (#1060)

BUG FIXES

#967 - ActionColumn icon is not centered
#975 - STM doesn't update store changes properly
#1244 - Initial export options are shown incorrectly in the export dialog
#1301 - Prevent using filterBar and filter features together

3.1.7 - 2020-07-24

FEATURES/ENHANCEMENTS

Added new exporter: MultiPageVertical. It fits content horizontally and then generates vertical pages to fit vertical content. (#1092)

BUG FIXES

#953 - Load mask appearing on top of export progress
#973 - Export feature does not respect left grid section width
#1172 - Wrapper should not relay store events to the instance
#1176 - Destroying scheduler on touchstart fails
#1180 - Exported grid should end with the last row
#1211 - Badge example in docs not working
#1215 - PdfExport should not rely on loadMask of the grid

3.1.6 - 2020-07-10

FEATURES/ENHANCEMENTS

Added Docker image of the PDF Export Server. See server README for details. (#905)

API CHANGES

[DEPRECATED] To avoid risk of confusing the Grid instance with the calculation engine, gridEngine has been deprecated in favor of gridInstance in all framework wrappers (Angular, React, Vue). #776

BUG FIXES

#842 - Column renderer should return a value to update cell content
#881 - Tooltip is blinking in Firefox when hoverDelay is specified
#884 - Slider crops its marker
#907 - Error when combining Grid rowCheckboxSelection and summary feature
#944 - ExportDialog should respect PdfExport feature configuration
#964 - Sorting and filter parameters not URL encoded
#1086 - Sort triggered after column resize
#1100 - Widgets having show animation does not get the b-animating CSS class
#1135 - Incorrect Sorting behaviour for Duration column
#1137 - eventColor should not apply background to dashed eventStyle

3.1.5 - 2020-06-09

FEATURES/ENHANCEMENTS

Added a new beforeGridRowDropFinalize event to RowReorderFeature to allow a single event to set validity (#808)
Removed React and Vue CDN demos in favor of existing framework examples (#840)
Updated Font Awesome Free to v5.13.0
ScrollManager class was made public, allowing control of how drag-scroll gestures behave (#870)
Updated Vue Integration Guide (#672)
Added indentSize config to Grid.column.TreeColumn (#775)
Tooltip#beforeShow event now includes access to the event that triggered it to show (via source.triggeredByEvent) (#799)

API CHANGES

To fix locale inheritance problems some Grid locale strings were moved from the Grid section to the GridBase section in localization files. Any custom localizations for Grid should be updated accordingly. (#780)
Column renderers can now request a lower height than the configured rowHeight. To allow this, they are now called with size : { height : null } instead of size : { height : rowHeight }. As before, set your desired height there The largest requested height for a row will be used. If none is requested it will use the configured row height
Removed not used localizations GridBase.serverResponseLabel, Tree.noTreeColumn, Grid.featureNotFound, Grid.invalidFeatureNameFormat, ColumnStore.columnTypeNotFound, TemplateColumn.noTemplate, TemplateColumn.noFunction
Renamed localization PdfExport.Waiting for response from server... to PdfExport.Waiting for response from server

BUG FIXES

#653 - Grouped schedule grid corrupted after group collapse / expand
#742 - Not persistable data change may initiate a commit with an empty object
#781 - Grouping breaks when removing last record in group
#828 - Tree node with link does not cover cell fully
#831 - Clicking parent node (with href set) expander should not trigger the link
#844 - Drag drop does not finalize properly if mouse up happens above an iframe
#854 - Allow renderers to set lower row height
#861 - Crash if calling refreshColumn on a hidden column
#885 - Page scrolls when expanding date picker with keyboard

3.1.4 - 2020-05-19

BUG FIXES

#521 - Blank records added on stop grouping of filtered grid
#761 - Tooltip does not show first time when loadingMsg is empty and loading remote content
#769 - Popup is not aligned to target properly with constrainTo
#777 - Show / hide filter bar is not working when after removing a column
#782 - Crash after collapse all with empty tree
#785 - Code editor not working reliably

3.1.3 - 2020-05-14

FEATURES/ENHANCEMENTS

Added Vue.js and Vuetify.js integrated examples (#374)
Added triggerEvent config to Grid.feature.CellEdit (#496)
Added new ActionColumn component (#504)
Added new Vue demos

BUG FIXES

#493 - Export file name is not configurable
#581 - Example label text cannot be selected
#594 - gridRowDrop reorder event fires before row has been moved
#595 - Crash when double clicking example image in examples browser
#596 - Font Awesome should be bound to font-weight 900
#670 - Editor Sass syntax error
#680 - Crash if collapsing parent node with left section collapsed
#759 - Cell editor not aligned after window resizing

3.1.2 - 2020-04-17

FEATURES/ENHANCEMENTS

The grid.module.js bundle is now lightly transpiled to ECMAScript 2015 using Babel to work with more browsers out of the box

3.1.1 - 2020-03-27

FEATURES/ENHANCEMENTS

Buttons now support having a link via the new href and target config options

API CHANGES

NumberField now reports undefined if the input field is empty
ObjectHelper#setPath method became chainable and returns the passed object instance

BUG FIXES

#030 - Region resize splitter problems on touch devices
#330 - Id collision happens when you add or move records after filters are cleared
#411 - Setting icon classes on TreeColumn doesn't work properly
#420 - Fixed Store sort does not respect ascending flag
#422 - Theme switching leaks elements and crashes if changing multiple times with slow network
#434 - Cell tooltip not working reliably
#437 - removeAll on chained store clears master store
#439 - required attribute has no effect on NumberField
#445 - React: Scheduler crashes when features object passed as prop
#451 - collapseAll does not update selection bug
#453 - NaN seen in grid group summary demo bug

3.1.0 - 2020-03-10

FEATURES/ENHANCEMENTS

Added httpVerbs and useRestMethods to AjaxStore to be able to use GET, POST, PUT, DELETE verbs for Store crud actions (#387)
Font Awesome 5 Pro was replaced with Font Awesome 5 Free as the default icon font (MIT / SIL OFL license)
parentIndex is now a public field of TreeNode (#358)
CheckColumn + selection model now supports a check-all checkbox in the column header

BUG FIXES

#340 - Crash when selecting row if checkbox column is hidden
#341 - Crash when removing multiple rows fast
#342 - Crash if groupsummary is enabled without grid being grouped
#344 - Crash after Enter keydown in filter bar
#379 - STM manager doesn't undo row reordering
#401 - Filtering a large, sorted dataset, when scrolled to the end, throws an error

3.0.4 - 2020-02-24

FEATURES/ENHANCEMENTS

Added new Angular 9 example that shows how to use Angular Component as grid cell renderer (#304)

BUG FIXES

#293 - Multiselect setting not honored in check box column
#305 - 'b-text' class is not applied for widget column with button config for zero value
#306 - Wrong row selection on click after Grid loses focus
#327 - Export generates empty pages
#332 - Setting rowHeight to 0 crashes the grid
#348 - Tooltip misaligned after clicking add in tasks demo

3.0.3 - 2020-02-13

FEATURES/ENHANCEMENTS

Tab panel now supports hiding tabs (#78)
ScrollManager now has a startScrollDelay and waits before scrolling is started when mouse is moved close to an edge of an element monitored by the ScrollManager (#252)

BUG FIXES

#202 - Columns sub-menu does not scroll for many columns
#228 - iPad vertical scroll not working
#246 - Dragging splitter should cancel cell editing

3.0.2 - 2020-01-29

FEATURES/ENHANCEMENTS

PDF export server was refactored. Removed websocket support until it is implemented on a client side Added logging. Added configuration file (see app.config.js) which can be overridden by CLI options Multipage export performance was increased substantially (see max-workers config in server readme) (#112)

3.0.1 - 2020-01-16

FEATURES/ENHANCEMENTS

Added to the documentation what editor types columns support (#55)
PDF Export feature uses "Grid" as the default file name (#117)
Store can now remove individual filters by filter id or Filter instance using store.removeFilter (#462)

API CHANGES

To show async content in a tooltip, you can now either return a Promise from the Tooltip#getHtml method or you can now set a Promise yielding a string as the value the Tooltip#html property. See the What's new guide in the docs or more information
[DEPRECATED] Setting Tooltip#html to false to show loading message is deprecated. Use Tooltip#showAsyncMessage instead, see the What's new guide in the docs for more information

BUG FIXES

#2 - Not possible to enter 00:00 into time field
#27 - Crash when clicking time picker forward
#28 - Crash after changing locale in celledit demo
#88 - Crash after reordering column in grouping demo
#113 - Cannot right click demo header
#122 - Showing async tooltips is broken
#133 - Not possible to set activeTab in 'beforeshow' listener of Card layout
#158 - Pasting code into demo code editor keeps styling/formatting from IDE
#170 - Grid Ext JS demo broken online
#171 - Grid Ext JS demo broken
#189 - DOCS: Public configs should not link to private configs/classes

3.0.0 - 2019-12-20

FEATURES/ENHANCEMENTS

New Ionic Themes demo which shows using and changing included themes. (#9394)
Grids styling for its horizontally scrolling elements was updated with overscroll-behaviour: contain auto. This prevents accidental history navigation while scrolling horizontally using trackpads/on touch devices
Grid Columns may be configured with a finalizeCellEdit method which validates cell edits in that column It must return true or false. It may also be an async function whose resolution yields true or false
Added support for exporting the Grid to PDF and PNG. It is showcased in the new export demo. The feature requires a special export server, which you can find in the examples/_shared/server folder. You will find more instructions in the README.md file in the new demo. (#6268)
Added leadingZeroes config option for NumberField (#7524)
Localization. Common localizable words and phrases may now be added to a common Object block of properties and will be accessible to all classes
Added support for named listeners (#43)

API CHANGES

[BREAKING] (for those who build from sources): "Common" package was renamed to "Core", so all our basic classes should be imported from lib/Core/
[BREAKING] Model no longer considers null as a valid id on records. It is now handled the same way as if id was undefined, meaning that a generated id will be assigned instead. If you use null as id on a record in your code, this change might be breaking We recommend to always supply an id for records from your backend, and there is a new setting on Store to enforce that. Configuring Store with allowNoId: false will make it throw if a record without id is loaded (#8570)
NumberField no longer uses native stepping with the arrow keys, instead it implements its own with configurable behaviour. See the new changeOnSpin config
DateHelpers default date format was made configurable (assign to DateHelper.defaultFormat) and changed from YYYY-MM-DDTHH:mm:ss.SSSZ to YYYY-MM-DDTHH:mm:ssZ to better match client expectations

BUG FIXES

#9434 - Tooltips are broken on Android devices
#14 - Record id 0 breaks Store#indexOf
#24 - Inconsistent record 'changes' object after update
#9212 - Adding FilePicker as widget for column
#102 - Tree column not indented in exported Excel file

2.3.0 - 2019-11-05

FEATURES/ENHANCEMENTS

Widget's tooltip configuration now uses a shared singleton Tooltip instance by default. Use newInstance: true if a new Tooltip instance is required for the widget (#7033)
Added a basic Splitter widget that allows resizing sibling elements/widgets in a flexbox layout (#9138)
Combobox is now able to filter its store using remote filter requests as the user types. See the filterParamName config. (#9256)
DatePicker panel now has month and year selection combos which appear on hover (#9259)
TextField class now supports adding minlength, maxlength, tabindex attributes, as well as any other HTML attribute through the new 'inputAttributes' config (#9296)
Widgets may now adopt a preexisting DOM node to use as their encapsulating element. This reduces DOM footprint when widgets are being placed inside existing applications, or when used inside UI frameworks which provide a DOM node. See the adopt config option (#9414)
Containers now support removal and adding and inserting of child widgets. See the API docs for Container
Containers can now get/set values from/to all nested widgets using the new values property. Also added Container#isValid to check validity of all nested fields
Adding event listeners now accepts an expires option which is for how many milliseconds the event listener persists before it is removed. This is useful for capturing potential future events which may or may not happen
A new thinner version of Grid called GridBase was added. It is a Grid without default features, allowing smaller custom builds using for example WebPack. See the new custom-build demo for a possible setup (#7883)
The Group features groupRenderer is now applied to all columns in a group header, allowing more control over the rendering (#8751)
Column filtering using the FilterBar feature can now be done using any field through the new filterable.filterField config (#8799)
Added new 'Paged Grid demo with php backend' that shows how to use a paged store for Grid with remote sorting and filtering (#9213)
A new Column type: 'aggregate' has been added. When used in a Tree, it aggregates the value of that column's field from child nodes. (#9227)
The CellEdit feature now allows a beforeCellEditStart to inject an input field into the editor property of the passed editorContext to use the specified input field to edit the cell (#9281)
Grids checkbox selection now offers a mode rowCheckboxSelection where selection is only done when clicking on a checkbox (#9313)
Support for disabling features at runtime has been improved, all features except Tree can now be disabled at any time (#8187, #9353)

DATA LAYER CHANGES

Added support for paged stores, remote sorting and remote filtering (#4504)
Stores can now be configured with syncDataOnLoad: true, which will make them apply the difference between a new dataset and its existing data rather than doing a full replace. Especially useful in scenarios where store.data is bound to something that applies the entire dataset on changes, for example a React state
Fields can be added/removed from a Model at runtime, using the new Model.addField() and Model.removeField() functions (#9328)
ColumnStore can be configured with autoAddField : true to automatically add the fields used by its columns to Grids store
Added new Angular 7 and Angular 8 integration examples (#9069)
Experimental: The React wrapper has been updated to support using React components (JSX) in cell renderers and as cell editors. Please check out the updated React demos to see how it works, and read up on it in the updated integration guide (#7334, #9043, #9244)

API CHANGES

The behaviour of Store#add() in a tree store has been changed to take the parentId of the records being added into consideration. Previously all nodes added this way was appended to root, but they can now be added to any parent in the tree. For example store.add({ name : 'New kid', parentId : 5 }) will add the new node to parent with id 5. To actually add to root, use parentId : null (or even better, use the TreeNode api)
Model.convertEmptyParentToLeaf was changed to accept either a boolean or a config object, for control over if conversion happens on load or on CRUD or both (#8973)
ResizeHelper can be configured with dynamicHandleSize : true to automatically shrink virtual handles from their configured size towards 1 to enable resizing elements that do no fit full handles
The validation behaviour for required fields was slightly changed to not flag initially empty fields as invalid, they are instead flagged on blur or when checking validity
[DEPRECATED] InstancePlugin#pluggedInto was deprecated in favour of already existing InstancePlugin#client
The Grid#selectRow() method now accepts a single, object parameter to describe the required´selection type and associated actions to avoid long, unwieldy method signatures. The previous signature will be recognized until version 3.0

BUG FIXES

#8280 - Chained Tree store API inconsistency
#8846 - Exception from onStoreUpdateRecord with fullRowRefresh: false
#8911 - AjaxStore syncing modifications returns field names in the JSON object
#9018 - Hovering splitter should add hover styling to parallel splitters
#9176 - Filterbar and group feature duplicate records
#9235 - Summary feature should be disableable
#9257 - Uncaught TypeError: Converting circular structure to JSON when comparing two records as fields
#9271 - Tooltip listeners config not honored
#9277 - Filter icon missing if sort is disabled
#9332 - Readonly status reset after schedule click
#9334 - Grid doesn't clear b-cell-dirty on grid.store.commit()
#9352 - DateHelper wrong quarter calculation
#9354 - Column header disappears on reordering
#9356 - Combo should not mutate incoming value array
#9357 - Splitter collapse/expand buttons misplaced
#9371 - isMove in add event is not a boolean but always an object. Documentation corrected
#9375 - Rendering broken with a cluster of really high rows and scrolling to bottom
#9404 - insertChild should trigger beforeAdd with records as array
#9412 - Exception when the sole record in a grid is removed in a cancelCellEdit listener
#9428 - Store#filter, contrary to the documented API, clears filters when passed a function

2.2.5 - 2019-09-13

FEATURES/ENHANCEMENTS

New date format introduced called d1. It represents the first character of the day name, for example "W" from "Wednesday" (#9201)

BUG FIXES

#9191 - Reloading store when different combination of groups expanded breaks grouping
#9194 - DateHelper cannot parse date strings without separator
#9200 - Crash if calling removeAll and there is no data initially
#9208 - Scroller missing docs for Events / Delayable
#9216 - DOCS: Nested configs look broken

2.2.4 - 2019-09-09

FEATURES/ENHANCEMENTS

New demo showing a stock list with rapid data updates every 20ms (#9171)
Store has a new config useRawData. By specifying it as true you guarantee the data loaded is valid as is, which bypasses duplicate id detection, default values and field processing. This in turn gives a nice performance boost when loading large datasets (about 30% faster initial rendering time on the bigdataset demo with 10,000 records)
Pressing space key in a grid column header now show the column menu (#8855)
Added contextMenuTriggerEvent config for Grid to set event which triggers context menus and triggerEvent config for ContextMenu to override Grids setting for which triggers context menu (#8757)

BUG FIXES

#8669 - Mask loses alignment to Grid body element after scrolling
#8797 - Records are not shown in the tree after clearing filters if they were added while the tree was filtered
#8890 - DOCS: Store#indexOf returns -1
#8891 - Combo should fire select event only per user action. The select event now has a userAction flag which is passed as true or false
#9137 - Previous scheduled event animation exit not canceled by initiating new animated event update
#9155 - SubGrid region size changes after column resizing
#9158 - Crash when reloading store if a group is collapsed
#9178 - Checkbox column is broken after a group is collapsed/expanded

2.2.3 - 2019-08-27

FEATURES/ENHANCEMENTS

Date formats can now include arbitrary text wrapped in {}, for example "h {o'clock}" -> "10 o'clock" (#8612)
Combos store config now accepts a store config object (#8769)
Grids columns config now accepts a store config object (#8862)
Fields readOnly handling and styling was improved
Model fields field definitions can now specify that a field is readOnly: true

API CHANGES

Widgets visible setter was deprecated, use hidden instead. To determine if a widget actually is visible, you can use isVisible (#8820)
store.isVisible was deprecated, use store.isAvailable instead

BUG FIXES

#7736 - Text of selected item gets into the input in Combo with multiselect
#7737 - Select input text and hit backspace removes selected items in Combo with multiselect
#7739 - There is no place to type in Combo with multiselect
#8351 - STYLING: Missing pressed / active state color
#8439 - STYLING: Stockholm theme tab body html color
#8444 - Panel#widgetMap should include tools
#8521 - If one menu item has an icon all other menu items should align properly
#8692 - View is not refreshed when record with existed Id is added
#8734 - Online code editor duplicates panels on change
#8812 - RowReorder feature should support indicating drop validity
#8813 - Row reorder feature should highlight target parent node when reordering in a tree
#8886 - beforesort event is not fired
#8914 - Grid#collapseAll when scrolled to the bottom of the dataset breaks row rendering
#9026 - RowReorder feature events should be public
#9031 - "No rows to display" text overflows locked grid
#9060 - STYLING: Wrong slider label color in Material theme
#9063 - Code editor panel not scrollable with mouse
#9106 - Moving a record within a tree store causes its descendant records to be registered as added
#9116 - DOCS: 'scrollable' property missing in Widget docs

2.2.2 - 2019-08-15

FEATURES/ENHANCEMENTS

Added two new classes which wrap file input: FileField and FilePicker. FileField is a default field without extra styling. FilePicker is more advanced component which looks like a common button

API CHANGES

Adding a child record to a parent in a tree store now triggers the same events (beforeAdd, add, change) no matter which function is used (store.add(), node.appendChild(), node.insertChild())
[BREAKING] Stores beforeRemoveChild event was removed. Removing child records in a tree store now triggers same events as when removing records in a flat store (beforeRemove, remove, change)

BUG FIXES

#8336 - Switching locale repaints view multiple times
#8794 - relations not initialized if the foreign id field uses a complex mapping as its dataSource
#8896 - ScrollManager not working with touch devices
#8912 - DateHelper.formatDelta doesn't round to hours
#8940 - Scrollable.scrollIntoView with block : 'center' and highlight fails if the target is a Rectangle and cannot reach the center
#8945 - STYLING: Checkbox hover issue in Material theme
#8963 - ES6 syntax in the eval block
#8968 - Grid. Changed record Id it is not updated in DomDataStore
#8970 - Vertical mode: Dragging elements vertically does not work reliably
#8974 - Id should be unique in Tree store
#8983 - childrenField does not work unless the store is configured with tree:true
#9025 - isParent doesn't take convertEmptyParentToLeaf into account
#9029 - React app in trial distribution should not throw when styles are missing
#9037 - Document chained stores as the official way of sharing stores between widgets
#9040 - Custom Toast styling
#9044 - Make tree crud events consistent

2.2.1 - 2019-07-24

BUG FIXES

#8836 - Destroying a popup from a child button fails with an exception
#8883 - averageRowHeight not recalculated when a row set is rerendered
#8895 - Scheduler events disappearing on scroll
#8938 - Ionic demo not runnable online

2.2.0 - 2019-07-19

FEATURES / ENHANCEMENTS

AjaxStore now supports a 'writeAllFields' config to send all fields when a modified record is committed (#8909)
ButtonGroup now supports configuring toggleGroup and color on a per group basis (#8833)
Popup now has a modal config (#8297)
DateField now supports configuring its picker (#8828)

API CHANGES

Toggling a button in a toggleGroup now triggers toggle on all buttons in that group (#8834)
Docs changed to clarify that removing a child node from a tree triggers beforeChildRemove and not beforeRemove (#8571)

BUG FIXES

#7872 - Row reordering needs a handle or gesture on touch

2.1.3 - 2019-07-04

FEATURES / ENHANCEMENTS

Nodes rendered in a TreeColumn now support two new attributes href and target to easily render links
Common.widget.DatePicker was made public

BUG FIXES

#8804 - Error / warnings in console of web components demo
#8825 - Initial sorters applied too late in tree stores
#8865 - Column headers duplicated when reordering

2.1.2 - 2019-06-27

FEATURES / ENHANCEMENTS

Added a pressedIcon config to Button, to easily display another icon for pressed toggle buttons (#8781)

BUG FIXES

#8482 - Using beginBatch/endBatch prevents related stores being updated
#8562 - Datefield fails to parse input date when 'L' format is used in De, Nl and Ru locales
#8699 - scrollEnd event is not fired properly on scrollable
#8706 - Orphaned resize handles seen after mouse out of an event bar
#8707 - Resizing column expands collapsed section

2.1.1 - 2019-06-14

BUG FIXES

#8674 - Crash if disabling ColumnReorder on touch device
#8676 - Filter feature performs double filtering
#8486 - Crash when trying to revert focus to a Grid cell that no longer exists

2.1.0 - 2019-06-12

FEATURES / ENHANCEMENTS

Added a new ButtonGroup container (#8013)
Bumped built-in FontAwesome to version 5.8.2
Slider styling adjusted for Stockholm theme
Tree parent cells styling changed to use bolder font
Demos now have a built-in code editor that allows you to edit their code (Chrome only) and CSS (#7210)
throttled option added to EventHelper.on. For rapidly repeating events (Such as wheel or scroll or mousemove), this is the number of milliseconds to delay subsequent handler calls after first invocation which happens immediately
DateField now has a step config which is a time delta by which to increment and decrement the value when forward and back triggers in the field UI are clicked (#8081)
Grid cellEdit action is now preventable using beforeCellEditStart event (#8459)
Button now has a menu config which specifies a menu to show when pressed. This may be an array of menu item configs, or a widget config. If a widget config, the type defaults to menu, but it could be any type, eg 'popup' (#8020)

API CHANGES

[DEPRECATED] The widgets config to specify child components of a Container has been deprecated in favour of items. The processing of widgets will be removed in a future version (#8375)
[DEPRECATED] The 'grid' param in the events triggered by the CellEdit feature has been removed in favor of source param which points to the Grid instance
TreeColumn now htmlEncodes its contents by default, just like regular Columns
Model batch behaviour has been changed to no longer apply changes until endBatch() is called. Ending the batch will trigger the same beforeUpdate and update events as normal field changes does
Returning false from the beforeUpdate listener or calling the new Model's cancelBatch() function will cancel the data update, rejecting the changes
Widget querying now matches registered type, whereas previously it matched lowercase class name (#8464)

BUG FIXES

#5725 - White space lost when using Search feature
#7552 - Editing is cancelled on click in uneditable cell, should be applied instead
#7579 - Fire beforeUpdate event when batch updating
#7892 - Inserting/appending child nodes using empty array returns undefined
#8244 - Edge: View scrolls when typing up/down arrows in percent done field
#8246 - Safari highlights disabled button on click
#8373 - When copying tree branch child ids are not cleared which leads to id collisions
#8469 - Dragging columns in a grid which is a picker of a cell editor cancels editing
#8489 - QuickFind not compatible with columns using renderer + htmlEncode set to false
#8497 - Crash when pressing space after deleting row
#8500 - STYLING: Wrong color of empty text in dark theme
#8501 - Tree column + quick find not compatible
#8528 - Crash when trying to scroll event into that is inside a collapsed parent
#8546 - scrollEventIntoView/scrollResourceEventIntoView should focus event element
#8552 - Tooltip is not shown if to remove pointer before hoverDelay is over
#8559 - STYLING: Datepicker back/forward icons are not visible in Material theme
#8563 - DateField should hide its picker on Enter key press
#8582 - Button Tooltip shown even if no tipText is defined
#8592 - Column order is reset when a new column drag happens
#8593 - Column header size is wrong after state restoring #8613 - Context menu is broken on Android devices and in emulation mode
#8622 - STYLING: ButtonGroup has wrong border style for pressed button
#8633 - Checkbox column keeps focus style on checked grid cell
#8666 - Filtering a tree store should not include the root node
#8675 - Filter feature should reset before searching

2.0.3 - 2019-05-23

FEATURES / ENHANCEMENTS

SubGrids can now be configured with 'maxWidth' and 'minWidth' which are respected by the regionResize feature

API CHANGES

The action for the refresh event triggered by Store endBatch() was changed to 'batch' to allow listeners to determine the cause of the refresh

BUG FIXES

#8367 - event.userAction should be true for changes made by user
#8376 - Reordering rows in tree removes new record from changeset
#8382 - Setting maxWidth on locked subGrid config breaks region resizing
#8389 - Badge is using wrong font
#8399 - Grouped grid broken after adding + scrolling
#8409 - 'normal' subGrid loses default config if configuring only locked subGrid
#8412 - Setting store.modelClass.idField has no effect
#8419 - Store 'beforeload' listener not working for 'autoLoad' case
#8437 - STYLING: TextField and subclasses have wrong cursor

2.0.2 - 2019-05-10

FEATURES / ENHANCEMENTS

ResizeHelper now aborts resize operations if Escape key is pressed (#7496)

BUG FIXES

#7818 - Material checkbox invisible when unchecked
#7953 - Grid's response to store changes should tolerate the grid not being layed out
#8317 - Column lines out of sync when zooming out
#8324 - Wrong URL hash separator in Doc's search
#8327 - Empty columns does not respect header width when autosizing
#8335 - Tooltip with trackMouse misaligns when constrained on scrolled page
#8338 - Folders should be rendered first in the docs tree
#8358 - Column menu needs to be scrollable in case it contains more items than fit on screen
#8368 - Crash in tree when pressing shift-right with no row selected

2.0.1 - 2019-05-03

FEATURES / ENHANCEMENTS

Docs now display an icon on entries that are expandable (#7212)
fetchOptions config added to AjaxStore to get complete control over the fetch API options used by AjaxStore (#7895)

API CHANGES

To avoid reserving a commonly used field name, TreeNode#level was renamed to childLevel. It was also made public to avoid future collisions (#7972)

BUG FIXES

#7858 - Can't iterate over columns of a subGrid
#7903 - Rendering fails when using 'em' column width
#7919 - Row reordering should be enabled only in leftmost section
#7941 - resizeToFitContent prevents last column in grouped header to fill its parent column
#8003 - Delayable::requestAnimationFrame() doesn't work as documented
#8016 - Crash when dragging row over active cell editor
#8085 - Crash when clicking empty tree area with 'expandOnCellClick'
#8086 - Crash when destroying a scheduler that had a context menu open
#8087 - Crash in TimeField docs
#8090 - Crash in multi-region demo if a region is empty
#8091 - Columns / cell widths out of sync after moving column to new region
#8102 - Rows disappear when sorting with collapsed grouped rows
#8151 - vue_cli does not compile with scheduler.material.css
#8164 - Calling Combo#clear when it has no value should be a no-op
#8177 - Button badge should not be shown for empty string
#8186 - Disable row reorder on touch devices
#8192 - Destroying Panel doesn't destroy its tbar / bbar
#8196 - DOCS: Bad look of search tag if typing then clicking outside search field
#8220 - DragHelper doesn't take page scroll into account if cloneTarget is true
#8221 - Drag proxy misplaced if page is scrolled
#8222 - Calling appendChild on a leaf should convert to parent, add child and refresh UI
#8238 - Store::includes() always return true if Store is a tree and model instance has been passed
#8274 - Grid's filter menu needs a scrollAction setting
#8290 - Exception is thrown when providing empty items array to combo field
#8294 - Combo's isValid should check required and selection count

2.0.0 - 2019-03-27

FEATURES / ENHANCEMENTS

New demo using Ionic added (#7450)
New demo showing cascading combos
Included a new default theme called "stockholm"
Removed flatpickr as our time picker for TimeField and replaced with our own implementation (#7396)
Added TimeField horizontal spin triggers (#7326)
Checkbox now has preventable beforeChange event (#7631);
CheckColumn now has preventable beforeToggle event (#7632);
Grid now supports multiple regions for columns, as opposed to only two previously (locked and normal). Check out the new multi-regions demo to see how it works (#7642)
Cell editor now looks for a field setter when completing edit (#7754)
Added support for custom filtering functions on columns (see filterable). Used by Filter and´FilterBar features (#7580)
Combo will mark itself as invalid while an unmatched filter string is being typed when configured validateFilter : true (#7785)
New Row reordering feature + demo added, disabled by default (#7490)
Added API support for repainting a single column
AjaxStore now offers a headers config to pass headers to the underlying server request

API CHANGES

Made the grid.columns property public and added docs. It is a readonly property to get the ColumnStore of the Grid
When a store is maintaining a tree structure, it now has a rootNode property which is an invisible node which is at the root of the tree. All additions and removals to the dataset must be through the TreeNode API, not Store's add/remove API. So use a record's appendChild/insertChild and removeChild methods
[BREAKING] When, in a tree Store, a parent node is expanded, the Store will fire its add event to signal the child nodes being inserted into the store's collection. When a parent node is collapsed, the Store will fire its remove event to signal that child nodes are being removed from the store's collection. If you listen for add or remove events, or the change event's action : 'add' or action : 'remove' to signify records being added to or removed from a dataset, the differentiator will be that there will be an isExpand : true or an isCollapse : true property on the event when it is due to node expand or collapse
CheckColumn now fires toggle event after new data is set to the record
The functions to show and hide load masks for Grid were made public and added to the documentation. Call grid.maskBody('msg') to show a load mask and grid.unmaskBody() to hide it
Configuring a tooltip with hideDelay : 0 will now hide it immediately, as opposed to earlier with a timeout of 0 This in turn makes tooltip respect hoverDelay when moving mouse within the same fromElement, useful when populating cell tooltips async (#7730)
In addition to specifying row height through data (see GridRowModel) we also made the size parameter of Column#renderer() public. Set size.height in a renderer to specify the desired row height. The largest collected height for that row will be used. Uses Grids configured rowHeight as the min value
[BREAKING] TimeField's and DateField's pickerFormat config was removed in favour of using format also for the picker
[BREAKING] Grid now renders it contents on paint instead of on render, to allow it to initialize correct when embedded in tab panels and similar. Because of this change, the render event was removed
[BREAKING] idField config was removed from Store, it was not used in the codebase and did not work as intended The config is still available and working on Model, set it on your subclass (MyModelClass.idField = 'MyId'). If you really want to remap id to another field in your data without subclassing Model you can still do it using the fields config on Store: new Store({ fields : [{ name : 'id', dataSource : 'MyId' }] });
[BREAKING] The AjaxStore#exception event no longer includes the request object. Instead it includes a reference to the fetch Response object through the response property
[BREAKING] The AjaxStore#loadChildren event no longer includes the request object. Instead it includes a reference to the fetch Response object through the response property
[BREAKING] The response property of the AjaxStore#loadChildren event was renamed to json, and response refers to the fetch Response object
[BREAKING] The AjaxStore#afterRequest event no longer includes the request object. Instead it includes a reference to the fetch Response object through the response property
[BREAKING] The response property of the AjaxStore#afterRequest event was renamed to json, and response refers to the fetch Response object
[BREAKING] The response property of the AjaxStore#load event was renamed to json, and response refers to the fetch Response object
[BREAKING] The response property of the AjaxStore#exception event was renamed to json, and response refers to the fetch Response object
[BREAKING] The AjaxStore now sends POST data as raw JSON (based on the Fetch API). To keep using the 1.x behavior which posts form data, set AjaxStore#sendAsFormData to true on your stores

BUG FIXES

#6685 - AjaxStore + AjaxHelper should offer way to pass headers + params
#7356 - Group headers should not be included in selection
#7513 - ScrollManager should support scrolling in just one direction
#7545 - STYLING: links have bad color in grid cells in dark theme
#7588 - Panel last focus trap in wrong place. Cannot TAB into bbar
#7602 - NumberField spinners not disabled with field
#7643 - Date field cannot handle some valid date formats
#7660 - QuickFind not working in IE11
#7672 - Error when adding filter to scrolled grid
#7680 - Input fields need to disable autocomplete
#7718 - Combo does not trigger input
#7726 - DOCS: Complete list of defaults
#7728 - Double clicking to fit empty column makes it 0 width
#7729 - Also measure column header width when autosizing columns
#7735 - defaultValues should respect mapping
#7817 - Investigate performance when dragging events
#7822 - DOM not repainted properly when moving a record in the store
#7823 - Replace toFixed polyfill with ObjectHelper.toFixed
#7829 - Relaying events should return the relayed return value
#7856 - Region splitter not working if subGrids use flex

1.2.4 - 2019-02-19

FEATURES / ENHANCEMENTS

Updated readme.md to better describe the projects folder structure and different included bundles

BUG FIXES

#7628 - Columns do not support "listeners" config
#7644 - Row record cls should allow passing space separated classes

1.2.3 - 2019-02-14

BUG FIXES

#7530 - STYLING: Links have wrong color in Material popups
#7549 - toFixed override breaks native behavior
#7589 - Id for filterBy functions should work
#7591 - commit event is not fired on the local ajax store
#7608 - react_build demo is broken

1.2.2 - 2019-01-28

BUG FIXES

#7546 - webcomponent element never passes visibility check

1.2.1 - 2019-01-17

BUG FIXES

#5869 - htmlEncode : true on a TreeColumn should escape only the value, not the entire internal tree markup
#7354 - Angular demo doesn't work in IE11
#7369 - Locked grid broken after dragging column from right to left section
#7370 - [EDGE] Investigate Angular + trial bundle
#7387 - isModified is true after setting original start date
#7402 - Bundle aliases for angular demos not updated
#7403 - TimeFields clock icon not updating live
#7409 - React Typescript demo doesn't work in IE11
#7422 - Cannot read property 'atob' of undefined
#7433 - cellEdit#startEditing should automatically scroll row into view
#7446 - Crash when clicking document and picker is auto-destroyed
#7447 - Crash when scrolling causing widget realign
#7452 - Trial demos do not work in Edge
#7474 - Can scroll to beneath rows
#7486 - Selecting multiple rows in GridTree not working correctly
#7491 - Tooltip tries to realign itself even when mouse is not over Tooltip's element
#7503 - Drag drop breaks if event start is aligned with viewport left edge
#7516 - Typings generation misses implements if no extends
#7629 - Angular demo won't build from release package

1.2.0 - 2018-12-19

FEATURES / ENHANCEMENTS

Full TypeScript typings included as build/grid.d.ts. Typings define module bryntum-grid to avoid possible name collisions, so we had to also rename import in the angular demo
Added React + TypeScript demo (#7283)
StateTrackingManager now offers undoAll/redoAll methods (#7208)
Store now fires a beforeRemove event prior to removing records in both the remove and removeAll methods
Built-in version of FontAwesome was bumped to 5.5.0
CellEdit feature now automatically starts editing when typing if configured with startEditOnCharacterPress (#7294)
Added a new guide on how to listen for events (#7196)
Docs updated to state that locales should be included before the umd bundle to have effect (#7205)
Added a custom column to the columntypes demo
Added a custom widget used as an editor to the celledit demo
Sorting has a new config useLocaleCompare that makes it use localeCompare for comparisons, which makes it sort in a locale specific order (#7113)
Store now throws an exception if trying to set data with duplicate ids (#7272)
The context menu for headers and cells now accepts a processCellItems/procesHeaderItems function that allows processing of the items before the menu is shown

API CHANGES

#7004 - Add preventable beforeAdd, beforeRemove events to Store

BUG FIXES

#7373 - [IE11] Grid scrolls when pressing up/down arrow keys instead of navigating to the next/previous row
#7216 - Improve state handling
#7215 - Moving node to new parent does not update tree correctly
#7244 - [IE11] Fullscreen button works incorrectly
#7246 - Salesforce demo doesn't work
#7253 - Model constructor from object doesn't work with mapped fields
#7257 - Strange date formatting with bundle
#7261 - Eventdragdrop doesn't work in trial umd bundle
#7275 - Last column in locked side of grid allows its resize handle to overflow
#7311 - Angular demo does not work in Edge
#7317 - Formatting date with 'hh A' format yields "00 PM" at noon
#7325 - Angular production buid doesn't work with trial sources
#7340 - DOCS: Config options not grouped correctly
#7346 - react_build demo is missing .babelrc config
#7357 - Summary bar doesn't take grouped headers into account
#7360 - 'undefined' seen in load mask after store loading fails
#7364 - Adding a record with children to an empty tree does not render correctly
#7380 - STYLING: Region splitter bg-color is too close to stripe row color in material theme

1.1.2 - 2018-11-23

BUG FIXES

#7141 - Ripple ripples twice on tap on touch devices
#7142 - The final resize handle causes extra scrollWidth in grid headers
#7175 - Drag drop with dropTarget specified not working on touch devices
#7184 - Empty grid should be scrollable horizontally
#7190 - STYLING: Grid column header doesn't read 'align' value in Material theme
#7193 - Right click on non-hideable column to hide some other column throws JS error
#7195 - Production build broken in angular demo
#7206 - Grouped headers with all flex columns
#7207 - resizeToFitContent should populate all renderer params
#7227 - Wrong count in group row when using groupSummary feature

1.1.1 - 2018-11-15

API CHANGES

Column#resizeToMatchWidestString() was renamed to Column#resizeToFitContent() and made public. Call it on a column to resize it to fit its contents

BUG FIXES

#7030 - Group by field without column
#7127 - Adding records to blank grid does not update scrollbars
#7136 - Duration field should spin on up/down keys
#7156 - Tooltips which are trackMouse: true should continue to track and avoid contact with the mouse during their hide timeout
#7163 - Striped rows missing in dragfromgrid demo

1.1.0 - 2018-11-09

FEATURES / ENHANCEMENTS

Angular demo bumped to Angular 7
Built-in FontAwesome version bumped to 5.4.1, scope changed from .fa -> .b-fa to not affect icons outside of our widgets
New Export to Excel demo (#6961)

API CHANGES

The WidgetContainer mixin has been removed. The Container subclass is the base for all Widgets which need to contain other Widgets
The Container class now has a layoutStyle config which is an object-based config which may be used to apply CSS style properties to the contentElement of the Container By default, Containers use flexbox layout, so this may be eg {flexDirection : 'column'}
There is a new Panel class which extends Container and offers the ability to dock headers (which may contain title and clickable tools) to any border. The Panel subclass is now the immediate superclass of Popup
Popup now has a closable config which causes the display of a close icon, which, when clicked, invokes the close method (See the closeAction config)
Form fields may contain multiple clickable "triggers" be configuring them with a triggers config. This is an object-based configuration which specifies each trigger with a CSS class for applying icon styling and a handler for executing the click action
There is a new TextAreaField input field which may be used to edit multi-line data By default, it works in single line mode displaying the text in a read-only input element and editing the text in a dropdown upon click if an expand trigger. Configuring the field inline: false renders the field as a textarea element
Grid's selectionMode config may now contain checkbox : true to indicate that a row's selected status is indicated by a checkbox
The CellEdit plugin now has a addNewAtEnd config which indicates that when tabbing off the last column in the last row, a new row should automatically be inserted, and editing should continue in the first editable cell of the new row
The Combo now accepts multiSelect: true to allow selection of multiple values from the dropdown. Selected values are shown in the form of "Chips" (formerly known as "Tags") in an inline display to the left of the input area. These Chips may be deleted either by tapping the close icon in them, or selecting them using keyboard action and deleting them using the delete key
Date parsing and formatting previously used Moment.js internally, but in this version it has been replaced with custom code for performance reasons. Tokens used for formatting and parsing are similar to those used in Moment.js, in most cases you should not need to adjust your code at all
Collection's includes method now accepts a string or number to check for presence of the given value as an id
Combo now accepts items as an object where property names are the field values, and the property values are the displayed text values
The Container class now has a layout config which may describe a helper class to be used to render child items, and apply certain CSS classes to specify layout. The only ones implemented as of 1.1 are 'card' which implements slide-in displaying of multiple child widgets, and 'fit' which fits a single child widget into the contentElement
The TabPanel class now fires a tabchange event when the active tab is changed
When defining a Model subclass, it is no longer necessary to include the superclass's fields in any declared fields getter. The new class will automatically inherit the fields of its inheritance chain upon first instantiation. The same goes for specifying a Model subclass's defaults
An Editor class has been introduced which is a positioned Container which encapsulates an input field for performing inline edits
The positioned: true config indicates that a widget may be rendered into another widget's contentEl, but it does not participate in the layout. Rather it is absolutely positioned. Developers may use the X and Y configs directly, or the showBy and alignTo APIs
remove method on a Store had third parameter fromClear documented It was removed fom documentation
Grid now has a showDirty config which, when configured as true, displays a triangular "dirty" flag in the corner of a cell which contains a uncommitted change

BUG FIXES

#5848 - Confusing when using keyboard up/down in grid and cursor is over
#5850 - Tree row flashes when selecting a parent node, which toggles collapse
#6098 - Scroller has a new addPartner method which pairs scrollers together so that they keep their scroll position synced in the passed axes
#6199 - DOCS: Empty groups should not be visible in docs after filtering
#6227 - No way to clear grouping if grouped column is hidden
#6627 - Tree node methods, insertChild, removeChild, appendChild do not work
#6686 - Dark Theme: sorted header has black text
#6710 - Crash when dragging column on touch device
#6727 - Recent theming change regressions
#6731 - Our CSS rules should be all scoped to apply inside .b-widget
#6777 - Tooltip max-width conflict of interest
#6796 - The esmodule examples do not render correctly in IE11
#6888 - Combo picker misaligns when resizing window
#6903 - Crash in demo browser when opening https://bryntum.com/products/grid/examples/index.umd.html
#6904 - https://bryntum.com/products/grid/examples/theme/ gives 404 for FontAwesome
#6907 - TextField without label gets blank id attribute
#6909 - Double tap creates event on wrong place on touch device
#6971 - DOCS: Docs tree content can overflow its grid
#6989 - Event resize throws exceptions when dependency store is empty and dependencies feature is enabled
#6998 - STYLING: Too noticable border for unchecked checkbox
#7002 - Checkbox column check change should update full row
#7061 - Tooltip dismissDelay does not work
#7051 - New tooltip config hideOnDelegateChange to hide tip between subtargets of forElement
#7075 - Cell editing focus loss should commit value, not reject
#7097 - Adding columns not working as expected

1.0.4 - 2018-10-08

BUG FIXES

#6518 - If selected record is removed, it should be deselected
#6768 - "No rows to display" shown for scheduler with auto loading store
#6772 - Menu should have proper padding
#6861 - Online webcomponents demo doesn't load polyfill for firefox
#6876 - Floating widget should support being 'draggable'
#6486 - Alignment with axisLock should fall back further then the opposite edge'

1.0.3 - 2018-10-01

FEATURES / ENHANCEMENTS

Added demos for Angular 1, 2, 4, 5 and 6

BUG FIXES

#6781 - Add polyfills to WebComponents demo to make it work across all browsers
#6805 - contextmenu click on a grid row that is sliding due to record removal should not invoke the ContextMenu
#6826 - Cache buster needed for docs app.js

1.0.2 - 2018-09-24

FEATURES / ENHANCEMENTS

#6041 - Improve transaction demo

BUG FIXES

#6779 - Link to react_build demo gives 404
#6794 - Examples online do not work in edge
#6797 - Widgets have no link to the parent if they configured as instances
#6799 - Widget's anchor config must be able to update widget state dynamically
#6808 - Locales broken in react demo

1.0.1 - 2018-09-20

FEATURES / ENHANCEMENTS

Web Components demo has been added to the trial build (#6761)

BUG FIXES

#6700 - Links to examples in docs not working online
#6717 - 404s seen in docs
#6734 - Crash in column drag drop toolbar
#6762 - Grid docs throws error on opening customization/styling page
#6740 - EventResize tip misaligned when Scheduler is rendered in a scrolled document
#6756 - Error thrown if TimeRanges feature configured with timeRanges data block and Scheduler uses CrudManager
#6752 - Group header should include child count
#6736 - Longpress->contextmenu not working in some places in iOS

1.0.0 - 2018-09-13

We're happy to announce the first v1.0.0 release of our new Grid component. The Grid is a modern and high performance data table component. Built from the ground up with pure JavaScript, supporting any framework you are already using (incl. React, Angular and Vue). Please see our website and documentation for a full presentation

FEATURES / ENHANCEMENTS

grid.modules.js bundle and related demos are now included in trial

BUG FIXES

#6366 - Minor trial watermark adjustment
#6481 - Transaction demo updated to match name changes
#6484 - Tooltip misaligned after deleting event in Scheduler
#6492 - Fixed color of resizing header
#6493 - Footer styling and behaviour updated to more closely match headers
#6524 - Editing broken in tree demo
#6592 - Column widths out of sync on mobile device
#6596 - Dark theme text color bug in event editor time field
#6604 - "element.closest is not a function", when operating on a text element
#6606 - Tooltips close when not supposed to
#6609 - Trigger (icon) layout bad in DateField in Material
#6640 - TimeField clock broken
#6651 - Demo browser data should have cache buster
#6682 - Drag drop not working on iPhone
#6691 - Trial watermark doesn't look correct in IE11
#6692 - Cls .b-grid-row-updating not removed when update finished