Spreadsheet component needs fixes for better usability

[vuhuucuong]

Summary:

Currently, the afterDataChanged callback props in Spreadsheet is being called EVERY TIME data is changed, including the first time render(data changed from [[]] to initialData). This is okay for most general use cases.

But in our use cases:

• Data changed -> Call Mutation update in afterDataChanged -> receive the updated data from server -> setData back into Spreadsheet -> Mutation update in afterDataChanged will be called again -> this create an infinity loop.

Task:

Add an afterCellsChanged callback props that will only be called in these cases:

• When the input value of a Cell changed
• When right click-> Clear row/Clear column/Remove row/Remove column
• When CustomComponent value change (e.g when <select> a new value)
• setData calls will not trigger afterCellsChanged