📖 Other docs updates and test fixups

Author: himynameisdave

docs/with-keypress.md

@@ -33,4 +33,16 @@ const MyButton = () => {
 };
 ```
 
+Although this library doesn't export handlers for specific keys, you could use this method to build out your own suite of key event handlers:
+
+```js
+// /utils/keyboard.js
+const withEscapeKeyPress = withKeyPress('Escape');
+const withEnterKeyPress = withKeyPress('Enter');
+const withTabKeyPress = withKeyPress('Tab');
+const withShiftKeyPress = withKeyPress('Shift');
+//  ...etc
+```
+
+
 [![Edit with-keypress (React)](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/with-keypress-react-9344c?fontsize=14&hidenavigation=1&theme=dark)

docs/with-target-value.md

@@ -1,6 +1,6 @@
 ### withTargetValue
 
-Calls your provided event handler function with `event.target.value` as the first value (if it exists).
+Calls your provided event handler function with `event.target.value` as the first value (if it exists). Passes the `event` along as the second argument in case you need it.
 
 **Vanilla**
 
@@ -22,14 +22,12 @@ myInputNode.addEventListener(
 import React, { Component } from "react";
 import { withTargetValue } from "browser-event-utils";
 
-class MyInput extends Component {
-  handleChange = withTargetValue((value, event) => {
-    console.log(`Value changed! ${value}`);
-  });
+const handleChange = withTargetValue((value, event) => {
+  console.log(`Value changed! ${value}`);
+});
 
-  render() {
-    return <input onChange={this.handleChange} />;
-  }
+function MyInput() {
+  return <input type="text" onChange={handleChange} />;
 }
 ```
 

src/helpers/__tests__/with-target.spec.ts

@@ -10,6 +10,6 @@ describe('withTarget', () => {
         };
         const mock = jest.fn();
         withTarget(mock)(mockEvent);
-        expect(mock).toHaveBeenCalledWith(mockEvent);
+        expect(mock).toHaveBeenCalledWith(mockEvent.target, mockEvent);
     });
 });