Upgrade react-live and handle events for contentEditable CodePane

Author: kitten

package.json

@@ -30,7 +30,7 @@
     "normalize.css": "^7.0.0",
     "prismjs": "^1.6.0",
     "react-emotion": "^8.0.8",
-    "react-live": "^1.8.0-1",
+    "react-live": "^1.8.0-2",
     "react-redux": "^5.0.5",
     "react-transition-group": "^1.1.3",
     "react-typography": "^0.16.5",

src/components/__snapshots__/code-pane.test.js.snap

@@ -43,6 +43,9 @@ exports[`<CodePane /> should render correctly. 1`] = `
           "
         contentEditable={false}
         language="jsx"
+        onClick={[Function]}
+        onKeyDown={[Function]}
+        onKeyUp={[Function]}
         styles={undefined}
       >
         <Editor
@@ -59,6 +62,9 @@ exports[`<CodePane /> should render correctly. 1`] = `
             "
           contentEditable={false}
           language="jsx"
+          onClick={[Function]}
+          onKeyDown={[Function]}
+          onKeyUp={[Function]}
           styles={undefined}
         >
           <pre
@@ -67,21 +73,20 @@ exports[`<CodePane /> should render correctly. 1`] = `
             dangerouslySetInnerHTML={
               Object {
                 "__html": "
-              			<span class=\\"token keyword\\">const</span> myButton <span class=\\"token operator\\">=</span> <span class=\\"token punctuation\\">(</span>
-              				<span class=\\"token tag\\"><span class=\\"token tag\\"><span class=\\"token punctuation\\">&lt;</span>CustomButton</span>
-              					<span class=\\"token attr-name\\">style</span><span class=\\"token script language-javascript\\"><span class=\\"token punctuation\\">=</span><span class=\\"token punctuation\\">{</span><span class=\\"token punctuation\\">{</span> background<span class=\\"token punctuation\\">:</span> <span class=\\"token string\\">'#f00'</span> <span class=\\"token punctuation\\">}</span><span class=\\"token punctuation\\">}</span></span>
-              					<span class=\\"token attr-name\\">onClick</span><span class=\\"token script language-javascript\\"><span class=\\"token punctuation\\">=</span><span class=\\"token punctuation\\">{</span><span class=\\"token keyword\\">this</span><span class=\\"token punctuation\\">.</span>action<span class=\\"token punctuation\\">}</span></span>
-              				<span class=\\"token punctuation\\">></span></span>
-              				 Click Me
-              				<span class=\\"token tag\\"><span class=\\"token tag\\"><span class=\\"token punctuation\\">&lt;/</span>CustomButton</span><span class=\\"token punctuation\\">></span></span>
-              			<span class=\\"token punctuation\\">)</span><span class=\\"token punctuation\\">;</span>
-              		",
+                    <span class=\\"token keyword\\">const</span> myButton <span class=\\"token operator\\">=</span> <span class=\\"token punctuation\\">(</span>
+                      <span class=\\"token tag\\"><span class=\\"token tag\\"><span class=\\"token punctuation\\">&lt;</span>CustomButton</span>
+                        <span class=\\"token attr-name\\">style</span><span class=\\"token script language-javascript\\"><span class=\\"token punctuation\\">=</span><span class=\\"token punctuation\\">{</span><span class=\\"token punctuation\\">{</span> background<span class=\\"token punctuation\\">:</span> <span class=\\"token string\\">'#f00'</span> <span class=\\"token punctuation\\">}</span><span class=\\"token punctuation\\">}</span></span>
+                        <span class=\\"token attr-name\\">onClick</span><span class=\\"token script language-javascript\\"><span class=\\"token punctuation\\">=</span><span class=\\"token punctuation\\">{</span><span class=\\"token keyword\\">this</span><span class=\\"token punctuation\\">.</span>action<span class=\\"token punctuation\\">}</span></span>
+                      <span class=\\"token punctuation\\">></span></span>
+                       Click Me
+                      <span class=\\"token tag\\"><span class=\\"token tag\\"><span class=\\"token punctuation\\">&lt;/</span>CustomButton</span><span class=\\"token punctuation\\">></span></span>
+                    <span class=\\"token punctuation\\">)</span><span class=\\"token punctuation\\">;</span>
+                  ",
               }
             }
-            language="jsx"
-            onClick={false}
-            onKeyDown={false}
-            onKeyUp={false}
+            onClick={undefined}
+            onKeyDown={undefined}
+            onKeyUp={undefined}
             spellCheck="false"
             style={undefined}
             styles={undefined}