[chore] Update Storybook to v7 & Cypress to use Vite

[djhi]

No description provided.

[fzaninotto]

It seems the new storybook code panel rewrites the code and doesn't allow to see the surrounding code. For many of our stories, it means the code isn't explicit...

[slax57]

I noticed that the Code pane no longer displays the full storybook code, but only the (merged) code of the currently displayed component:

Do you think we should keep it this way? Is there an option to go back the way it was before?

Other than that, it seems to work just fine! Well done! 👏

[fzaninotto]

When launching the storybook, the terminal is filled with logs saying:

Though the "loose" option was set to "false" in your @babel/preset-env config, it will not be used for @babel/plugin-proposal-class-properties since the "loose" mode option was set to "true" for @babel/plugin-proposal-private-property-in-object.
The "loose" option must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods and @babel/plugin-proposal-private-property-in-object (when they are enabled): you can silence this warning by explicitly adding
["@babel/plugin-proposal-class-properties", { "loose": true }]
to the "plugins" section of your Babel config.

Can we avoid that?

[djhi]

It only does that the first time right? If you start it again, it shouldn't display them

[fzaninotto]

That's right. But still, can we avoid it?

[djhi]

That's right. But still, can we avoid it?

As you probably noticed, the message includes a recommanded fix that is already applied in https://github.com/marmelab/react-admin/pull/8936/files#diff-cafe2123a72c4ce3a9f7e9ee4b0e188256eb02d7ec1e54fa2cadfac99b22f92bR38

Not sure what else I can do

[fzaninotto]

You've added loose: true in another rule than the one advised in the logged message I pasted.

@babel/plugin-proposal-private-property-in-object

vs

@babel/plugin-proposal-class-properties

[djhi]

You've added loose: true in another rule than the one advised in the logged message I pasted.

@babel/plugin-proposal-private-property-in-object

vs

@babel/plugin-proposal-class-properties

Good catch, there are actually three rules to add. It's done