connect: Add all required SelectorProps annotations.

This is the one kind of annotation that Flow v0.92 requires at some
call sites of `connect`, with our spiffy new type for it.  We added a
few in 165e848; now add the rest.

Author: gnprice

src/account-info/AccountDetails.js

@@ -27,13 +27,18 @@ const componentStyles = StyleSheet.create({
 
 const AVATAR_SIZE = 200;
 
-type Props = {|
-  dispatch: Dispatch,
+type SelectorProps = {|
   realm: string,
-  user: User,
   userStatusText: string | void,
 |};
 
+type Props = {|
+  user: User,
+
+  dispatch: Dispatch,
+  ...SelectorProps,
+|};
+
 class AccountDetails extends PureComponent<Props, void> {
   render() {
     const { realm, user, userStatusText } = this.props;
@@ -74,7 +79,7 @@ class AccountDetails extends PureComponent<Props, void> {
   }
 }
 
-export default connect((state: GlobalState, props) => ({
+export default connect((state: GlobalState, props): SelectorProps => ({
   realm: getCurrentRealm(state),
   userStatusText: getUserStatusTextForUser(state, props.user.user_id),
 }))(AccountDetails);

src/chat/Chat.js

@@ -13,11 +13,16 @@ import styles from '../styles';
 import { canSendToNarrow } from '../utils/narrow';
 import { getShowMessagePlaceholders } from '../selectors';
 
+type SelectorProps = {|
+  canSend: boolean,
+|};
+
 type Props = {|
-  dispatch: Dispatch,
   /* $FlowFixMe: probably this shouldn't be optional */
   narrow?: Narrow,
-  canSend: boolean,
+
+  dispatch: Dispatch,
+  ...SelectorProps,
 |};
 
 const componentStyles = StyleSheet.create({
@@ -49,6 +54,6 @@ class Chat extends PureComponent<Props> {
   }
 }
 
-export default connect((state: GlobalState, props) => ({
+export default connect((state: GlobalState, props): SelectorProps => ({
   canSend: canSendToNarrow(props.narrow) && !getShowMessagePlaceholders(props.narrow)(state),
 }))(Chat);

src/compose/ComposeBox.js

@@ -60,6 +60,7 @@ type SelectorProps = {|
 
 type Props = {|
   narrow: Narrow,
+
   dispatch: Dispatch,
   ...SelectorProps,
 |};

src/emoji/EmojiRow.js

@@ -20,11 +20,16 @@ const styles = StyleSheet.create({
   },
 });
 
+type SelectorProps = {|
+  imageEmoji: ImageEmojiType | void,
+|};
+
 type Props = {|
-  dispatch: Dispatch,
   name: string,
-  imageEmoji: ImageEmojiType | void,
   onPress: (name: string) => void,
+
+  dispatch: Dispatch,
+  ...SelectorProps,
 |};
 
 class EmojiRow extends PureComponent<Props> {
@@ -49,6 +54,6 @@ class EmojiRow extends PureComponent<Props> {
   }
 }
 
-export default connect((state: GlobalState, props) => ({
+export default connect((state: GlobalState, props): SelectorProps => ({
   imageEmoji: getActiveImageEmojiByName(state)[props.name],
 }))(EmojiRow);

src/message/NoMessages.js

@@ -47,13 +47,18 @@ const messages: EmptyMessage[] = [
   { isFunc: isSearchNarrow, text: 'No messages' },
 ];
 
-type Props = {|
-  dispatch: Dispatch,
-  narrow: Narrow,
+type SelectorProps = {|
   showMessagePlaceholders: boolean,
   noMessages: boolean,
 |};
 
+type Props = {|
+  narrow: Narrow,
+
+  dispatch: Dispatch,
+  ...SelectorProps,
+|};
+
 class NoMessages extends PureComponent<Props> {
   render() {
     const { noMessages, showMessagePlaceholders, narrow } = this.props;
@@ -73,7 +78,7 @@ class NoMessages extends PureComponent<Props> {
   }
 }
 
-export default connect((state, props) => ({
+export default connect((state, props): SelectorProps => ({
   showMessagePlaceholders: getShowMessagePlaceholders(props.narrow)(state),
   noMessages: getIfNoMessages(props.narrow)(state),
 }))(NoMessages);

src/title-buttons/InfoNavButtonGroup.js

@@ -8,11 +8,16 @@ import { getRecipientsInGroupNarrow } from '../selectors';
 import NavButton from '../nav/NavButton';
 import { navigateToGroupDetails } from '../actions';
 
+type SelectorProps = {|
+  recipients: UserOrBot[],
+|};
+
 type Props = {|
-  dispatch: Dispatch,
   color: string,
   narrow: Narrow,
-  recipients: UserOrBot[],
+
+  dispatch: Dispatch,
+  ...SelectorProps,
 |};
 
 class InfoNavButtonGroup extends PureComponent<Props> {
@@ -28,6 +33,6 @@ class InfoNavButtonGroup extends PureComponent<Props> {
   }
 }
 
-export default connect((state, props) => ({
+export default connect((state, props): SelectorProps => ({
   recipients: getRecipientsInGroupNarrow(state, props.narrow),
 }))(InfoNavButtonGroup);

src/title/TitleStream.js

@@ -10,11 +10,16 @@ import { isTopicNarrow } from '../utils/narrow';
 import { getStreamInNarrow } from '../selectors';
 import styles from '../styles';
 
+type SelectorProps = {|
+  stream: Subscription | {| ...Stream, in_home_view: boolean |},
+|};
+
 type Props = {|
-  dispatch: Dispatch,
   narrow: Narrow,
-  stream: Subscription | {| ...Stream, in_home_view: boolean |},
   color: string,
+
+  dispatch: Dispatch,
+  ...SelectorProps,
 |};
 
 class TitleStream extends PureComponent<Props> {
@@ -57,6 +62,6 @@ class TitleStream extends PureComponent<Props> {
   }
 }
 
-export default connect((state, props) => ({
+export default connect((state, props): SelectorProps => ({
   stream: getStreamInNarrow(props.narrow)(state),
 }))(TitleStream);