Use recompose/pure instead of recompose so we don't include everything

frontend/src/metabase/components/List.jsx

@@ -2,7 +2,7 @@
 import React, { Component, PropTypes } from "react";
 
 import S from "./List.css";
-import { pure } from "recompose";
+import pure from "recompose/pure";
 
 const List = ({ children }) =>
     <ul className={S.list}>

frontend/src/metabase/components/Sidebar.jsx

@@ -8,7 +8,7 @@ import Breadcrumbs from "./Breadcrumbs.jsx";
 import LabelIcon from "./LabelIcon.jsx";
 
 import cx from 'classnames';
-import { pure } from "recompose";
+import pure from "recompose/pure";
 
 const Sidebar = ({
     sections,

frontend/src/metabase/questions/components/List.jsx

@@ -2,7 +2,7 @@
 import React, { Component, PropTypes } from "react";
 
 import S from "../components/List.css";
-import { pure } from "recompose";
+import pure from "recompose/pure";
 
 import EntityItem from "../containers/EntityItem.jsx";
 

frontend/src/metabase/questions/components/Sidebar.jsx

@@ -8,7 +8,7 @@ import LabelIcon from "metabase/components/LabelIcon.jsx";
 import LoadingAndErrorWrapper from "metabase/components/LoadingAndErrorWrapper.jsx";
 
 import cx from 'classnames';
-import { pure } from "recompose";
+import pure from "recompose/pure";
 
 const Sidebar = ({ sections, labels, labelsLoading, labelsError, style, className }) =>
     <div className={cx(S.sidebar, className)} style={style}>