Merge pull request #1033 from rvsia/docFixes

Doc fixes

Author: rvsia

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

@@ -39,8 +39,8 @@ const Item = ({ href, linkText, component, divider, level }) => {
         [classes.nested]: level > 0
       })}
       component={forwardRef((props, ref) => (
-        <RouterNavLink ref={ref} key={component} href={finalHref}>
-          <Link style={{ color: 'rgba(0, 0, 0, 0.87)' }} {...props} href={finalHref} />
+        <RouterNavLink key={component} href={finalHref}>
+          <Link ref={ref} style={{ color: 'rgba(0, 0, 0, 0.87)' }} {...props} href={finalHref} />
         </RouterNavLink>
       ))}
     >

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

@@ -16,10 +16,6 @@ const mappersSchema = [
     linkText: 'File input',
     link: 'file-input'
   },
-  {
-    linkText: 'Common components API',
-    link: 'component-api'
-  },
   {
     subHeader: true,
     noRoute: true,

packages/react-renderer-demo/src/pages/live-editor.js

@@ -9,9 +9,9 @@ import Box from '@material-ui/core/Box';
 import Button from '@material-ui/core/Button';
 import Snackbar from '@material-ui/core/Snackbar';
 import IconButton from '@material-ui/core/IconButton';
-import ExpansionPanel from '@material-ui/core/ExpansionPanel';
-import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
-import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
+import Accordion from '@material-ui/core/Accordion';
+import AccordionDetails from '@material-ui/core/AccordionDetails';
+import AccordionSummary from '@material-ui/core/AccordionSummary';
 import Typography from '@material-ui/core/Typography';
 import CloseIcon from '@material-ui/icons/Close';
 import PanToolIcon from '@material-ui/icons/PanTool';
@@ -195,8 +195,8 @@ const LiveEditor = () => {
         debug={false}
         render={({ isValid, getSchema, ...props }) => (
           <BuilderTemplate {...props} className={classes.builderWrapper}>
-            <ExpansionPanel className={classes.expansionPanel}>
-              <ExpansionPanelSummary>
+            <Accordion className={classes.expansionPanel}>
+              <AccordionSummary>
                 <Box display="flex" justifyContent="space-between" alignItems="center" className={classes.builderControlsWrapper}>
                   <Typography>Click to preview schema</Typography>
                   <CopyToClipboard text={JSON.stringify(getSchema())} onCopy={() => setOpenTooltip(true)}>
@@ -205,11 +205,11 @@ const LiveEditor = () => {
                     </Button>
                   </CopyToClipboard>
                 </Box>
-              </ExpansionPanelSummary>
-              <ExpansionPanelDetails>
+              </AccordionSummary>
+              <AccordionDetails>
                 <CodeEditor keepLastLine editorClassname={classes.editor} value={JSON.stringify(getSchema(), null, 2)} />
-              </ExpansionPanelDetails>
-            </ExpansionPanel>
+              </AccordionDetails>
+            </Accordion>
             <CopySnackbar open={openTooltip} handleClose={() => setOpenTooltip(false)} />
           </BuilderTemplate>
         )}