Flow for all the files

frontend/scenes/DocumentScene/components/Sidebar/Sidebar.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+// @flow
+import React from 'react';
 import { observer } from 'mobx-react';
 
 import { Flex } from 'reflexbox';
@@ -11,22 +12,25 @@ const cx = classNames.bind(styles);
 
 import SidebarStore from './SidebarStore';
 
-@observer class Sidebar extends React.Component {
-  static propTypes = {
-    open: PropTypes.bool,
-    onToggle: PropTypes.func.isRequired,
-    navigationTree: PropTypes.object.isRequired,
-    onNavigationUpdate: PropTypes.func.isRequired,
-    onNodeCollapse: PropTypes.func.isRequired,
-  };
+type Props = {
+  open?: boolean,
+  onToggle: Function,
+  navigationTree: Object,
+  onNavigationUpdate: Function,
+  onNodeCollapse: Function,
+};
 
-  constructor(props) {
+@observer class Sidebar extends React.Component {
+  props: Props;
+  store: SidebarStore;
+
+  constructor(props: Props) {
     super(props);
 
     this.store = new SidebarStore();
   }
 
-  toggleEdit = e => {
+  toggleEdit = (e: MouseEvent) => {
     e.preventDefault();
     this.store.toggleEdit();
   };

frontend/scenes/DocumentScene/components/Sidebar/SidebarStore.js

@@ -1,3 +1,4 @@
+// @flow
 import { observable, action } from 'mobx';
 
 class SidebarStore {

frontend/scenes/DocumentScene/components/Sidebar/components/Separator/Separator.js

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 
 import styles from './Separator.scss';

frontend/scenes/DocumentScene/components/Sidebar/components/Separator/index.js

@@ -1,2 +1,3 @@
+// @flow
 import Separator from './Separator';
 export default Separator;

frontend/scenes/DocumentScene/components/Sidebar/index.js

@@ -1,2 +1,3 @@
+// @flow
 import Sidebar from './Sidebar';
 export default Sidebar;