v6.2.2

Fixes

• #434 column selector is no longer required when defining a column and it will no longer throw an exception or a typescript error as there are use cases when you don't need a selector (e.g. action columns). However, if you want to display data and/or sort a selector must be used
• #443 no longer throw typescript errors for customStyles

Maintenance

• Update Dependancies
• Remove unused Dev Dependancies
• Update Test snapshots

v6.2.1

Fixes

• #420 -when inlining a function into selectableRowsSelected whereonSeletedRowsChange triggers a state change should no longer break selectableRows. It's however recommended that you do not use an inline function as this causes an unnecessary re-render of RDT. In both cases selectableRows should no longer break. Refer to how React re-renders based on equality for background info.
• #424 - when using typescript columns[].name will now accept a number or a React component

v6.2.0

Features

• #358 - Improved Accessibility. You can now tab through all the component buttons, expanders, native selects and also the column titles. You can use the Enter key on a column to sort. There will be more accessibility improvements to come but if anything was missed please open an issue.
• #394 You can now use expandableInheritConditionalStyles to allow conditionalRowStyles inherit to the ExpanderRow. You will still need to handle your own style inheritance in your Expander Component
• #326 There is now an option to highlight a row when it is selected using selectableRowsHighlight
• New kitchen sink style story added.

Minor changes to themes

This only affects you if you are using certain properties with createTheme , defaultThemes, or customStyles A couple of things have changed with themes. The action prop is now named button.

• theme action is now button

  button: {
    default: string;
    focus: string;
    hover: string;
    disabled: string;
  };

• headCells styles were renamed from activeStyle to activeSortStyle to better reflect the intention

Apologies if either of these causes any headaches 🙏

v6.1.2

Fixes

• #417 - fixes/create typings for createTheme and defaultTheme imports

v6.1.1

Fixes

• #412 expandableIcon should now allow you to override the default expandable icons when using typescript
• #407 allow overriding the tableWrapper via customStyles

Maintenance

• #410 fix/cleanup typescript config for eslint

v6.1.0

Features

This release is mainly around the context menu when using selectableRows allowing for better customization/localization.

Selectable Rows Context Menu #406

• A new prop contextMessage now allows you to override the default message parts. For example, for localization in Spanish contextMessage={{ singular: 'artículo', plural: 'artículos', message: 'seleccionada' }} results in 1 artículo seleccionada or 2 artículos seleccionada
  • RTL is supported if you have the dir=rtl attribute defined on the html or body element.
• A new prop noContextMenu can now be used to hide the context menu permanently
• A new prop contextComponent can now be used if you want to pass in your own custom component to the context menu. Should you need access to the number of items selected the custom component will have access to selectedCount via its props. Note thatcontextMessage and contextActions will be ignored when using contextComponent

Fixes

• #344 Pagination buttons will now be in the correct orientation when using RTL layouts

v6.0.4

Fixes

• #395 - thanks @kokutaro for adding missing typescript properties
• #399 createTheme and defaultThemes can now be imported when using typescript
• fixed typescript definition for column selector. It now correctly accepts a function row => row.field
• #388 when using a selector function and format together in a column definition format would be ignored - this is now fixed

Enhancements

• #397 - reduce bundle size
• add typescript config to eslint

v6.0.3

Fixes

• striped and highlightOnHover rows were setting incorrect default color

v6.0.2

Minor Fix

• #385 Move background style from headCells to headRow

v6.0.1

Fixes

• #383 Padding will no longer be applied to your component when using the noDataComponent prop