Merge remote-tracking branch 'origin/master'

Author: thebuilder

.storybook/base.css

@@ -1,5 +1,6 @@
 body {
-  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
   padding: 0;
   margin: 0;
   color: #0c0c0c;
@@ -8,4 +9,4 @@ body {
 
 h1 {
   font-size: 2rem;
-}
+}

.travis.yml

@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - "7"
+  - "9"
 cache: yarn
 script:
   - yarn test

README.md

@@ -113,7 +113,7 @@ The **`<Observer />`** accepts the following props:
 | **threshold**   | Number      | 0       | false    | Number between 0 and 1 indicating the the percentage that should be visible before triggering. Can also be an array of numbers, to create multiple trigger points.                                                               |
 | **triggerOnce** | Bool        | false   | false    | Only trigger this method once                                                                                                                                                                                                    |
 | **onChange**    | Func        |         | false    | Call this function whenever the in view state changes                                                                                                                                                                            |
-| **render**      | Func        |         | false    | Render prop boolean indicating inView state                                                                                                                                                                             |
+| **render**      | Func        |         | false    | Render prop boolean indicating inView state                                                                                                                                                                                      |
 | **innerRef**    | Func        |         | false    | Get a reference to the the inner DOM node                                                                                                                                                                                        |
 
 ## Example code
@@ -137,16 +137,11 @@ export default Component
 
 ### Render prop
 
-
 ```js
 import Observer from 'react-intersection-observer'
 
 const Component = () => (
-  <Observer
-    render={(inView) => (
-      inView => <h2>{`Header inside viewport ${inView}.`}</h2>
-    )}
-  />
+  <Observer render={inView => <h2>{`Header inside viewport ${inView}.`}</h2>} />
 )
 
 export default Component

index.d.ts

@@ -1,60 +1,59 @@
 declare module 'react-intersection-observer' {
-  import React = require('react');
+  import React = require('react')
 
   export interface IntersectionObserverProps {
     /** Children should be either a function or a node */
-    children?: React.ReactNode | ((inView: boolean) => React.ReactNode);
+    children?: React.ReactNode | ((inView: boolean) => React.ReactNode)
 
     /** Render prop boolean indicating inView state */
-    render?(inView: boolean): React.ReactNode;
-
+    render?: (inView: boolean) => React.ReactNode
 
     /**
      * The `HTMLElement` that is used as the viewport for checking visibility of
      * the target.
      * Defaults to the browser viewport if not specified or if `null`.
      */
-    root?: HTMLElement | null;
+    root?: HTMLElement | null
 
     /**
      * Unique identifier for the root element - This is used to identify the
      * `IntersectionObserver` instance, so it can be reused.
      * If you defined a root element, without adding an `id`, it will create a new
      * instance for all components.
      */
-    rootId?: string;
+    rootId?: string
 
     /**
      * Margin around the root.
      * Can have values similar to the CSS margin property,
      * e.g. `"10px 20px 30px 40px"` (top, right, bottom, left).
      */
-    rootMargin?: string;
+    rootMargin?: string
 
     /**
      * Element tag to use for the wrapping component
      * @default `'div'`
      */
-    tag?: string;
+    tag?: string
 
     /** Number between 0 and 1 indicating the the percentage that should be
      * visible before triggering. Can also be an array of numbers, to create
      * multiple trigger points.
      * @default `0`
      */
-    threshold?: number | number[];
+    threshold?: number | number[]
 
     /**
      * Only trigger this method once
      * @default `false`
      */
-    triggerOnce?: boolean;
+    triggerOnce?: boolean
 
     /** Call this function whenever the in view state changes */
-    onChange?(inView: boolean|React.FormEvent<HTMLElement>): void;
+    onChange?: (inView: boolean) => void
 
     /** Get a reference to the the inner DOM node */
-    innerRef?(element?: HTMLElement): void;
+    innerRef?: (element?: HTMLElement) => void
   }
 
   export default class IntersectionObserver extends React.Component<

package.json

@@ -78,17 +78,17 @@
     "enzyme-to-json": "^3.3.1",
     "eslint": "^4.17.0",
     "eslint-config-insilico": "^5.1.0",
-    "flow-bin": "^0.64.0",
+    "flow-bin": "^0.71.0",
     "flow-copy-source": "^1.2.2",
     "husky": "^0.14.3",
     "intersection-observer": "^0.5.0",
     "jest": "^22.1.4",
-    "lint-staged": "^6.1.0",
+    "lint-staged": "^7.0.0",
     "prettier": "^1.10.2",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
     "react-test-renderer": "^16.2.0",
-    "request": "~2.83.0"
+    "request": "~2.84.0"
   },
   "resolutions": {
     "react": "^16.2.0",