Move component examples to mappers section

Author: rvsia

packages/react-renderer-demo/src/components/navigation/mapper.js

@@ -20,13 +20,14 @@ import useMapperLink from '../../hooks/use-mapper-link';
 
 const useStyles = makeStyles(navStyles);
 
-const Item = ({ href, linkText, component }) => {
+const Item = ({ href, linkText, component, divider }) => {
   const classes = useStyles();
   const router = useRouter();
   const link = useMapperLink(href.replace('/?', '?'));
 
   return (
     <ListItem
+      divider={divider}
       button
       selected={href.replace('/?', '?') === router.asPath.replace(query, '')}
       key={href || linkText}
@@ -47,7 +48,8 @@ const Item = ({ href, linkText, component }) => {
 Item.propTypes = {
   href: PropTypes.string.isRequired,
   linkText: PropTypes.string,
-  component: PropTypes.node
+  component: PropTypes.node,
+  divider: PropTypes.bool
 };
 
 const FinalList = ({ title, level, link, fields, previousLinks = [], renderItems, openable = true, open = false }) => {

packages/react-renderer-demo/src/components/navigation/schemas/mappers.schema.js

@@ -1,3 +1,5 @@
+import { baseExamples } from '../examples-definitions';
+
 const mappersSchema = [
   {
     subHeader: true,
@@ -50,9 +52,7 @@ const mappersSchema = [
     noRoute: true,
     title: 'Mapper components'
   },
-  /**
-   * Here will be component definitions
-   */
+  ...baseExamples.sort((a, b) => a.linkText.localeCompare(b.linkText)),
   {
     subHeader: true,
     noRoute: true,
@@ -68,7 +68,8 @@ const mappersSchema = [
   },
   {
     link: 'validator-mapper',
-    linkText: 'Validator mapper'
+    linkText: 'Validator mapper',
+    divider: true
   }
 ];
 

packages/react-renderer-demo/src/components/navigation/schemas/schema.js

@@ -1,4 +1,3 @@
-import { baseExamples } from '../examples-definitions';
 import flatMap from 'lodash/flatMap';
 import schemaRenderer from './renderer.schema';
 import schemaNav from './schema.schema';
@@ -42,12 +41,6 @@ const schema = [
     linkText: 'Form builder',
     link: 'live-editor'
   },
-  {
-    title: 'Component definitions',
-    link: 'component-example',
-    noRoute: true,
-    fields: baseExamples.sort((a, b) => a.linkText.localeCompare(b.linkText))
-  },
   {
     linkText: 'Testing',
     link: 'testing'