Improve <FocusManager /> types (#130)

Author: TrySound

src/index.js.flow

@@ -62,7 +62,13 @@ type FocusManagerChange = (focused: boolean) => void
 type FocusManagerRender = ({|
   focused: boolean,
   blur: () => void,
-  bind: {| tabIndex: number, onFocus: () => void, onBlur: () => void |},
+  bind: {|
+    tabIndex: number,
+    onFocus: () => void,
+    onBlur: () => void,
+    onMouseDown: () => void,
+    onMouseUp: () => void,
+  |},
 |}) => React.Node
 
 declare export var FocusManager: React.ComponentType<

tests/test_flow.js

@@ -187,12 +187,18 @@ const noop = () => null
     ;(blur: Function)
     ;(bind.onFocus: Function)
     ;(bind.onBlur: Function)
+    ;(bind.onMouseDown: Function)
+    ;(bind.onMouseUp: Function)
     // $FlowFixMe
     ;(focused: number)
     // $FlowFixMe
     ;(bind.onFocus: number)
     // $FlowFixMe
     ;(bind.onBlur: number)
+    // $FlowFixMe
+    ;(bind.onMouseDown: number)
+    // $FlowFixMe
+    ;(bind.onMouseUp: number)
     return null
   }
   const onChange = focused => {

types/index.d.ts

@@ -66,7 +66,13 @@ export type FocusManagerChange = Callback<boolean>
 export type FocusManagerRender = RenderFn<{
   focused: boolean
   blur: () => void
-  bind: { tabIndex: number; onFocus: () => void; onBlur: () => void }
+  bind: {
+    tabIndex: number
+    onFocus: () => void
+    onBlur: () => void
+    onMouseDown: () => void
+    onMouseUp: () => void
+  }
 }>
 
 export const FocusManager: React.ComponentType<