update walkthroughs, docs and changelog

docs/walkthroughs/adding-event-handlers.md

@@ -50,7 +50,7 @@ class App extends React.Component {
   }
 
   // Define a new handler which prints the key that was pressed.
-  onKeyDown = (event, data, change) => {
+  onKeyDown = (event, change) => {
     console.log(event.key)
   }
 
@@ -84,7 +84,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  onKeyDown = (event, data, change) => {
+  onKeyDown = (event, change) => {
     // Return with no changes if it's not the "&" key.
     if (event.key != '&') return
 

docs/walkthroughs/applying-custom-formatting.md

@@ -27,7 +27,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  onKeyDown = (event, data, change) => {
+  onKeyDown = (event, change) => {
     if (event.key != '`' || !event.metaKey) return
     event.preventDefault()
     const isCode = change.state.blocks.some(block => block.type == 'code')
@@ -68,7 +68,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  onKeyDown = (event, data, change) => {
+  onKeyDown = (event, change) => {
     if (!event.metaKey) return
 
     // Decide what to do based on the key code...
@@ -144,7 +144,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  onKeyDown = (event, data, change) => {
+  onKeyDown = (event, change) => {
     if (!event.metaKey) return
 
     switch (event.key) {

docs/walkthroughs/defining-custom-block-nodes.md

@@ -22,7 +22,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  onKeyDown = (event, data, change) => {
+  onKeyDown = (event, change) => {
     if (event.key != '&') return
     event.preventDefault()
     change.insertText('and');
@@ -84,7 +84,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  onKeyDown = (event, data, change) => {
+  onKeyDown = (event, change) => {
     if (event.key != '&') return
     event.preventDefault()
     change.insertText('and')
@@ -128,7 +128,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  onKeyDown = (event, data, change) => {
+  onKeyDown = (event, change) => {
     // Return with no changes if it's not the "`" key with cmd/ctrl pressed.
     if (event.key != '`' || !event.metaKey) return
 
@@ -178,7 +178,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  onKeyDown = (event, data, change) => {
+  onKeyDown = (event, change) => {
     if (event.key != '`' || !event.metaKey) return
 
     event.preventDefault()

docs/walkthroughs/using-plugins.md

@@ -29,7 +29,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  onKeyDown = (event, data, change) => {
+  onKeyDown = (event, change) => {
     if (event.key != 'b' || !event.metaKey) return
     event.preventDefault()
     change.toggleMark('bold')
@@ -71,7 +71,7 @@ function MarkHotkey(options) {
 
   // Return our "plugin" object, containing the `onKeyDown` handler.
   return {
-    onKeyDown(event, data, change) {
+    onKeyDown(event, change) {
       // Check that the key pressed matches our `key` option.
       if (!event.metaKey || event.key != key) return