« Changelog History


DevExtreme React Grid v2.2.0 Release Notes

Release Date: 2019-10-25 // over 4 years ago

  • 🐛 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}
    />
  )}
/>
...