Fixed missing global modifier tag on generate code examples.

Hyperkid123 · Hyperkid123 · commit 7109be8c5c5f · 2020-05-07T08:29:02.000+02:00
diff --git a/packages/react-renderer-demo/src/app/examples/.eslintrc b/packages/react-renderer-demo/src/app/examples/.eslintrc
diff --git a/packages/react-renderer-demo/src/app/pages/_document.js b/packages/react-renderer-demo/src/app/pages/_document.js
@@ -23,7 +23,9 @@ class MyDocument extends Document {
           <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
           <link rel="stylesheet" type="text/css" href="//wpcc.io/lib/1.0.2/cookieconsent.min.css" />
           <script src="//wpcc.io/lib/1.0.2/cookieconsent.min.js"></script>
-          <style dangerouslySetInnerHTML={{__html: `
+          <style
+            dangerouslySetInnerHTML={{
+              __html: `
           html {
             box-sizing: border-box;
             -webkit-font-smoothing: antialiased;
@@ -44,7 +46,9 @@ class MyDocument extends Document {
             line-height: 1.43 !important;
             letter-spacing: 0.01071em !important;
             background-color: #fafafa !important;
-          }`}} />
+          }`
+            }}
+          />
         </Head>
         <body>
           <Main />
diff --git a/packages/react-renderer-demo/src/app/pages/renderer/validators.md b/packages/react-renderer-demo/src/app/pages/renderer/validators.md
@@ -20,25 +20,25 @@ A item of the validate array can be:
 
 ## Length validators
 
-<CodeExample mode="preview" source= "components/validators/length-validators" />
+<CodeExample mode="preview" source="components/validators/length-validators" />
 
 ## Number value validators
 
-<CodeExample mode="preview" source= "components/validators/number-validator" />
+<CodeExample mode="preview" source="components/validators/number-validator" />
 
 ## Pattern validators
 
-<CodeExample mode="preview" source= "components/validators/pattern-validator" />
+<CodeExample mode="preview" source="components/validators/pattern-validator" />
 
 ## URL validators
 
-<CodeExample mode="preview" source= "components/validators/url-validator" />
+<CodeExample mode="preview" source="components/validators/url-validator" />
 
 ## Custom function
 
 As validator you can provide your custom function:
 
-<CodeExample mode="preview" source= "components/validators/custom-function" />
+<CodeExample mode="preview" source="components/validators/custom-function" />
 
 The function takes `value` as an argument and should return undefined when pasess or string as an error message when fails.
 
@@ -48,7 +48,7 @@ You can use a Async function as a validator. But it **must be first in the valid
 
 You can either use custom function, or custom validator from validator mapper.
 
-<CodeExample mode="preview" source= "components/validators/async-validator" />
+<CodeExample mode="preview" source="components/validators/async-validator" />
 
 
 Validator inputs and results are being cached so you will get immediate feedback for recurring values before the validation is actually finished.
@@ -130,13 +130,13 @@ By providing `validateOnMount` the validation will be triggered immediately afte
 This form of validation enables you to create validation function for whole form. It is useful for some cross validation between multiple fields etc.
 Detailed information can be found [here](https://final-form.org/docs/react-final-form/examples/record-level-validation).
 
-<CodeExample mode="preview" source= "components/validators/record-level-validation" />
+<CodeExample mode="preview" source="components/validators/record-level-validation" />
 
 # Overwriting default messages
 
 You can either specify message attribute while adding validator or override validation message of specific validator globally via Validators config.
 
-<CodeExample mode="preview" source= "components/validators/global-message" />
+<CodeExample mode="preview" source="components/validators/global-message" />
 
 </Grid>
 <Grid item xs={false} md={2}>
diff --git a/packages/react-renderer-demo/src/app/scripts/generate-mappers.js b/packages/react-renderer-demo/src/app/scripts/generate-mappers.js
@@ -22,7 +22,7 @@ function copyPageFile(fileName, targetFile) {
     }
 
     let result = data.replace(/from '@data-driven-forms\/mui-component-mapper/g, `from '@data-driven-forms/${mapper}-component-mapper`);
-    result = result.replace('<CodeExample source="', `<CodeExample source="${mapper}/`);
+    result = result.replace(/source="/g, `source="${mapper}/`);
 
     fs.writeFile(targetFile, result, 'utf8', function(err) {
       if (err) {
diff --git a/packages/react-renderer-demo/src/app/src/components/layout.js b/packages/react-renderer-demo/src/app/src/components/layout.js
@@ -24,7 +24,7 @@ import Footer from './footer';
 import dynamic from 'next/dynamic';
 import NotificationPanel from './notification-panel';
 import MapperMenu from './mapper-menu';
-import { getPrefix, getScopedLink } from '../helpers/scoped-links';
+import { getScopedLink } from '../helpers/scoped-links';
 const DocSearch = dynamic(import('./docsearch'), {
   ssr: false
 });
diff --git a/packages/react-renderer-demo/src/app/src/components/mdx/mdx-components.js b/packages/react-renderer-demo/src/app/src/components/mdx/mdx-components.js
@@ -62,6 +62,19 @@ export const Heading = ({ level, children, component }) => {
   );
 };
 
+const MdLink = ({ href, children }) => {
+  const classes = useHeadingStyles();
+  return href.startsWith('/') ? (
+    <RouterLink href={href}>
+      <Link href={href}>{children}</Link>
+    </RouterLink>
+  ) : (
+    <Link className={classes.link} href={href} rel="noopener noreferrer" target="_blank">
+      {children}
+    </Link>
+  );
+};
+
 const MdxComponents = {
   p: ({ children }) => (
     <Typography variant="body1" gutterBottom>
@@ -98,18 +111,7 @@ const MdxComponents = {
       </div>
     );
   },
-  a: ({ href, children }) => {
-    const classes = useHeadingStyles();
-    return href.startsWith('/') ? (
-      <RouterLink href={href}>
-        <Link href={href}>{children}</Link>
-      </RouterLink>
-    ) : (
-      <Link className={classes.link} href={href} rel="noopener noreferrer" target="_blank">
-        {children}
-      </Link>
-    );
-  },
+  a: MdLink,
   h1: (props) => <Heading {...props} level={4} component="h1" />,
   h2: (props) => <Heading {...props} level={5} component="h2" />,
   h3: (props) => <Heading {...props} level={6} component="h3" />,

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ function copyPageFile(fileName, targetFile) {`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	let result = data.replace(/from '@data-driven-forms\/mui-component-mapper/g, `from '@data-driven-forms/${mapper}-component-mapper`);
`25`		- result = result.replace('<CodeExample source="', `<CodeExample source="${mapper}/`);
	`25`	+ result = result.replace(/source="/g, `source="${mapper}/`);
`26`	`26`
`27`	`27`	`fs.writeFile(targetFile, result, 'utf8', function(err) {`
`28`	`28`	`if (err) {`