MIGRATEGUIDE.md

Migrate guide between major versions

Version 9

• updateExistingCellValue action had wrong parameters and behavior was bugged.
• Use GRID as parameter instead of gridId
• Use dataId as parameter instead of rowIndex OLD:

dispatch(DatagridActions.updateExistingCellValue(id, rowIndex, keyPath, value))

```javascript
NEW:

dispatch(DatagridActions.updateExistingCellValue(grid, dataId, keyPath, value))

Version 8.4

• Nonce must be provided with NonceProvider:

import { NonceProvider } from 'react-select';

const nonce='nonce_hash_here';

<NonceProvider nonce={nonce}>
  <App />
</NonceProvider>

Version 8

• Cell values are rendered based on componentType instead of valueType. Make sure you have correct componentType set.
• componentType select and multiselect values are now rendered automatically from selectOptions. You don't need custom valueRender anymore in basic cases.

Currency type

Switch valueType and componentType of currency type:

OLD:

{
  valueType: 'currency',
  componentType: 'float',
}

NEW:

{
  valueType: 'float',
  componentType: 'currency',
}

Version 7

React 15 is no longer supported

Version 2

Make new grid config object

1. Make GRID object that contains id and idKeyPath attributes.
2. Pass it to Datagrid component as grid prop instead of id and idKeyPath props.

note: If your grid uses columnKey prop, you can remove it and use grid object's idKeyPath instead.

OLD:

<Datagrid
  columnKey={['id']}
  id="myGrid"
  columns={columns}
/>

NEW:

const GRID = {
  id: 'myGrid',
  idKeyPath: ['id'],
};

<Datagrid
  grid={GRID}
  columns={columns}
/>

Update action calls

1. Update action parameters, the first parameter is always new GRID object.
2. Some actions needs columns array as parameter as well.
3. id and idKeyPath parameters are removed.
4. Check the parameters from DatagridActions.

OLD:
this.props.setData('myGrid', data);

NEW:
this.props.setData(GRID, columns, data);