Cleanup flow types and fix eslint errors

src/components/UiItemList/index.js

@@ -5,16 +5,9 @@ import {
   ListItem,
   ListItemIcon,
   ListItemSecondaryAction,
-  ListItemText,
-  ListSubheader
+  ListItemText
 } from "material-ui/List";
-import Switch from "material-ui/Switch";
 import { renderIcon } from "utils/parseIconName";
-import Input, { InputLabel } from "material-ui/Input";
-import { FormControl } from "material-ui/Form";
-import Select from "material-ui/Select";
-import { MenuItem } from "material-ui/Menu";
-import Button from "material-ui/Button";
 
 // TODO: Use something else
 import Slider from "material-ui-old/Slider";
@@ -57,31 +50,31 @@ export default class UiItemList extends React.Component<UiItemListProps> {
     switch (control.type) {
     case "toggle": {
       return <Toggle item={control}
-                state={this.props.state}
-                onChangeState={this.props.onChangeState} />;
+        state={this.props.state}
+        onChangeState={this.props.onChangeState} />;
     }
     case "dropDown": {
       return <DropDown item={control}
-                state={this.props.state}
-                onChangeState={this.props.onChangeState} />;
+        state={this.props.state}
+        onChangeState={this.props.onChangeState} />;
     }
     case "section": {
       return <Section item={control}
-                state={this.props.state}
-                onChangeState={this.props.onChangeState} />;
+        state={this.props.state}
+        onChangeState={this.props.onChangeState} />;
     }
     case "link": {
       return <Link item={control}
-                state={this.props.state}
-                onChangeState={this.props.onChangeState} />;
+        state={this.props.state}
+        onChangeState={this.props.onChangeState} />;
     }
     case "slider": {
       return this.renderSlider(control);
     }
     case "text": {
       return <Text item={control}
-                state={this.props.state}
-                onChangeState={this.props.onChangeState} />;
+        state={this.props.state}
+        onChangeState={this.props.onChangeState} />;
     }
     default: {
       throw new Error(
@@ -91,18 +84,7 @@ export default class UiItemList extends React.Component<UiItemListProps> {
     }
   }
 
-  isEnabled(control: ControlUI) {
-    const enableCondition = control.enableCondition;
-    if (enableCondition == null) {
-      return true;
-    } else {
-      const value = this.getValue(control);
-      return enableCondition(
-        value.internal || value.actual, value.actual, this.props.state);
-    }
-  }
-
-  getValue(control: ControlUI) {
+  getValue(control: UIControl) {
     const value = this.props.state[control.topic];
     if (value == null) {
       throw new Error(
@@ -112,77 +94,7 @@ export default class UiItemList extends React.Component<UiItemListProps> {
     return value;
   }
 
-  toggleSwitch(control: ControlUI, newState: boolean) {
-    this.props.onChangeState(control.topic,
-      newState ? (control.on || "on") : (control.off || "off"));
-  }
-
-  renderToggle(control: ControlUI) {
-    const value = this.getValue(control);
-    const isToggled = control.toggled || ((i) => i === (control.on || "on"));
-    const checked = isToggled(
-      value.internal || value.actual, value.actual, this.props.state);
-    return [
-      <ListItemText key="label" primary={control.text} />,
-      <ListItemSecondaryAction key="action">
-        <Switch label={control.text}
-          checked={checked}
-          onChange={(_event, state) => this.toggleSwitch(control, state)}
-          disabled={!this.isEnabled(control)} />
-      </ListItemSecondaryAction>
-    ];
-  }
-
-  changeDropDown(control: ControlUI, newState: string) {
-    this.props.onChangeState(control.topic, newState);
-  }
-
-  renderDropDown(control: ControlUI) {
-    const value = this.getValue(control);
-    const id = `${control.topic}-${control.name}`;
-    const options = control.options;
-    if (options == null) {
-      throw new Error(
-        `Parameter "options" missing for ${control.type} "${control.text}"`
-      );
-    }
-    return (
-      <FormControl>
-        <InputLabel htmlFor={id}>{control.text}</InputLabel>
-        <Select value={value.internal || value.actual}
-          onChange={(event) => this.changeDropDown(control, event.target.value)}
-          disabled={!this.isEnabled(control)}
-          input={<Input id={id} />}
-        >
-          {_.map(options, (v, k) => <MenuItem value={k} key={k}>{v}</MenuItem>)}
-        </Select>
-      </FormControl>
-    );
-  }
-
-  renderSection(control: ControlUI) {
-    return (
-      <ListSubheader key={control.text}>{control.text}</ListSubheader>
-    );
-  }
-
-  renderLink(control: ControlUI) {
-    if (control.link == null) {
-      throw new Error(
-        `Parameter "link" missing for ${control.type} "${control.text}"`
-      );
-    }
-    return (
-      <Button raised
-        onClick={() => window.open(control.link, "_blank")}
-        color="primary"
-      >
-        {control.text}
-      </Button>
-    );
-  }
-
-  renderSlider(control: ControlUI) {
+  renderSlider(control: UISlider) {
     const value = this.getValue(control);
     return [
       <ListItemText primary={control.text} key="text" />,