[docs-infra] Multi-tab demo component improvements

[bharatkashyap]

Pre-v1:

• Skipping demos without being editable [docs-infra] Skip resolving non-editable demos in build process #41585
• Skipping non React components in visual regressions (Material UI, Base UI, MUI X) [docs-infra] Skip non React components from visual regression tests #41584
• eslintrc root

For v1:

• TypeScript support
• Atomic commit for state change

For v1.5

• Fix Code Tabs overflow [docs-infra] Support code tabs overflow #42913
• Fix CodeSandbox/StackBlitz demos: [docs-infra] CodeSandbox/StackBlitz broken for demos with relative imports #42733
• Fix JavaScript demos conversion of tabs: [charts-pro] Release the pro package in alpha mui-x#13859 (comment)

For v2:

• Editable tabs

    const codes = [tab1Code, tab2Code];
    const scope = withFiles(baseScope, tab1Code, tab2Code).

  withFiles from https://github.com/nihgwu/react-runner/blob/974ebc932db7b7c7d59f1b50a79aed705efbf75a/website/src/components/MultiFilesExample/index.tsx#L27.

• Allow using custom labels (default to filename) for imported files, instead of entire relative path
  [docs-infra] Support code tabs overflow #42913 (comment)

For v3

• TS/JS switch using useTransition

Originally posted by @oliviertassinari in #40901 (review)

Search keywords: