fix(ui): zoom in and out from cursor position

[rob-gordon]

This fixes the odd zooming behavior in the studio
react-storm-diagram had some errors in how it processed non-integer zoom levels

To create a smooth zoom we

• store our own floating point zoom value and only pass the rounded version to react-storm
• we control the version we pass by hijacking the wheel handler that manages zooming in and out
• zoom imperatively rather than effectually – this just means that we're zooming first and then updating the zoom level we keep in redux state. trying to zoom as an effect of the redux state also may have been getting react-storm out of sync. As a result, there's a few actions and reducers we no longer needed

I changed the minimum zoom to 25 rather than 10 because 10 seemed comically small and 25 was the smallest value in out select in the interface. I also set a reasonable maximum (again, from the select). Happy to change or remove this functionality if people see fit.

Before

Screen.Recording.2022-02-02.at.3.28.19.PM.mov

After

Screen.Recording.2022-02-02.at.2.54.10.PM.mov

[linear]

DEV-1223 [FEATURE] Flow Editor Zoom Scroll

Is your feature request related to a problem? Please describe.
When working with large flows, the flow-editor gives us a "birds-eye view" of the flow, which tends to make the nodes very small and unreadable.

Also, the current mouse scroll-in implementation isn't super friendly.

Describe the solution you'd like
I've thought of a few ideas, but I'm definitely open to more.

• Show the top left corner 100% zoom when opening a flow
• Have the flow show the birds-eye view once opened, then pan-zoom over a few milliseconds into the top left corner to 100%

Describe alternatives you've considered
Alternatively, and probably the better solution would be to fix the scroll in implementation

1. Increase the zoom % per mouse scroll tick. It is currently at 1%, and it takes a long time to reach the desired zoom level (configurable?)
2. Fix the zoom-in of the flow to properly match the cursor position. Currently seems to favor an up and right-side zoom-in. (should be centered on the cursor)

Additional context

[laurentlp]

Nice work! Really good cleanup! 💪

I have found a single small issue, but otherwise, it looks fine to me

simplescreenrecorder-2022-02-02_19.09.40.mp4

[laurentlp]

Tested and working perfectly! Awesome work as usual!