[docs] API pages I18n

mui · Oct 23, 2020 · 8b5f6e9 · 8b5f6e9
1 parent 6a8ddb0
commit 8b5f6e9
Show file tree

Hide file tree

Showing 561 changed files with 20,734 additions and 12,464 deletions.
diff --git a/docs/pages/api-docs/accordion-actions.js b/docs/pages/api-docs/accordion-actions.js
@@ -1,15 +1,23 @@
 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 from 'docs/src/modules/utils/mapApiTranslations';
+import jsonPageContent from './accordion-actions.json';
 
-const pageFilename = 'api/accordion-actions';
-const requireRaw = require.context('!raw-loader!./', false, /\/accordion-actions\.md$/);
+export async function getStaticProps() {
+  const req = require.context('docs/translations', false, /prop-descriptions.*.json$/);
+  const req2 = require.context('docs/translations', false, /class-descriptions.*.json$/);
+  const req3 = require.context('docs/translations', false, /class-conditions.*.json$/);
 
-export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  const propDescriptions = mapApiTranslations(req, 'AccordionActions');
+  const classDescriptions = mapApiTranslations(req2, 'AccordionActions');
+  const classConditions = mapApiTranslations(req3, 'AccordionActions');
+
+  const pageContent = { ...jsonPageContent, propDescriptions, classDescriptions, classConditions };
+  return {
+    props: { pageContent },
+  };
 }
 
-Page.getInitialProps = () => {
-  const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw });
-  return { demos, docs };
-};
+export default function Page({ pageContent }) {
+  return <ApiDocs pageContent={pageContent} />;
+}
diff --git a/docs/pages/api-docs/accordion-actions.json b/docs/pages/api-docs/accordion-actions.json
@@ -0,0 +1,29 @@
+{
+  "name": "AccordionActions",
+  "filename": "/packages/material-ui/src/AccordionActions/AccordionActions.js",
+  "description": "",
+  "props": {
+    "children": { "type": { "name": "node" }, "required": false },
+    "classes": { "type": { "name": "object" }, "required": false },
+    "className": { "type": { "name": "string" }, "required": false, "description": "@ignore" },
+    "disableSpacing": {
+      "type": { "name": "bool" },
+      "required": false,
+      "jsdocDefaultValue": { "value": "false" },
+      "defaultValue": { "value": "false", "computed": false }
+    }
+  },
+  "spread": true,
+  "styles": {
+    "classes": ["root", "spacing"],
+    "name": "MuiAccordionActions",
+    "descriptions": {},
+    "globalClasses": {
+      "root": "MuiAccordionActions-root",
+      "spacing": "MuiAccordionActions-spacing"
+    }
+  },
+  "forwardsRefTo": "HTMLDivElement",
+  "inheritance": null,
+  "demos": "- [Accordion](/components/accordion/)"
+}
diff --git a/docs/pages/api-docs/accordion-actions.md b/docs/pages/api-docs/accordion-actions.md
diff --git a/docs/pages/api-docs/accordion-details.js b/docs/pages/api-docs/accordion-details.js
@@ -1,15 +1,23 @@
 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 from 'docs/src/modules/utils/mapApiTranslations';
+import jsonPageContent from './accordion-details.json';
 
-const pageFilename = 'api/accordion-details';
-const requireRaw = require.context('!raw-loader!./', false, /\/accordion-details\.md$/);
+export async function getStaticProps() {
+  const req = require.context('docs/translations', false, /prop-descriptions.*.json$/);
+  const req2 = require.context('docs/translations', false, /class-descriptions.*.json$/);
+  const req3 = require.context('docs/translations', false, /class-conditions.*.json$/);
 
-export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  const propDescriptions = mapApiTranslations(req, 'AccordionDetails');
+  const classDescriptions = mapApiTranslations(req2, 'AccordionDetails');
+  const classConditions = mapApiTranslations(req3, 'AccordionDetails');
+
+  const pageContent = { ...jsonPageContent, propDescriptions, classDescriptions, classConditions };
+  return {
+    props: { pageContent },
+  };
 }
 
-Page.getInitialProps = () => {
-  const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw });
-  return { demos, docs };
-};
+export default function Page({ pageContent }) {
+  return <ApiDocs pageContent={pageContent} />;
+}
diff --git a/docs/pages/api-docs/accordion-details.json b/docs/pages/api-docs/accordion-details.json
@@ -0,0 +1,20 @@
+{
+  "name": "AccordionDetails",
+  "filename": "/packages/material-ui/src/AccordionDetails/AccordionDetails.js",
+  "description": "",
+  "props": {
+    "children": { "type": { "name": "node" }, "required": false },
+    "classes": { "type": { "name": "object" }, "required": false },
+    "className": { "type": { "name": "string" }, "required": false, "description": "@ignore" }
+  },
+  "spread": true,
+  "styles": {
+    "classes": ["root"],
+    "name": "MuiAccordionDetails",
+    "descriptions": {},
+    "globalClasses": { "root": "MuiAccordionDetails-root" }
+  },
+  "forwardsRefTo": "HTMLDivElement",
+  "inheritance": null,
+  "demos": "- [Accordion](/components/accordion/)"
+}
diff --git a/docs/pages/api-docs/accordion-details.md b/docs/pages/api-docs/accordion-details.md
diff --git a/docs/pages/api-docs/accordion-summary.js b/docs/pages/api-docs/accordion-summary.js
@@ -1,15 +1,23 @@
 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 from 'docs/src/modules/utils/mapApiTranslations';
+import jsonPageContent from './accordion-summary.json';
 
-const pageFilename = 'api/accordion-summary';
-const requireRaw = require.context('!raw-loader!./', false, /\/accordion-summary\.md$/);
+export async function getStaticProps() {
+  const req = require.context('docs/translations', false, /prop-descriptions.*.json$/);
+  const req2 = require.context('docs/translations', false, /class-descriptions.*.json$/);
+  const req3 = require.context('docs/translations', false, /class-conditions.*.json$/);
 
-export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  const propDescriptions = mapApiTranslations(req, 'AccordionSummary');
+  const classDescriptions = mapApiTranslations(req2, 'AccordionSummary');
+  const classConditions = mapApiTranslations(req3, 'AccordionSummary');
+
+  const pageContent = { ...jsonPageContent, propDescriptions, classDescriptions, classConditions };
+  return {
+    props: { pageContent },
+  };
 }
 
-Page.getInitialProps = () => {
-  const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw });
-  return { demos, docs };
-};
+export default function Page({ pageContent }) {
+  return <ApiDocs pageContent={pageContent} />;
+}
diff --git a/docs/pages/api-docs/accordion-summary.json b/docs/pages/api-docs/accordion-summary.json
@@ -0,0 +1,30 @@
+{
+  "name": "AccordionSummary",
+  "filename": "/packages/material-ui/src/AccordionSummary/AccordionSummary.js",
+  "description": "",
+  "props": {
+    "children": { "type": { "name": "node" }, "required": false },
+    "classes": { "type": { "name": "object" }, "required": false },
+    "className": { "type": { "name": "string" }, "required": false, "description": "@ignore" },
+    "expandIcon": { "type": { "name": "node" }, "required": false },
+    "focusVisibleClassName": { "type": { "name": "string" }, "required": false },
+    "onClick": { "type": { "name": "func" }, "required": false, "description": "@ignore" }
+  },
+  "spread": true,
+  "styles": {
+    "classes": ["root", "expanded", "focusVisible", "disabled", "content", "expandIconWrapper"],
+    "name": "MuiAccordionSummary",
+    "descriptions": {},
+    "globalClasses": {
+      "root": "MuiAccordionSummary-root",
+      "expanded": "Mui-expanded",
+      "focusVisible": "Mui-focusVisible",
+      "disabled": "Mui-disabled",
+      "content": "MuiAccordionSummary-content",
+      "expandIconWrapper": "MuiAccordionSummary-expandIconWrapper"
+    }
+  },
+  "forwardsRefTo": "HTMLDivElement",
+  "inheritance": { "component": "ButtonBase", "pathname": "/api/button-base/" },
+  "demos": "- [Accordion](/components/accordion/)"
+}
diff --git a/docs/pages/api-docs/accordion-summary.md b/docs/pages/api-docs/accordion-summary.md
diff --git a/docs/pages/api-docs/accordion.js b/docs/pages/api-docs/accordion.js
@@ -1,15 +1,23 @@
 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 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 async function getStaticProps() {
+  const req = require.context('docs/translations', false, /prop-descriptions.*.json$/);
+  const req2 = require.context('docs/translations', false, /class-descriptions.*.json$/);
+  const req3 = require.context('docs/translations', false, /class-conditions.*.json$/);
 
-export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  const propDescriptions = mapApiTranslations(req, 'Accordion');
+  const classDescriptions = mapApiTranslations(req2, 'Accordion');
+  const classConditions = mapApiTranslations(req3, 'Accordion');
+
+  const pageContent = { ...jsonPageContent, propDescriptions, classDescriptions, classConditions };
+  return {
+    props: { pageContent },
+  };
 }
 
-Page.getInitialProps = () => {
-  const { demos, docs } = prepareMarkdown({ pageFilename, requireRaw });
-  return { demos, docs };
-};
+export default function Page({ pageContent }) {
+  return <ApiDocs pageContent={pageContent} />;
+}