[docs] API pages i18n

docs/pages/api-docs/accordion.js

@@ -1,15 +1,27 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
+import ApiDocs from 'docs/src/modules/components/ApiDocs';
+import mapApiTranslations, { parsePropsMarkdown } from 'docs/src/modules/utils/mapApiTranslations';
+import jsonPageContent from './accordion.json';
 
-const pageFilename = 'api/accordion';
-const requireRaw = require.context('!raw-loader!./', false, /\/accordion\.md$/);
-
-export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+export default function Page({ pageContent }) {
+  return <ApiDocs pageContent={pageContent} />;
 }
 
-Page.getInitialProps = () => {
-  const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw });
-  return { demos, docs };
+Page.getInitialProps = async (ctx) => {
+  const req1 = require.context('docs/translations', false, /component-descriptions.*.json$/);
+  const req2 = require.context('docs/translations', false, /prop-descriptions.*.json$/);
+  const req3 = require.context('docs/translations', false, /class-descriptions.*.json$/);
+
+  const componentDescription = mapApiTranslations(req1, 'Accordion');
+  const propDescriptions = parsePropsMarkdown(mapApiTranslations(req2, 'Accordion'));
+  const classDescriptions = mapApiTranslations(req3, 'Accordion');
+
+  const pageContent = {
+    ...jsonPageContent,
+    componentDescription,
+    propDescriptions,
+    classDescriptions,
+  };
+
+  return { pageContent };
 };

docs/pages/api-docs/accordion.json

@@ -0,0 +1,25 @@
+{
+  "props": {
+    "children": { "type": { "name": "custom", "description": "node" } },
+    "classes": { "type": { "name": "object" } },
+    "className": { "type": { "name": "string" }, "required": false, "description": "@ignore" },
+    "defaultExpanded": { "type": { "name": "bool" } },
+    "disabled": { "type": { "name": "bool" } },
+    "expanded": { "type": { "name": "bool" } },
+    "onChange": { "type": { "name": "func" } },
+    "square": { "type": { "name": "bool" } },
+    "TransitionComponent": { "type": { "name": "elementType" }, "default": "Collapse" },
+    "TransitionProps": { "type": { "name": "object" } }
+  },
+  "name": "Accordion",
+  "styles": {
+    "classes": ["root", "rounded", "expanded", "disabled", "region"],
+    "globalClasses": { "expanded": "Mui-expanded", "disabled": "Mui-disabled" }
+  },
+  "spread": true,
+  "forwardsRefTo": "HTMLDivElement",
+  "filename": "/packages/material-ui/src/Accordion/Accordion.js",
+  "inheritance": { "component": "Paper", "pathname": "/api/paper/" },
+  "demos": "<ul><li><a href=\"/components/accordion/\">Accordion</a></li></ul>",
+  "styledComponent": false
+}