1.0.0-alpha.14 (2017-10-25)
- react-grid: remove header cell title offset if grouping by click isn't allowed (#434) (60285d4), closes #432
- react-grid-bootstrap3: do not allow to focus column chooser item checkbox (728ea23)
1.0.0-alpha.13 (2017-10-19)
- react-grid: remove a redundant SelectionState dependency on LocalGrouping (#429) (50ee891), closes #428
1.0.0-alpha.12 (2017-10-19)
- react-grid: add 'overflow: hidden' for MUI TableCell (#406) (69fd88c), closes #403
- react-grid: allow to use Grid with react@16 (#389) (9f292fe)
- react-grid: correlate sorting order with grouping order (#414) (db3377c), closes #398
- react-grid: optimize table selection rendering (#412) (b0dfae1), closes #397
- react-grid-bootstrap3: fix server side rendering issue with VirtualTable (#420) (207e81b), closes #415
-
react-grid: The
scope
parameter of thesetColumnSorting
action has been removed.The
GroupingState
plugin now has an optional dependency on theSortingState
plugin. So,GroupingState
should be placed afterSortingState
.Before:
<GroupingState /* ... */ /> <SortingState /* ... */ />
After:
<SortingState /* ... */ /> <GroupingState /* ... */ />
1.0.0-alpha.11 (2017-10-04)
- react-core: update TemplatePlacholder on placeholder func change (#370) (69659c8)
- react-grid: add 'pointer' cursor on group icon in the HeaderCell (#369) (8d1de4a)
- react-grid: change custom filtering function signature (#354) (67cfdc9)
- react-grid: rename getCellData to getCellValue (#349) (8f8e41d)
- react-grid: add custom grouping functions to LocalGrouping (#376) (2c31af1)
- react-grid: add the functionality to define a custom sorting algorithm (#371) (4ac8ab8)
- react-grid: support column data types (#336) (1528800)
- react-grid: optimize internal state calculation (#356) (be890b4)
- react-grid: suppress redundant render (#355) (695aacd)
- react-grid: The
filterFn
property of theLocalFiltering
has been renamed togetColumnPredicate
. The argument list has been changed fromfilterFn(row: Row, filter: Filter) => boolean
togetColumnPredicate(columnName: string) => Function
. The returning function has the following signature(value: any, filter, row: Row) => boolean
. - react-grid: The
getCellData
property of the TableView plugin and thegetCellData
field of the Column interface have been renamed togetCellValue
.
1.0.0-alpha.10 (2017-09-18)
- react-core: remove embedded Template connection (#331) (f90955d)
- react-grid: rename tableTemplate to tableLayoutTemplate (#310) (def4a97)
- react-core: implement TemplateConnector (#314) (1e9bcfc)
- react-grid: add tableRowTemplate to the TableView plugin (#317) (24d9446)
- react-grid: implement row templates (#333) (bc960d4)
- react-grid: implement table column resizing (#297) (a377d3c)
- react-grid: make grouped and ungrouped column sorting independent (#292) (c812fa3)
- react-grid: The
tableExtraProps
getter was removed from theTableView
andTableSelection
plugins. - react-core:
connectGetters
andconnectActions
properties have been removed from the Template component. From now on, you can connect Getters and Actions using the TemplateConnector component.
Before:
<Template name="templateName"
connectGetters={getter => ({ value: getter('value') })}
connectActions={action => ({ changeValue: action('changeValue') })}
>
{({ value, changeValue }) => /* ... */}
</Template>
After:
<Template name="templateName">
<TemplateConnector>
{({ value }, { changeValue }) => /* ... */}
</TemplateConnector>
</Template>
- react-grid: The
tableTemplate
property has been renamed totableLayoutTemplate
to make theTableView
plugin API more eloquent.
1.0.0-alpha.9 (2017-09-04)
- react-grid: display a correct message in an empty grouping panel (#274) (46b5291)
- react-grid: fix the editing state mutation (#279) (a120730)
- react-grid: update MUI to the 1.0.0-beta.6 version (#275) (9032c34), closes #271
- react-grid: update MUI to the 1.0.0-beta.7 version (#296) (7d7d649)
1.0.0-alpha.8 (2017-08-21)
- react-grid: correct pager rendering within an empty grid (#251) (eb13a8b)
- react-grid: get rid of the exception thrown on a column ungrouping by drag and drop (#260) (8fc2990)
- react-grid: preserve group panel height when no grouping is specified (#261) (9116e92)
- react-grid: change TableRow and TableColumn interfaces structure (#227) (5288a9f)
- react-grid: merge the setRowSelection and setRowsSelection actions (#233) (876a2c6)
- react-grid: remove redundant getters from GroupingState (#244) (1fb21ca)
- react-grid: rename colspan to colSpan (#248) (afc69e9)
- react-grid: wrap group panel column data (#267) (156392b)
- react-core: rework Getter (#259) (4fd5f9b)
- react-grid: adopt PluginContainer dependencies in Grid plugins (#249) (016f618)
- react-grid: provide the custom data accessors capability (#264) (5f699bf), closes #176
-
react-grid: The following changes have been made in the GroupingPanel plugin:
- the
groupPanelCellTemplate
property has been renamed togroupPanelItemTemplate
; - the
groupedColumns
property has been renamed togroupingPanelItems
and now contains an array of objects which conform the GroupingPanelItem interface.
The
isDraft
property of the DraftGrouping interface has been renamed todraft
. - the
-
react-grid: In order to reduce API verbosity, the
groupedColumns
anddraftGroupedColumns
getters are no longer exported from the GroupingState plugin. Thecolumn
field is no longer present in the GroupRow interface. So, to access thecolumn
field in groupCellTemplate and groupIndentCellTemplate of the TableGroupRow plugin, it is necessary to useargs.column
instead ofargs.row.column
. -
react-grid: The
colspan
field passed to tableNoDataCellTemplate (the TableView plugin), detailCellTemplate (the TableRowDetail plugin) and groupCellTemplate (the TableGroupRow plugin) has been renamed tocolSpan
. -
react-grid: To simplify the Grid plugins API the
setRowSelection
action was removed from theSelectionState
andTableSelection
plugins.For now, to select a single row you can use the
setRowsSelection
action in the following manner:setRowsSelection({ rowIds: [/* rowId */] })
-
react-grid:
TableRow
andTableColumn
interfaces structure has been changed. Now, it wraps original rows and columns of the Grid component instead of patching it.Before:
interface TableRow extends Row { type?: string; } interface TableColumn extends Column { type?: string; }
After:
interface TableRow { key: string; type: string; rowId?: number | string; row?: Row; height?: number; } interface TableColumn { key: string; type: string; column?: Column; width?: number; }
The
CommandHeadingCellArgs
interface related to the TableEditColumn plugin no longer hascolumn
androw
fields.
1.0.0-alpha.7 (2017-08-07)
- react-grid: allow TableGroupRow to be placed before other table plugins (#221) (bdc81a0)
- react-grid: correct 'All' page size text rendering in MUI (#242) (6bde2dd)
- react-grid: fix grouping if TableGroupRow is placed before any other table plugin (#218) (7e09c7e)
- react-grid: pass style field to editCellTemplate of TableEditRow (#235) (c45ef85), closes #234
- react-grid: prevent group panel cells blinking while dragging (#223) (786206d)
- react-grid: remove extra space at the right of GroupPanelCell when sorting is disabled (#220) (257a337)
- react-grid: use correct cursors for dragging (#224) (6269063)
- react-grid-material-ui: support indeterminate state for the select all checkbox (#231) (6a5aab3)
- react-grid: In order to improve API transparency, the most recently added row will be added to the end of the addedRows property of the EditingState plugin.
- react-grid-material-ui: UMD bundle for the
@devexpress/dx-react-grid-material-ui
package is no longer provided - react-grid: Arguments of the
setPageSize
andsetCurrentPage
actions were simpilified. Now, to call these actions, a user can usenumbers
instead ofobjects
. See the following code:andsetPageSize(5); // instead of setPageSize({ size: 5 })
setCurrentPage(1); // instead of setCurrentPage({ page: 1 })
1.0.0-alpha.6 (2017-07-24)
- react-core: prevent scrolling while dragging (#207) (e3e18a9)
- react-grid: clear expanded groups after ungrouping (#202) (d97809e)
- react-grid: remove the totalPages getter from the PagingState plugin (#195) (e231d63)
- react-grid: throw error if the count of title rows exceeds the page size (#193) (8abde20)
- react-grid: turn edit cell input into the controlled mode (#201) (af26c64)
- react-grid-material-ui: pin material-ui version (#197) (34e6ddb)
- fix versions in distrubutives (#208) (7c2f9da)
- react-grid-material-ui: use correct typography for the drag preview (#214) (e1a134d)
- react-grid: The TableHeaderRow plugin's
allowGrouping
property has been renamed toallowGroupingByClick
. - react-grid: The
totalPages
getter is no longer exported from the PagingState and LocalPaging plugins.
1.0.0-alpha.5 (2017-07-07)
- react-grid: add grid bottom offset in Material UI (#180) (48f12a2)
- react-grid: add group icon offset in Material UI (#171) (43d9da1)
- react-grid: limit filterCellTemplate arguments (#163) (2a4f003)
- react-grid: reset a column filter when clearing the filter editor value (#184) (83b321c), closes #136
- react-grid: use MUI Chips for group panel items rendering (#168) (45ceb12)
- react-grid: introduce column reordering animation (#169) (d5e808b)
- react-grid: introduce Material UI templates (closes #93)
- react-grid: Use the
groupPanelCellTemplate
property of the grouping-panel plugin instead of the GroupPanelProps interface'scellTemplate
property to specify a template used to render a grouping panel cell. The GroupPanelProps interface'scellTemplate
property is no longer available.
1.0.0-alpha.4 (2017-06-23)
- react-grid: Add a vertical space between grouping buttons (#151) (ec1bd30)
- react-grid: Add an offset for left column in Material UI (#156) (67d0eda)
- react-grid: Fix incorrect table layout if all columns have fixed width (#160) (b933aea)
- react-grid: Put the dx-react-grid dependencies in order (#148) (fe60801)
- react-grid: Update deps (fixes #134) (#139) (5bf504a)
- react-grid: Rename detailToggleTemplate to detailToggleCellTemplate (#146) (bd49b0e)
- react-grid: Rename groupColumnWidth to groupIndentColumnWidth (#145) (e78b55f)
- react-grid: Rename groupRowCellTemplate to groupCellTemplate (#153) (fec0aac)
- react-grid: Ability to show all rows on a page via page size selector (#150) (8af3dde)
- react-grid: Implement column reordering (#128) (1de1c63)
- react-grid: TableView support stub cell rendering if no data for cell is provided (#155) (34dee6c)
-
react-grid: The following package has become a peer dependency of the
@devexpress/dx-react-grid
one and has to be installed by your app:npm i --save @devexpress/dx-react-core
-
react-grid: The 'groupRowCellTemplate' property of the TableGroupRow plugin has been renamed to 'groupCellTemplate'
-
react-grid: We renamed the
detailToggleTemplate
property of the TableRowDetail plugin todetailToggleCellTemplate
to make it consistent with thedetailToggleCellWidth
property. -
react-grid: The groupColumnWidth property of the TableGroupRow plugin has been renamed to groupIndentColumnWidth to avoid possible confusion of what it is responsible for.
1.0.0-alpha.3 (2017-06-09)
- react-grid: Cancel sorting by using the Ctrl key in Material UI (#129) (2508537)
- react-grid: Treat templates as functions (#120) (4b2c490)
- react-grid: Controlled state featured demo for Material UI (#130) (2528c67)
- react-grid: Implement ColumnOrderState plugin (#111) (b3284f0)
- react-grid: Implement DragDropContext plugin (#117) (31f6b2d)
- react-grid: Introduce Material UI templates (#102) (70975a7)
- react-grid: Material UI detail row (#115) (c161c66)
- react-grid: Material UI editing (#124) (3d9a00b)
- react-grid: Material UI featured uncontrolled state demo (#126) (8e1d80b)
- react-grid: Material UI filtering (#109) (5484942)
- react-grid: Material UI pager (#108) (99f30b6)
- react-grid: Mobile-friendly pager (#125) (23ec7f0)
- react-grid: Redux integration demo for Material UI (#132) (9988355)
- react-grid: Remote data featured demo for Material UI (#131) (41b64b2)
- react-grid: Use column name if its title is not specified (#121) (daef7db)
-
react-grid: We moved layout templates from the TableView plugin to the Grid component. The Grid component with the predefined plugins is now available in the "@devexpress/dx-react-grid-bootstrap3" package. If you want to define custom layout templates, the Grid component without predefined templates is still available in the "devexpress/dx-react-grid" package.
The following code:
import { Grid } from '@devexpress/dx-react-grid';
should be replaced with:
import { Grid } from '@devexpress/dx-react-grid-bootstrap3';
1.0.0-alpha.2 (2017-05-26)
- demos: Change initial page size in remote demo (#103) (aa64e3c)
- docs: Don't use relative links in the package root readme.md (#91) (6863e73)
- react-grid: Cancel column grouping in FireFox (#98) (8fb9c52), closes #30
- react-grid: Cancel sorting by using the Ctrl key (#96) (0d804f4)
- react-grid: Implement page size selector (#95) (9e21583)
-
Previously, to enable the 'Detail row' feature a user had to use only the 'TableRowDetail' plugin. But, this plugin mixed up the rendering and state managing functionality. Now, there are two particular plugins. The first one is the 'RowDetailState' plugin. It's responsible for a state managing. The second one is the 'TableRowDetail' plugin. It only renders a detail row.
The following code:
<TableRowDetail expandedRows={expandedRows} onExpandedRowsChange={onExpandedRowsChange} template={({ row }) => <GridDetailContainer data={row} columns={detailColumns} /> } />
should be replaced with:
<RowDetailState expandedRows={expandedRows} onExpandedRowsChange={onExpandedRowsChange} /> <TableRowDetail template={({ row }) => <GridDetailContainer data={row} columns={detailColumns} /> } />
- Initial public release