Don’t sort frequent emojis by default

src/components/picker/nimble-picker.js

@@ -289,7 +289,7 @@ export default class NimblePicker extends React.PureComponent {
     var component = this.categoryRefs['category-1']
     if (component) {
       let maxMargin = component.maxMargin
-      if (!this.props.disableFrequentEmojiSort) {
+      if (this.props.enableFrequentEmojiSort) {
         component.forceUpdate()
       }
 
@@ -525,7 +525,6 @@ export default class NimblePicker extends React.PureComponent {
         exclude,
         recent,
         autoFocus,
-        disableFrequentEmojiSort,
         skinEmoji,
         notFound,
         notFoundEmoji,

src/utils/shared-default-props.js

@@ -37,7 +37,7 @@ const PickerDefaultProps = {
   ),
   emojiTooltip: EmojiDefaultProps.tooltip,
   autoFocus: false,
-  disableFrequentEmojiSort: false,
+  enableFrequentEmojiSort: false,
   custom: [],
   skinEmoji: '',
   notFound: () => {},

src/utils/shared-props.js

@@ -43,7 +43,7 @@ const PickerPropTypes = {
   exclude: PropTypes.arrayOf(PropTypes.string),
   recent: PropTypes.arrayOf(PropTypes.string),
   autoFocus: PropTypes.bool,
-  disableFrequentEmojiSort: PropTypes.bool,
+  enableFrequentEmojiSort: PropTypes.bool,
   custom: PropTypes.arrayOf(
     PropTypes.shape({
       name: PropTypes.string.isRequired,

stories/index.js

@@ -56,6 +56,7 @@ storiesOf('Picker', module)
       color={color('Highlight color', '#ae65c5')}
       showPreview={boolean('Show preview', true)}
       showSkinTones={boolean('Show skin tones', true)}
+      enableFrequentEmojiSort={boolean('Enable frequent sort', false)}
       custom={CUSTOM_EMOJIS}
     />
   ))
@@ -74,28 +75,6 @@ storiesOf('Picker', module)
     />
   ))
 
-  .add('Pause Frequent Emoji Sort', () => (
-    <Picker
-      disableFrequentEmojiSort={boolean('Unicode', true)}
-      onClick={action('clicked')}
-      onSelect={action('selected')}
-      onSkinChange={action('skin changed')}
-      native={boolean('Unicode', true)}
-      darkMode={boolean('Dark mode', false)}
-      set={select('Emoji pack', SETS, SETS[0])}
-      emojiSize={number('Emoji size', 24)}
-      perLine={number('Per line', 9)}
-      title={text('Idle text', 'Your Title Here')}
-      emoji={text('Idle emoji', 'department_store')}
-      notFoundEmoji={text('Not found emoji', 'sleuth_or_spy')}
-      defaultSkin={number('Default skin tone', 1)}
-      color={color('Highlight color', '#ae65c5')}
-      showPreview={boolean('Show preview', true)}
-      showSkinTones={boolean('Show skin tones', true)}
-      custom={CUSTOM_EMOJIS}
-    />
-  ))
-
   .add('Custom category icons', () => (
     <Picker
       custom={CUSTOM_EMOJIS}