This is a major release that has some breaking changes regarding the customTheme
prop, which has been removed in favor of customStyles
, theme
, and createTheme
.
πΊ Features πΊ
- #355 A new βvery powerful βprop
customStyles
allows you to customize RDT's key components using css-in-js. Your reference for the base styles are here. See the README Theming and Customization section for more details as well as the storybook examples. - #355 A new helper
createTheme
allows you to create your own color theme for cases where you simply just want to change the colors of text, background etc. You can then set that new theme with thetheme
prop. Your reference for the themes are here. See the README Theming and Customization section for more details as well as the storybook examples.
#355 The newtheme
prop comes with two out of the box color themesdefault
anddark
. - #359 Column selectors now accept a callback e.g.
selector: row => row.field
is equal toselector: 'field'
.
π Bug Fixes π
- #304 Fix errant browser warning
π₯ Breaking π₯
- #355
customTheme
has been removed. in favor ofcustomStyles
. You will need to adapt your customizations either by using thecustomStyles
and/orcreateTheme
andtheme
. I realize this may be cumbersome to those that have customized usingcustomTheme
, but I receive many tickets around customization and strongly feel the the flexibility thatcustomStyles
provides will outweigh the inconvenience. Additionally the move tocustomStyles
paved the way for much needed cleanup. - #355 Some very slight formatting changes regarding how cell padding calculations are being done for TableCell and TableCol.
- #363 - No longer bundle in the
memoize-one
library as a memoization helper. There was really no need to host memoization-one unless you are using class components and need to memoize. It that s the case you can just import the library separately.