feat(YfmTable): rework table controls – add drag-n-drop, rows and columns insertion

[d3m1d0v]

• Controls for adding rows and columns have been redesigned:
  • the vertical and horizontal plus buttons at the right and bottom edges of the table have been removed;
  • instead, floating plus buttons have been added near the top and left edges of the table for each row and column;
    • hover over dots to show and click plus button;
• Menu controls for rows and columns have also been redesigned:
  • on hover over a row or column, the menu control will show a compact view. Hover over control to see a full-size button and icon;
  • drag the control to rearrange rows and columns;
  • сlick the control to open a dropdown-menu for the row or column;
  • a new action has been added to the dropdown-menu: "Clear cells".

[gravity-ui-bot]

Preview is ready.

[gravity-ui-bot]

Visual Tests Report is ready.

[makhnatkin]

When you click and slightly move the mouse, the button flickers because a drag event starts, even though it was essentially an imprecise click (a click with a slight movement).

I suggest adding a threshold to check that the movement was minimal, and if the movement is small, it shouldn’t be considered a drag (a drag start threshold).

[makhnatkin]

Previously, there were controls in the mobile version as well, but now they are only in the full version.

I suggest we think about how the controls should work in the mobile version.