Fix interval flow types (#92)

Author: TrySound

src/index.js.flow

@@ -212,17 +212,19 @@ type StateProps<T> =
 
 declare export class State<T: Object> extends React.Component<StateProps<T>> {}
 
-/* Timer */
+/* Interval */
 
-type TimerRender = ({|
-  time: number,
+type IntervalRender = ({|
+  start: (delay?: number) => void,
+  stop: () => void,
+  toggle: () => void,
 |}) => React.Node
 
-type TimerProps =
-  | {| delay?: ?number, render: TimerRender |}
-  | {| delay?: ?number, children: TimerRender |}
+type IntervalProps =
+  | {| delay?: ?number, render: IntervalRender |}
+  | {| delay?: ?number, children: IntervalRender |}
 
-declare export class Timer extends React.Component<TimerProps> {}
+declare export class Interval extends React.Component<IntervalProps> {}
 
 /* Toggle */
 

tests/test_flow.js

@@ -4,12 +4,13 @@
 import * as React from 'react'
 import {
   Active,
-  Input,
   Counter,
   Focus,
   FocusManager,
   Form,
   Hover,
+  Input,
+  Interval,
   List,
   Map,
   Set,
@@ -85,6 +86,33 @@ const noop = () => null
   ]
 }
 
+{
+  const render = ({ start, stop, toggle }) => {
+    start()
+    start(500)
+    stop()
+    toggle()
+    // $FlowFixMe
+    start('')
+    // $FlowFixMe
+    stop(500)
+    // $FlowFixMe
+    toggle(500)
+    return null
+  }
+  ;[
+    <Interval render={render} />,
+    <Interval>{render}</Interval>,
+    <Interval render={noop} />,
+    <Interval>{noop}</Interval>,
+    <Interval delay={0} render={noop} />,
+    // $FlowFixMe
+    <Interval />,
+    // $FlowFixMe
+    <Interval delay={''} render={noop} />,
+  ]
+}
+
 /* Counter */
 {
   const render = ({ count, inc, dec, incBy, decBy }) => {