merge with branch feature/diff_annotations

scm-ui-components/packages/ui-components/src/forms/Textarea.js

@@ -12,6 +12,7 @@ type Props = {
   label?: string,
   placeholder?: SelectItem[],
   value?: string,
+  autofocus?: boolean,
   onChange: (value: string, name?: string) => void,
   helpText?: string
 };
@@ -19,6 +20,12 @@ type Props = {
 class Textarea extends React.Component<Props> {
   field: ?HTMLTextAreaElement;
 
+  componentDidMount() {
+    if (this.props.autofocus && this.field) {
+      this.field.focus();
+    }
+  }
+
   handleInput = (event: SyntheticInputEvent<HTMLTextAreaElement>) => {
     this.props.onChange(event.target.value, this.props.name);
   };

scm-ui-components/packages/ui-components/src/repos/DiffFile.js

@@ -56,6 +56,12 @@ class DiffFile extends React.Component<Props, State> {
     }));
   };
 
+  setCollapse = (collapsed: boolean) => {
+    this.setState({
+      collapsed
+    });
+  };
+
   createHunkHeader = (hunk: Hunk, i: number) => {
     const { classes } = this.props;
     if (i > 0) {
@@ -166,7 +172,7 @@ class DiffFile extends React.Component<Props, State> {
       );
     }
 
-    const fileControls = fileControlFactory ? fileControlFactory(file) : null;
+    const fileControls = fileControlFactory ? fileControlFactory(file, this.setCollapse) : null;
     return (
       <div className={classNames("panel", classes.panel)}>
         <div className="panel-heading">

scm-ui-components/packages/ui-components/src/repos/DiffTypes.js

@@ -58,7 +58,7 @@ export type DiffEventContext = BaseContext & {
 
 export type DiffEventHandler = (context: DiffEventContext) => void;
 
-export type FileControlFactory = (file: File) => ?React.Node;
+export type FileControlFactory = (file: File, setCollapseState: (boolean) => void) => ?React.Node;
 
 export type DiffObjectProps = {
   sideBySide: boolean,