removed implicit any in lots of places

Author: thefringeninja

src/SqlStreamStoreBrowser.tsx

@@ -17,10 +17,10 @@ import theme from './theme';
 import { HalLink, HalLinks } from './types';
 import { mediaTypes } from './utils';
 
-const getSelfAlias = links =>
+const getSelfAlias = (links: HalLinks) =>
     Object.keys(links)
         .flatMap(rel => links[rel])
-        .filter(({ rel }) => rel.indexOf('streamStore:') === 0)
+        .filter(({ rel }) => rel && rel.indexOf('streamStore:') === 0)
         .filter(
             ({ rel, href }) =>
                 !!links.self.filter(link => link.href === href).length,
@@ -62,7 +62,11 @@ const onNavigate = (link: HalLink, authorization: string | undefined) =>
     link.href.indexOf('#') === -1 &&
     actions.get.request.next({ link, headers: { authorization } });
 
-const initialNavigation = ({ authorization }) =>
+const initialNavigation = ({
+    authorization,
+}: {
+    authorization: string | undefined;
+}) =>
     onNavigate(
         { href: window.location.href, type: mediaTypes.any },
         authorization,

src/components/AuthorizationProvider.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, StatelessComponent } from 'react';
+import React, { ComponentType, ReactNode, StatelessComponent } from 'react';
 import getDisplayName from './getDisplayName';
 
 const { Consumer, Provider } = React.createContext<string | undefined>(
@@ -14,8 +14,8 @@ const AuthorizationProvider: StatelessComponent<{
 
 export default AuthorizationProvider;
 
-const withAuthorization = () => WrappedComponent => {
-    const Component = props => (
+const withAuthorization = () => (WrappedComponent: ComponentType) => {
+    const Component = (props: any) => (
         <Consumer>
             {authorization => (
                 <WrappedComponent {...props} authorization={authorization} />

src/components/HyperMediaControls/Dialog.tsx

@@ -5,17 +5,18 @@ import {
     DialogContent,
     DialogTitle,
     Slide,
+    Theme,
     withStyles,
     WithStyles,
 } from '@material-ui/core';
-import React, { PureComponent, StatelessComponent } from 'react';
-
 import { SlideProps } from '@material-ui/core/Slide';
+import React, { FormEvent, PureComponent, StatelessComponent } from 'react';
 import { HalLink } from '../../types';
 import RelIcon from '../RelIcon';
 import HelpButton from './HelpButton';
 import RelButton from './RelButton';
-const styles = theme => ({
+
+const styles = (theme: Theme) => ({
     button: {
         margin: theme.spacing.unit,
     },
@@ -53,7 +54,7 @@ export default withStyles(styles)(
                 open: false,
             });
 
-        _onSubmit = e => {
+        _onSubmit = (e: FormEvent) => {
             const { onSubmit } = this.props;
 
             e.preventDefault();

src/components/HyperMediaControls/FormButton.tsx

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import React, { FormEvent, PureComponent } from 'react';
 import { SchemaForm } from 'react-schema-form';
 import { HalLink, NavigatableProps } from '../../types';
 import { withAuthorization } from '../AuthorizationProvider';
@@ -11,12 +11,12 @@ const mapper = {
     uuid: UuidField,
 };
 
-const getValue = value => {
+const getValue = (value: FormEvent<HTMLInputElement>) => {
     if (typeof value === 'object') {
         try {
-            return JSON.parse(value.target.value);
+            return JSON.parse(value.currentTarget.value);
         } catch (e) {
-            return value.target.value;
+            return value.currentTarget.value;
         }
     }
 
@@ -60,7 +60,7 @@ class FormButton extends PureComponent<
         }
     };
 
-    _onModelChange = (key, value) => {
+    _onModelChange = (key: string, value: FormEvent<HTMLInputElement>) => {
         const { model, ...state } = this.state;
         this.setState({
             ...state,

src/components/HyperMediaControls/HelpButton.tsx

@@ -17,15 +17,15 @@ const getCurie = (rel: string, curies: HalLink[]): HalLink => {
     const [prefix, rest] = rel.split(':', 2);
 
     return !rest || rest.indexOf(':') !== -1
-        ? { href: rel }
+        ? { href: rel, rel }
         : curies
               .filter(({ name }) => name === prefix)
               .map(({ href, ...link }) => ({
                   ...link,
                   href: uriTemplate
                       .parse(decodeURI(href))
                       .expand({ rel: rest }),
-              }))[0] || { href: rel };
+              }))[0] || { href: rel, rel };
 };
 
 interface DocumentationProps {
@@ -88,8 +88,7 @@ class HelpButton extends PureComponent<HelpButtonProps, HelpButtonState> {
         disabled: false,
         ...getCurie(rel, curies),
     });
-    state = {
-        curies: [],
+    state: HelpButtonState = {
         disabled: true,
         documentation: '',
         href: '',

src/components/HyperMediaControls/LinkButton.tsx

@@ -1,5 +1,9 @@
 import { PropTypes, TextField } from '@material-ui/core';
-import React, { PureComponent, StatelessComponent } from 'react';
+import React, {
+    FormEventHandler,
+    PureComponent,
+    StatelessComponent,
+} from 'react';
 import uriTemplate from 'uri-template';
 import { HalLink, NavigatableProps } from '../../types';
 import { preventDefault } from '../../utils';
@@ -27,10 +31,14 @@ const TemplatedLinkButton: StatelessComponent<
     > {
         state = {};
 
-        _onChange = variable => ({ target }) =>
+        _onChange = (
+            variable: string,
+        ): FormEventHandler<
+            HTMLTextAreaElement | HTMLInputElement | HTMLSelectElement
+        > => ({ currentTarget }) =>
             this.setState({
                 ...this.state,
-                [variable]: target.value,
+                [variable]: currentTarget.value,
             });
 
         render() {

src/components/HyperMediaControls/RelButton.tsx

@@ -1,7 +1,6 @@
 import { Button } from '@material-ui/core';
 import { ButtonProps } from '@material-ui/core/Button';
-import { SvgIconProps } from '@material-ui/core/SvgIcon';
-import React, { ReactNode, StatelessComponent } from 'react';
+import React, { StatelessComponent } from 'react';
 import RelIcon from '../RelIcon';
 
 interface RelButtonProps {

src/components/HyperMediaControls/UuidField.tsx

@@ -6,7 +6,7 @@ import { SpaceBar } from '../Icons';
 import { FormInputProps } from './reactSchemaForms';
 
 class UuidField extends React.PureComponent<FormInputProps> {
-    constructor(props) {
+    constructor(props: FormInputProps) {
         super(props);
 
         const { model, form, setDefault } = this.props;

src/components/RelIcon.ts

@@ -1,5 +1,5 @@
 import { SvgIconProps } from '@material-ui/core/SvgIcon';
-import { createElement, ReactElement, StatelessComponent } from 'react';
+import { createElement, StatelessComponent } from 'react';
 import { rels } from '../stream-store';
 import {
     ChevronLeft,

src/components/StreamBrowser.tsx

@@ -3,6 +3,7 @@ import {
     List,
     ListItem,
     ListItemText,
+    Theme,
     Typography,
     WithStyles,
     withStyles,
@@ -12,7 +13,7 @@ import rels from '../stream-store/rels';
 import { HalResource } from '../types';
 import Hyperlink from './Hyperlink';
 
-const styles = theme => ({
+const styles = (theme: Theme) => ({
     browser: {
         padding: theme.spacing.unit * 2.5,
     },
@@ -36,7 +37,9 @@ const StreamBrowser: ComponentType<StreamBrowserProps> = withStyles(styles)(
             ) : streams.length ? (
                 <List>
                     {streams.map(({ _links }) => (
-                        <ListItem>
+                        <ListItem
+                            key={_links[rels.self].map(({ href }) => href)[0]}
+                        >
                             <ListItemText>
                                 <Hyperlink _links={_links} rel={rels.feed} />
                             </ListItemText>