UI5 / webcomponents-react / 24084759448

82%

push

github

feat(AnalyticalTable): optimize column resize performance and handling (#8392)

This PR forks the`useResizeColumns` `react-table` hook with the
following main adjustments:

- Deferred resize: CSS transform feedback during drag (zero renders),
single state dispatch on mouseup
- RTL delta inversion inlined into the reducer (previously handled in
`stateReducer.ts`)
- Added `e.preventDefault()` on mousedown to prevent text selection in
Firefox during drag
- Added 3px dead zone and `data-active-resizer` attribute for
double-click compatibility
- Clamped resize width to `minWidth` in both the visual drag and the
reducer (original clamps to 0)

Also, the `useOnClumnResize` plugin hook needed to be adjusted, as
deferred resizing doesn't update the table state on each tick. Threfore,
for the live mode of the hook, the respective event handler is now
registered inside the hook.

Fixes #2665

---------

Co-authored-by: Marcus Notheis <marcus.notheis@sap.com>

2561 of 3371 branches covered (75.97%)

Branch coverage included in aggregate %.

5109 of 5860 relevant lines covered (87.18%)

104758.67 hits per line