feat: Add line chart and paste dialog selection

[lipis]

So it looks like the world is not ready for the fast paste approach. Here is a more deterministic solution by @petehunt's idea.

Copy the following data and experiment in the preview.

N,Fibonacci
F1,1
F2,1
F3,2
F4,3
F5,5
F6,8
F7,13

In this PR

We are adding a third step, but to be honest, in real life we are not a chart replacement and people won't be pasting charts that often, so this is not really annoying as it shows already what is going to be inserted and can keyboard could be used for power users.

---

• Paste chart modal
• Show previews of charts
• Insert charts in the middle of the screen (@dwelle)
• Use Arrow Keys Tab key to choose chart (@dwelle)
• Press Enter or Space to insert (@dwelle)
• Remember the last choice and have it default next time (blue border) if user press Enter
• UI tweaks (colors, size, etc) (@j-f1)
• Mobile view (@j-f1)

---

Possible improvements as we go (if any)

• Show Remember my choice and don't show this popup again
  • Show this popup with a special shortcut that will appear in Shortcuts dialog.
• Special shortcuts for pasting directly Bar or Line charts
  • We can run out of smart shortcuts here
• Special submenu in the Context menu for pasting special
  • Downside it's too hidden and we don't have access to Clipboard in many browsers without permission.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/excalidraw/excalidraw/hq7x54jih
✅ Preview: https://excalidraw-git-paste-charts.excalidraw.vercel.app

[dwelle]

While it adds friction, I reckon you also won't be pasting charts all the time, so it's kinda ok? That said, I noticed showPasteChartDialog which I guess will allow you to [x] remember my choice. But how do you then revert this choice?

[lipis]

But how do you then revert this choice?

By fast pasting!! 🤣 (Just kidding.. I updated the description)

[dwelle]

Reading the updated description, I'd start with what you suggest: simply highlight what was selected previously. Later we can iterate on the remember my choice. I wouldn't add chart-specific shortcuts. As for the contextmenu, that can be implemented as an alternative either way (in the future).

[dwelle]

I think this is good. Let's implement it and ship it! 🚀

[dwelle]

I've moved currentChartType outside of charts because it doesn't really belong there. We should maybe also rename appState.charts to appState.chartsDialog again?

I've also improved the type.

[lipis]

Yeah.. go for appState.chartsDialog appState.pasteDialog (discussed)

[j-f1]

LGTM except for the issue with pasting on mobile, although we can address that in a future PR

[dai-shi]

I didn't check the code, but UI-wise it's good to go.

[ad1992]

Checked the UI, LGTM 👍

[dwelle]

Looks good. Merging. 🎉