Fix circular dependencies

src/components/category.js

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import {frequently} from '../utils'
+import frequently from '../utils/frequently'
 import {Emoji} from '.'
 
 const LABELS = {

src/components/picker.js

@@ -3,7 +3,9 @@ import '../vendor/raf-polyfill'
 import React from 'react'
 import data from '../../data'
 
-import {store, frequently} from '../utils'
+import store from '../utils/store'
+import frequently from '../utils/frequently'
+
 import {Anchors, Category, Preview, Search} from '.'
 
 const RECENT_CATEGORY = { name: 'Recent', emojis: null }

src/components/search.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import {emojiIndex} from '../utils'
+import emojiIndex from '../utils/emoji-index'
 
 export default class Search extends React.Component {
   handleChange() {

src/index.js

@@ -1,9 +1,5 @@
-export {
+import emojiIndex from './utils/emoji-index'
-  Picker,
+import store from './utils/store'
-  Emoji,
-} from './components'
 
-export {
+export { Picker, Emoji } from './components'
-  emojiIndex,
+export { emojiIndex, store }
-  store,
-} from './utils'

src/utils/frequently.js

@@ -1,4 +1,4 @@
-import {store} from '.'
+import store from './store'
 
 let frequently = store.get('frequently') || {}
 

src/utils/index.js

@@ -67,8 +67,4 @@ function getData(emoji, skin, sheetURL) {
   return emojiData
 }
 
-export {default as store} from './store'
-export {default as emojiIndex} from './emoji-index'
-export {default as frequently} from './frequently'
-
 export { getData, getSanitizedData }