[docs-infra] Fix broken sandboxes with relative module imports

[bharatkashyap]

Fixes #42733

The fixed sandbox: https://codesandbox.io/s/late-dream-z36sph?file=/src/Demo.tsx.

Preview: https://deploy-preview-42767--material-ui.netlify.app/material-ui/react-autocomplete/

[mui-bot]

Netlify deploy preview

https://deploy-preview-42767--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against f2ff725

[alexfauquette]

@bharatkashyap I created #43145 fro mexperimental purpose.

My concern with the current solution is that you take into consideration that imports are from ./xxx which is not always the case. In MUI X we have two case where we could need deeper imports.

For example the tree-view is looking to define 2 or 3 datasets to reuse every where. So they would likely have path like ../datasets/products.json Same for the charts that might have more data sets but that could be shared across multiple pages (and so multiple folders)

In the PR, I propose to respect the file splitting in the generated codesandbox, but move all the files at the same level.

[bharatkashyap]

[docs-infra][Do not merge] Fix broken sandboxes with relative module imports #43145

Thanks @alexfauquette for this! Your proposal makes sense to me; thanks for bringing to light this oversight :)

[alexfauquette]

I've replace the package-lock by the current one

The demo seems to work nice on both codesandbox and stackblitz 👍
https://deploy-preview-42767--material-ui.netlify.app/material-ui/react-autocomplete/#combo-box

[cherniavskii]

I tested it with a multi-tab MUI X demo in mui/mui-x#13695 – it works like a charm!
Great job! 🎉