DevExtreme React Grid/CHANGELOG and DevExtreme React Grid Releases

All Versions

Latest Version

2.7.6

Avg Release Cycle

28 days

Latest Release

119 days ago

Changelog History

Page 3

v2.2.0 Changes
October 25, 2019
🐛 Bug Fixes
- react-grid: handle column count decrease in virtual table (#2464) (2c21e30)
- react-grid: incorrect 'row' property type in the documentation (#2424) (23ba6c5)
- react-grid-demos: fix object assign on Safari (#2489) (64b330f), closes #2488
- 💻 react-grid-material-ui: correct default properties for Virtual Table (#2484) (973f928)
- ⏱ react-scheduler: make it impossible to edit radio groups in read-only mode and set default interval to 1 (#2439) (dbb414c)
- ⏱ react-scheduler: render TimeScale of the same size as TimeTable (#2409) (d753090)
- ⏱ react-scheduler-material-ui: display dates in the AppointmentFrom correctly (#2441) (4af2688)
🔋 Features
- react-grid-bootstrap3: add previous and next buttons for pagination (#2428) (8740f83)
- ⏱ react-scheduler: add capability to render zero time appointments (#2406) (731b4b8)
- ⏱ react-scheduler: add ConfirmationDialog plugin (#2393) (9041bd5)
- ⏱ react-scheduler: do not show AppointmentForm's Delete Button if a new appointment is being edited (#2462) (4eb83bc)
- ⏱ react-scheduler: redesign AppointmentTooltip (#2474) (41b8f28)
💥 BREAKING CHANGES
- ⏱ react-scheduler: The DayView and WeekView plugins now do not have the timeScaleRowComponent and timeScaleCellComponent properties. Instead, they have a new, timeScaleLabelComponent, property.
```
...
<WeekView
-  timeScaleRowComponent
-  timeScaleCellComponent
+  timeScaleLabelComponent
/>
<DayView
-  timeScaleRowComponent
-  timeScaleCellComponent
+  timeScaleLabelComponent
/>
...
```
- ⏱ react-scheduler: We have extended the headerComponent and contentComponent in the AppointmentTooltip plugin with new properties. If you use these components, add the following properties in your code:
```
...
<AppointmentTooltip
  headerComponent={({
+  commandButtonComponent
+  showOpenButton
+  showCloseButton
+  showDeleteButton
+  commandBottonIds
     ...restProps
  }) => (
    <AppointmentTooltip.Header
+      commandButtonComponent={commandButtonComponent}
+      showOpenButton={showOpenButton}
+      showCloseButton={showCloseButton}
+      showDeleteButton={showDeleteButton}
+      commandBottonIds={commandBottonIds}
       {...restProps}
    />
  )}
contentComponent={({
+   formatDate
     ...restProps
  }) => (
    <AppointmentTooltip.Content
+      formatDate={formatDate}
       {...restProps}
    />
  )}
/>
...
```
v2.1.2 Changes
October 11, 2019
🐛 Bug Fixes
- react-grid: add width convert for TableEditColumn (#2408) (6f7592f)
- react-grid: allow inline cell editing only for table data type rows (#2390) (ac1b279)
- react-grid: check next column name by column.name instead type (#2399) (7acfcbb)
- react-grid-demos: correct displaying custom selector in Edge (#2422) (832586f)
- 💻 react-grid-material-ui: add padding for first edit cell in in-line cell editing mode (#2392) (f011a55)
- ⏱ scheduler-core: calculate the last TimeScale EndDate correctly (#2404) (0411235)
🔋 Features
- ⏱ scheduler-core: time scale should take fractional startDayHour/endDayHour values (#2396) (272b351)
- ⏱ scheduler-core: use different default counts for different recurrence types (#2372) (6eb2dc3)
v2.1.1 Changes
October 01, 2019
🐛 Bug Fixes
- react-grid: correctly import interface from grid-core package (#2375) (906b5b2)
- ⏱ react-scheduler-material-ui: correct AppointmentTooltip OpenButton position (#2367) (3fbcf4a)
v2.1.0 Changes
September 30, 2019
🐛 Bug Fixes
- react-grid: add type checking for next column in getNextColumnName (#2354) (03e261c)
- react-grid: allow columns bands to work in virtual table (#2291) (582eb94)
- react-grid: correct displaying "No data" message in Edge (#2332) (e16be01), closes #2330
- react-grid: correct getCellWidth property's default value (#2353) (9fde9b0)
- react-grid-bootstrap4: correct position when horizontal scrolling (#2364) (908bcbe)
- ⏱ react-scheduler: move firstDayOfWeek prop from views to Scheduler (#2360) (dd5753b)
- ⏱ react-scheduler-demos: add capability to delete zero index appointment (#2341) (1e837eb), closes #2338
- ⏱ scheduler-core: correct date formatting string for Safari (#2365) (04989e8)
- ⏱ scheduler-core: get rid of different new Date behavior in Safari (#2370) (061fd31), closes #2369
🔋 Features
- react-grid: implement Inline Cell Editing (#2302) (27be87f)
- ⏱ react-scheduler: add capability to edit recurrent appointments to appointment form (#2205) (da2c36a), closes #2203
💥 BREAKING CHANGES
- ⏱ react-scheduler: The AppointmentForm plugin now doesn't have the popupComponent, containerComponent, scrollableAreaComponent and staticAreaComponent properties. We have made many changes to the form. You can find all the new properties in the AppointmentForm Plugin Reference.
```
...
<AppointmentForm
-  popupComponent
-  containerComponent
-  scrollableAreaComponent
-  staticAreaComponent
/>
...
```
- ⏱ react-scheduler: The MonthView and WeekView plugins now do not have firstDayOfWeek property. It was moved to the Scheduler plugin.
```
<Scheduler
+  firstDayOfWeek={firstDayOfWeek}
>
  <MonthView
-    firstDayOfWeek={firstDayOfWeek}
  >
  <WeekView
-    firstDayOfWeek={firstDayOfWeek}
  >
   ...
</Scheduler>
```
v2.0.5 Changes
September 16, 2019
🐛 Bug Fixes
- react-chart: fix typescript in scales (#2314) (15ecec0)
- react-grid: add summary rows only if summary items are specified (#2298) (5ee7d97)
- react-grid: correct displaying Filter Selector in Edge (#2318) (903f3c5)
- ⏱ react-scheduler: make it possible to create an appointment after cancelled drag-drop (#2307) (b666250)
- ⏱ react-scheduler-material-ui: remove lastChild's paddingRight from all cells (#2323) (27121c2)
- ⏱ scheduler-core: delete recurrent appointments correctly with 'delete current and following' option (#2313) (d3d1df7)
- ⏱ scheduler-core: fix Drag-and-Drop of recurrent appointments with UNTIL (#2321) (ba6cf21)
🔋 Features
- react-grid: improve column resizing (#2218) (cd73218)
- ⏱ react-scheduler: display month's name in the first day cell of the month in MonthView (#2316) (28cd3d2)
v2.0.4 Changes
September 02, 2019
🐛 Bug Fixes
- react-chart: fix arrow displaying on corner point (#2232) (5c49aca)
- react-grid: allow DataTypeProvider editor to know if editing is enabled (#2265) (b3cdd95)
- react-grid: correct calculating start index of loading row for Infinite Scrolling (#2256) (1741f9c)
- react-grid: correct displaying Page Size Selector in Edge (#2246) (f67e419)
- react-grid: correct offset calculation in virtual table (#2245) (4d3fba9)
- react-grid: correctly handle column count changes in virtual table (#2257) (451c56c)
- ⏱ react-scheduler: correct render horizontal draft appointments by DnD (#2258) (d919d19)
- ⏱ react-scheduler: fix create an appointment on the first call of AppointmentForm (#2272) (8ab05ef)
- ⏱ react-scheduler: fix incorrect render of recurrent appointments in the first cell of AllDayPanel (#2264) (fe33ea2)
- ⏱ react-scheduler: make it possible to drag-drop appointments in MonthView with AllDayPanel plugin (#2275) (456a423)
- ⏱ react-scheduler: prevent double render of all-day recurrence appointments (#2253) (e92bdeb)
- ⏱ scheduler-core: display recurrent appointments in the lower right corner of WeekView correctly (#2290) (bc8ae2d)
- ⏱ scheduler-core: fix recurrent appointment disappearing after dragdrop (#2288) (5cc0aaf)
🔋 Features
- ⏱ react-scheduler: add capability to edit recurring appointments (#2168) (c726b6a), closes #2202
💥 BREAKING CHANGES:
- ⏱ react-scheduler: Editing logic for recurrent appointments was removed from the EditingState plugin. Now, editing requires the EditingState, and either the IntegratedEditing or the EditRecurrenceMenu plugin. In addition, you can add the EditRecurrenceMenu plugin to allow users to select how recurrent appointments are edited.
```
<Scheduler>
   <EditingState />
+  <EditRecurrenceMenu />
+  {/* or <IntegratedEditing />*/}
   ...
</Scheduler>
```
The following EditingState properties were replaced:
- editingAppointmentId -> editingAppointment
- 0️⃣ defaultEditingAppointmentId -> defaultEditingAppointment
- onEditingAppointmentIdChange -> onEditingAppointmentChange
⏱ The new properties contain an AppointmentModel of the appointment being edited.
```
<Scheduler>
   <EditingState
-    editingAppointmentId
-    defaultEditingAppointmentId
-    onEditingAppointmentIdChange
+    editingAppointment
+    defaultEditingAppointment
+    onEditingAppointmentChange
   />
   ...
</Scheduler>
```
v2.0.3 Changes
August 16, 2019
🐛 Bug Fixes
- react-chart: fix axis layout after update data (#2199) (2b84bd8)
- react-grid: correctly calculate force reload interval when total count is 0 (#2238) (e9daa64)
- react-grid: retrieve incomplete page from cache (#2215) (0ee86fd)
- ⏱ scheduler-core: fix incorrect render of recurrent appointments with BYMONTHDAY parameter (#2216) (7346df3)
🔋 Features
- react-grid: allow setting min and max width limitation for every column (#2207) (dc72916)
v2.0.2 Changes
August 01, 2019
🐛 Bug Fixes
- react-chart: fix tooltip customization (#2191) (b23bef2)
- react-chart: fix zooming over minimal threshold (#2183) (88baf47)
- 💻 react-chart-material-ui: apply correct layout height (#2180) (88bf517), closes #2172
- react-core: get rid of redundant type (#2179) (eb0ca11)
- react-grid: correct calculation of available row count in infninite scrolling mode (#2188) (28e93d5)
- react-grid: correct changing DataTypeProvider.for property in runtime (#2201) (3732635)
- react-grid: correctly calculate rows to load when sorting/filtering in lazy loading mode (#2186) (3789b89)
- react-grid: prevent scrolling sticky header on Safari (#2178) (47666b7)
- ⏱ react-scheduler: set Scheduler's height to Root instead of body (#2189) (46bef67)
- ⏱ react-scheduler-material-ui: remove transparent border from draft appointment (#2200) (005336b)
🐎 Performance Improvements
- ⏱ react-scheduler: optimize render using React.memo (#2169) (52a877c)
💥 BREAKING CHANGES
- ⏱ react-scheduler: DayView plugin's, WeekView plugin's and MonthView plugin's layout component now doesn't have the height property. height is now Scheduler plugin's root component property.
```
...
<DayView
  layoutComponent={({
-   height,
     ...restProps
  }) => (
    <DayView.Layout
-      height={height}
       {...restProps}
    />
  )}
/>
...
<WeekView
  layoutComponent={({
-   height,
     ...restProps
  }) => (
    <WeekView.Layout
-      height={height}
       {...restProps}
    />
  )}
/>
...
<MonthView
  layoutComponent={({
-   height,
     ...restProps
  }) => (
    <MonthView.Layout
-      height={height}
       {...restProps}
    />
  )}
/>
...
<Scheduler
  rootComponent={({
+   height,
     ...restProps
  }) => (
    <Scheduler.Root
+      height={height}
       {...restProps}
    />
  )}
/>
...
```
v2.0.1 Changes
July 18, 2019
🐛 Bug Fixes
- react-chart: improve touch events on hover/select (#2159) (61ee79a)
- react-grid: correct stub cell render for GroupRow in virtual table (#2157) (1624947)
- react-grid: disable skeleton cells when local data is used (#2153) (920008f)
- ⏱ react-scheduler: call editing actions by DnD only once (#2163) (5364254)
- ⏱ react-scheduler-material-ui: set appointment's default color (#2154) (ea7c508)
🐎 Performance Improvements
- react-grid: optimize render using React.memo (#2137) (bd65d53)
v2.0.0 Changes
July 08, 2019
🚀 We released v2.0.0 today because we migrated to material-ui v4. For the time being, we will fix bugs in v1.x for those who need to remain on material-ui v3. We recommend updating to material-ui v4, since new features will only be included in v2.x.

🐛 Bug Fixes
- react-chart: arg and val scale inconsistency (#2070) (6286577)
- react-chart: fix zooming on IPad (#2122) (41ebed6)
- react-chart: update ZoomAndPan plugin ts declaration (#2109) (6a81792)
- react-grid: add grouping as optional dependency for summary (#2097) (12d633f)
- react-grid: add TableGroupRow as optional dependency for TableFixedColumns (#2112) (be38da1)
- react-grid: calculate summary for collapsed groups under first level (#2106) (f7c7655)
- react-grid: correct virtual table row boundaries for mui 4 (#2144) (ffc4681)
- react-grid-bootstrap4: make resize control visible on resizing (#2103) (3f875c5)
- ⏱ react-scheduler: add capability to pass className and style into Scheduler layout component (#2140) (3177586)
- ⏱ react-scheduler: fix no space between appointments bug in Firefox (#2124) (0016a8b)
- ⏱ react-scheduler: remove excess commitChanges call by DnD (#2123) (044e188)
- ⏱ react-scheduler: set px as measurement unit of MonthView today cell lineHeight (#2145) (25fd88a)
- ⏱ react-scheduler: delete borders around Scheduler (#2136) (a5fe73f)
♻️ Code Refactoring
- ⏱ react-scheduler: add display name to views (#2134) (4c20034)
- ⏱ react-scheduler: transfer DOM operations into theme package (#2068) (c851a48)
🔋 Features
- migrate to MUI v4 (#2060) (99ff97d)
- react-chart: rotated chart (#2089) (def0662)
- ⏱ react-scheduler: add TodayButton plugin (#2118) (84ef5a3)
💥 BREAKING CHANGES
- ⏱ react-scheduler: ViewSwitcher plugin's switcher component now doesn't have the currentViewName and availableViewNames properties. To specify the current view name use currentView property consisting of 2 fields: name and displayName. To provide available views, use availableViews property, which is an array of elements with name and displayName fields.
```
...
<ViewSwitcher
  switcherComponent={({
-   currentViewName,
+   currentView,
-   avalableViewNames,
+   availableViews,
     ...restProps
  }) => (
    <ViewSwitcher.Switcher
-      currentViewName={currentViewName}
+      currentView={currentView}
-      availableViewNames={availableViewNames}
+      availableViews={availableViews}
       {...restProps}
    />
  )}
/>
...
```
- ⏱ react-scheduler: AllDayPanel plugin's layout component now doesn't have the allDayPanel property. To specify cell elements use setCellElementsMeta property.
```
...
<AllDayyPanel
  layoutComponent={({
-   allDayPanelRef,
+   setCellElementsMeta,
     ...restProps
  }) => (
    <AllDayPanel.Layout>
-      allDayPanelRef={allDayPanelRef}
+      setCellElementsMeta={setCellElementsMeta}
       {...restProps}
    />
  )}
/>
...
```
- react-chart: The x, y, and y1 properties in series points' coordinates have been renamed to arg, val, and startVal respectively. The old names were unsuitable in the case when the chart was rotated.

DevExtreme React Grid changelog

Business React components for Bootstrap and Material-UI

Changelog History

Page 3

v2.2.0 Changes

🐛 Bug Fixes

🔋 Features

💥 BREAKING CHANGES

v2.1.2 Changes

🐛 Bug Fixes

🔋 Features

v2.1.1 Changes

🐛 Bug Fixes

v2.1.0 Changes

🐛 Bug Fixes

🔋 Features

💥 BREAKING CHANGES

v2.0.5 Changes

🐛 Bug Fixes

🔋 Features

v2.0.4 Changes

🐛 Bug Fixes

🔋 Features

v2.0.3 Changes

🐛 Bug Fixes

🔋 Features

v2.0.2 Changes

🐛 Bug Fixes

🐎 Performance Improvements

💥 BREAKING CHANGES

v2.0.1 Changes

🐛 Bug Fixes

🐎 Performance Improvements

v2.0.0 Changes

🐛 Bug Fixes

♻️ Code Refactoring

🔋 Features

💥 BREAKING CHANGES

DevExtreme React Grid changelog

Business React components for Bootstrap and Material-UI

Changelog History Page 3

🐛 Bug Fixes

🔋 Features

💥 BREAKING CHANGES

🐛 Bug Fixes

🔋 Features

🐛 Bug Fixes

🐛 Bug Fixes

🔋 Features

💥 BREAKING CHANGES

🐛 Bug Fixes

🔋 Features

🐛 Bug Fixes

🔋 Features

🐛 Bug Fixes

🔋 Features

🐛 Bug Fixes

🐎 Performance Improvements

💥 BREAKING CHANGES

🐛 Bug Fixes

🐎 Performance Improvements

🐛 Bug Fixes

♻️ Code Refactoring

🔋 Features

💥 BREAKING CHANGES

Changelog History

Page 3