From 02eb82f86fb831c7299330cebcaa089fe780f354 Mon Sep 17 00:00:00 2001
From: shanejonas <jonas.shane@gmail.com>
Date: Fri, 24 Jan 2020 11:46:30 -0800
Subject: [PATCH] fix: bump docs-react

---
 package-lock.json |  6 +++---
 package.json      |  2 +-
 src/App.tsx       | 34 ++++++++++++++++++----------------
 3 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0347b52e..acda9cc6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1759,9 +1759,9 @@
       }
     },
     "@open-rpc/docs-react": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@open-rpc/docs-react/-/docs-react-1.1.4.tgz",
-      "integrity": "sha512-6inO9m7sP1BM4d2QAkQ0up+5Ne29FdqupHivXKrnmXP9/X6dV+LSrTM/tldwwF3ItZZ9eQeGeWu84u/6k6RmjA==",
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@open-rpc/docs-react/-/docs-react-1.1.5.tgz",
+      "integrity": "sha512-XE4I2xgLjsfaU6C5f+e6J7UN9Sq9XTSVXsHtcz//AKGhN1eNtTYJFDYycuURgvTd1uD3mIXEz2IbHiF4cUusmg==",
       "requires": {
         "@material-ui/core": "^4.7.1",
         "@material-ui/icons": "^4.5.1",
diff --git a/package.json b/package.json
index df9e4908..74ad72fc 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "@etclabscore/react-monaco-editor": "^1.0.3",
     "@material-ui/core": "^4.7.2",
     "@material-ui/icons": "^3.0.2",
-    "@open-rpc/docs-react": "^1.1.4",
+    "@open-rpc/docs-react": "^1.1.5",
     "@open-rpc/examples": "^1.3.3",
     "@open-rpc/inspector": "^1.2.8",
     "@open-rpc/meta-schema": "^1.4.3",
diff --git a/src/App.tsx b/src/App.tsx
index b89b8cb6..75d20540 100755
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,7 +9,7 @@ import { IUISchema } from "./UISchema";
 import { SnackBar, ISnackBarNotification, NotificationType } from "./SnackBar/SnackBar";
 import { MuiThemeProvider } from "@material-ui/core/styles";
 import { lightTheme, darkTheme } from "./themes/openrpcTheme";
-import { CssBaseline } from "@material-ui/core";
+import { CssBaseline, Container } from "@material-ui/core";
 import PlaygroundSplitPane from "./PlaygroundSplitPane";
 import useParsedSchema from "./hooks/useParsedSchema";
 import useDefaultEditorValue from "./hooks/useDefaultEditorValue";
@@ -41,7 +41,7 @@ const App: React.FC = () => {
     if (!defaultValue && !searchUrl && defaultExample) {
       setSearchUrl(defaultExample.url);
     }
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [defaultValue]);
 
   useEffect(() => {
@@ -49,7 +49,7 @@ const App: React.FC = () => {
       ...reactJsonOptions,
       theme: UISchema.appBar["ui:darkMode"] ? "summerfruit" : "summerfruit:inverted",
     });
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [UISchema.appBar["ui:darkMode"]]);
 
   useInterval(() => {
@@ -68,7 +68,7 @@ const App: React.FC = () => {
     if (results) {
       setParsedSchema(results);
     }
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [results]);
 
   useEffect(() => {
@@ -83,7 +83,7 @@ const App: React.FC = () => {
   const [parsedSchema, setParsedSchema] = useParsedSchema(defaultValue ? JSON.parse(defaultValue) : null);
   useEffect(() => {
     setParsedSchema(defaultValue);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [defaultValue]);
   const [reactJsonOptions, setReactJsonOptions] = useState({
     theme: "summerfruit:inverted",
@@ -117,7 +117,7 @@ const App: React.FC = () => {
           });
         }}
         onChangeUrl={setSearchUrl}
-        />
+      />
       <PlaygroundSplitPane
         split={UISchema.appBar["ui:splitView"]}
         left={
@@ -133,16 +133,18 @@ const App: React.FC = () => {
           </>
         }
         right={
-          <Documentation
-            schema={parsedSchema as any}
-            uiSchema={UISchema}
-            reactJsonOptions={reactJsonOptions}
-            methodPlugins={
-              UISchema.methods["ui:methodPlugins"]
-                ? [InspectorPlugin]
-                : undefined
-            }
-          />
+          <Container>
+            <Documentation
+              schema={parsedSchema as any}
+              uiSchema={UISchema}
+              reactJsonOptions={reactJsonOptions}
+              methodPlugins={
+                UISchema.methods["ui:methodPlugins"]
+                  ? [InspectorPlugin]
+                  : undefined
+              }
+            />
+          </Container>
         }
       />
       <SnackBar