@devexpress/dx-grid-core

DevExtreme Grid Core

Core library for the DevExtreme Reactive Grid component.

License

DevExtreme licensing.

Changelog

2.2.0 (2019-10-25)

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