Use native copy/paste event handlers

[amanmahajan7]

• Added onCellCopy and onCellPaste props
• Grid now uses native onCopy and onPaste events
• Copy state has been removed as it can be implemented outside the grid.

Fixes
#2736
#1950

[s-elmer]

Hi are there currently plans to add this feature? It would be very appreciated for my use case

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.80%. Comparing base (3a53387) to head (d7cb222).
Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3667      +/-   ##
==========================================
+ Coverage   98.75%   98.80%   +0.05%     
==========================================
  Files          47       47              
  Lines        3447     3424      -23     
  Branches      750      743       -7     
==========================================
- Hits         3404     3383      -21     
+ Misses         43       41       -2     

Files with missing lines	Coverage Δ
src/Cell.tsx	100.00% <ø> (ø)
src/DataGrid.tsx	99.77% <100.00%> (-0.01%)	⬇️
src/Row.tsx	100.00% <ø> (ø)
src/TreeDataGrid.tsx	95.95% <100.00%> (+0.75%)	⬆️
src/index.ts	100.00% <ø> (ø)
src/types.ts	100.00% <ø> (ø)
src/utils/keyboardUtils.ts	96.82% <100.00%> (+0.15%)	⬆️

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[amanmahajan7]

Should we add two separate events (CellCopyEvent and CellPasteEvent)?

[nstepien]

Sure, we can do

type CellCopyEvent = CellCopyPasteEvent;
type CellPasteEvent = CellCopyPasteEvent;

and export those instead, it'll be safer to extend one or the other in the future.

[amanmahajan7]

Not sure if there is is another way to set copied cell styles

[nstepien]

What happens if I copy something outside the grid then pastes it onto a cell?

[nstepien]

Sure, we can do

type CellCopyEvent = CellCopyPasteEvent;
type CellPasteEvent = CellCopyPasteEvent;

and export those instead, it'll be safer to extend one or the other in the future.

[amanmahajan7]

What happens if I copy something outside the grid then pastes it onto a cell?

Users can decide how to handle it. In the example, I am updating the cell

react-data-grid/website/routes/AllFeatures.tsx

Line 242 in 2fdd738

const copiedText = event.clipboardData.getData('text/plain');