update keydown handler signature (#254)

* update keydown handler signature

* Update applying-custom-formatting.md

* Update defining-custom-block-nodes.md

* Update saving-to-a-database.md

* Update using-plugins.md

docs/walkthroughs/adding-event-handlers.md

@@ -46,13 +46,13 @@ class App extends React.Component {
       <Editor
         state={this.state.state}
         onChange={state => this.setState({ state })}
-        onKeyDown={(e, state) => this.onKeyDown(e, state)}
+        onKeyDown={(e, data, state) => this.onKeyDown(e, data, state)}
       />
     )
   }
 
   // Define a new handler which prints the key code that was pressed.
-  onKeyDown(event, state) {
+  onKeyDown(event, data, state) {
     console.log(event.which)
   }
 
@@ -77,12 +77,12 @@ class App extends React.Component {
       <Editor
         state={this.state.state}
         onChange={state => this.setState({ state })}
-        onKeyDown={(e, state) => this.onKeyDown(e, state)}
+        onKeyDown={(e, data, state) => this.onKeyDown(e, data, state)}
       />
     )
   }
 
-  onKeyDown(event, state) {
+  onKeyDown(event, data, state) {
     // Return with no changes if it's not the "7" key with shift pressed.
     if (event.which != 55 || !event.shiftKey) return
 

docs/walkthroughs/applying-custom-formatting.md

@@ -29,12 +29,12 @@ class App extends React.Component {
         state={this.state.state}
         state={this.state.state}
         onChange={state => this.setState({ state })}
-        onKeyDown={e, state => this.onKeyDown(e, state)}
+        onKeyDown={e, data, state => this.onKeyDown(e, data, state)}
       />
     )
   }
 
-  onKeyDown(event, state) {
+  onKeyDown(event, data, state) {
     if (event.which != 192 || !event.metaKey) return
     const isCode = state.blocks.some(block => block.type == 'code')
 
@@ -68,12 +68,12 @@ class App extends React.Component {
         schema={this.state.schema}
         state={this.state.state}
         onChange={state => this.setState({ state })}
-        onKeyDown={(e, state) => this.onKeyDown(e, state)}
+        onKeyDown={(e, data, state) => this.onKeyDown(e, data, state)}
       />
     )
   }
 
-  onKeyDown(event, state) {
+  onKeyDown(event, data, state) {
     if (!event.metaKey) return
 
     // Decide what to do based on the key code...
@@ -141,12 +141,12 @@ class App extends React.Component {
         schema={this.state.schema}
         state={this.state.state}
         onChange={state => this.setState({ state })}
-        onKeyDown={(e, state) => this.onKeyDown(e, state)}
+        onKeyDown={(e, data, state) => this.onKeyDown(e, data, state)}
       />
     )
   }
 
-  onKeyDown(event, state) {
+  onKeyDown(event, data, state) {
     if (!event.metaKey) return
 
     switch (event.which) {

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

@@ -23,12 +23,12 @@ class App extends React.Component {
       <Editor
         state={this.state.state}
         onChange={state => this.setState({ state })}
-        onKeyDown={(e, state) => this.onKeyDown(e, state)}
+        onKeyDown={(e, data, state) => this.onKeyDown(e, data, state)}
       />
     )
   }
 
-  onKeyDown(event, state) {
+  onKeyDown(event, data, state) {
     if (event.which != 55 || !event.shiftKey) return
 
     const newState = state
@@ -87,12 +87,12 @@ class App extends React.Component {
         schema={this.state.schema}
         state={this.state.state}
         onChange={state => this.setState({ state })}
-        onKeyDown={e, state => this.onKeyDown(e, state)}
+        onKeyDown={(e, data, state) => this.onKeyDown(e, data, state)}
       />
     )
   }
 
-  onKeyDown(event, state) {
+  onKeyDown(event, data, state) {
     if (event.which != 55 || !event.shiftKey) return
 
     const newState = state
@@ -130,12 +130,12 @@ class App extends React.Component {
         schema={this.state.schema}
         state={this.state.state}
         onChange={state => this.setState({ state })}
-        onKeyDown={e, state => this.onKeyDown(e, state)}
+        onKeyDown={(e, data, state) => this.onKeyDown(e, data, state)}
       />
     )
   }
 
-  onKeyDown(event, state) {
+  onKeyDown(event, data, state) {
     // Return with no changes if it's not the "`" key with cmd/ctrl pressed.
     if (event.which != 192 || !event.metaKey) return
 
@@ -176,12 +176,12 @@ class App extends React.Component {
         schema={this.state.schema}
         state={this.state.state}
         onChange={state => this.setState({ state })}
-        onKeyDown={e, state => this.onKeyDown(e, state)}
+        onKeyDown={(e, data, state) => this.onKeyDown(e, data, state)}
       />
     )
   }
 
-  onKeyDown(event, state) {
+  onKeyDown(event, data, state) {
     if (event.which != 192 || !event.metaKey) return
 
     // Determine whether any of the currently selected blocks are code blocks.

docs/walkthroughs/saving-to-a-database.md

@@ -135,7 +135,7 @@ class App extends React.Component {
       <Editor
         state={this.state.state}
         onChange={state => this.onChange(state)}
-        onDocumentChange={state => this.onDocumentChange(document, state)}
+        onDocumentChange={(document, state) => this.onDocumentChange(document, state)}
       />
     )
   }
@@ -182,7 +182,7 @@ class App extends React.Component {
       <Editor
         state={this.state.state}
         onChange={state => this.onChange(state)}
-        onDocumentChange={state => this.onDocumentChange(document, state)}
+        onDocumentChange={(document, state) => this.onDocumentChange(document, state)}
       />
     )
   }

docs/walkthroughs/using-plugins.md

@@ -31,12 +31,12 @@ class App extends React.Component {
         schema={this.state.schema}
         state={this.state.state}
         onChange={state => this.setState({ state })}
-        onKeyDown={(e, state) => this.onKeyDown(e, state)}
+        onKeyDown={(e, data, state) => this.onKeyDown(e, data, state)}
       />
     )
   }
 
-  onKeyDown(event, state) {
+  onKeyDown(event, data, state) {
     if (!event.metaKey || event.which != 66) return
     return state
       .transform()
@@ -68,7 +68,7 @@ function MarkHotkey(options) {
 
   // Return our "plugin" object, containing the `onKeyDown` handler.
   return {
-    onKeyDown(event, state) {
+    onKeyDown(event, data, state) {
       // Check that the key pressed matches our `code` option.
       if (!event.metaKey || event.which != code) return
 
@@ -199,7 +199,7 @@ function MarkHotkey(options) {
   const { type, key } = options
 
   return {
-    onKeyDown(event, state) {
+    onKeyDown(event, data, state) {
       // Change the comparison to use the key name.
       if (!event.metaKey || keycode(event.which) != key) return
       return state