@atlaskit/emoji 67.0.4 → 67.0.5

package/dist/esm/components/picker/styles.js

@@ -1,15 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _css4, _css5, _css6;
-
 import { css } from '@emotion/react';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { emojiPickerBorderColor, emojiPickerBoxShadow } from '../../util/shared-styles';
 import { emojiSprite, placeholder, emojiNodeStyles } from '../common/styles';
 import { defaultEmojiPickerSize, emojiPickerHeight, emojiPickerHeightWithPreview, emojiPickerMinHeight, emojiPickerWidth } from '../../util/constants';
 import { B200, B300, N100A, N200, N30, N30A, N50, N900 } from '@atlaskit/theme/colors';
-import { emojiPickerHeightOffset } from './utils'; // Level 1 - picker
+import { emojiPickerHeightOffset } from './utils';
 
+// Level 1 - picker
 export var emojiPicker = function emojiPicker(hasPreview) {
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultEmojiPickerSize;
   var heightOffset = emojiPickerHeightOffset(size);
@@ -27,9 +26,11 @@ export var emojiPicker = function emojiPicker(hasPreview) {
     minWidth: "".concat(emojiPickerWidth, "px"),
     minHeight: "".concat(emojiPickerMinHeight + heightOffset, "px"),
     maxHeight: 'calc(80vh - 86px)' // ensure showing full picker in small device: mobile header is 40px (Jira) - 56px(Confluence and Atlas), reaction picker height is 24px with margin 6px,
-
   });
-}; // Level 2
+};
+
+// Level 2
+
 /// Category Selector
 
 export var addButton = 'emoji-picker-add-button';
@@ -81,7 +82,9 @@ export var categoryStyles = css((_css4 = {
   padding: 0
 }), _defineProperty(_css4, '&:hover', {
   color: "var(--ds-text-selected, ".concat(B200, ")")
-}), _css4)); /// EmojiPickerList
+}), _css4));
+
+/// EmojiPickerList
 
 export var emojiPickerList = css({
   display: 'flex',
@@ -89,13 +92,16 @@ export var emojiPickerList = css({
   flex: '1 1 auto',
   // To force Firefox/IE/Edge to shrink the list, if necessary (e.g. when upload panel in place)
   height: '0'
-}); // focus style is enabled by default - turn it off
+});
 
+// focus style is enabled by default - turn it off
 export var virtualList = css({
   '&:focus': {
     outline: 'none'
   }
-}); //// Search
+});
+
+//// Search
 
 export var searchIcon = css({
   opacity: 0.5
@@ -117,7 +123,9 @@ export var pickerSearch = css({
   boxSizing: 'border-box',
   padding: '10px 10px 11px 10px',
   width: '100%'
-}); //// Loading/Spinner
+});
+
+//// Loading/Spinner
 
 export var emojiPickerSpinner = css({
   display: 'flex',
@@ -128,7 +136,9 @@ export var emojiPickerSpinner = css({
   '>div': {
     flex: '0 0 auto'
   }
-}); //// Category/Result
+});
+
+//// Category/Result
 
 export var emojiPickerRow = css({
   marginLeft: '8px'
@@ -171,8 +181,9 @@ export var emojiItem = css((_css6 = {
 }), _defineProperty(_css6, "& .".concat(emojiNodeStyles, " > .").concat(emojiSprite), {
   height: '24px',
   width: '24px'
-}), _css6)); /// Footer
+}), _css6));
 
+/// Footer
 export var emojiPickerFooter = css({
   flex: '0 0 auto'
 });

package/dist/esm/components/picker/utils.js

@@ -5,6 +5,5 @@ export var emojiPickerHeightOffset = function emojiPickerHeightOffset(size) {
   } else if (size === 'large') {
     return sizeGap * 2;
   }
-
   return 0;
 };

package/dist/esm/components/typeahead/EmojiTypeAhead.js

@@ -8,83 +8,62 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["emojiProvider", "target", "position", "zIndex", "offsetX", "offsetY"];
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import debug from '../../util/logger';
 import LoadingEmojiComponent from '../common/LoadingEmojiComponent';
 import Popup from '../common/Popup';
-
 var emojiTypeAheadModuleLoader = function emojiTypeAheadModuleLoader() {
-  return import(
-  /* webpackChunkName:"@atlaskit-internal_emojiTypeAheadComponent" */
-  './EmojiTypeAheadComponent');
+  return import( /* webpackChunkName:"@atlaskit-internal_emojiTypeAheadComponent" */'./EmojiTypeAheadComponent');
 };
-
 var emojiTypeAheadComponentLoader = function emojiTypeAheadComponentLoader() {
   return emojiTypeAheadModuleLoader().then(function (module) {
     return module.default;
   });
 };
-
 var EmojiTypeahead = /*#__PURE__*/function (_LoadingEmojiComponen) {
   _inherits(EmojiTypeahead, _LoadingEmojiComponen);
-
   var _super = _createSuper(EmojiTypeahead);
-
   // state initialised with static component to prevent
   // rerender when the module has already been loaded
+
   function EmojiTypeahead(props) {
     var _this;
-
     _classCallCheck(this, EmojiTypeahead);
-
     _this = _super.call(this, props, {});
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       asyncLoadedComponent: EmojiTypeahead.AsyncLoadedComponent
     });
-
     _defineProperty(_assertThisInitialized(_this), "selectNext", function () {
       if (_this.refs.typeAhead) {
         _this.refs.typeAhead.selectNext();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "selectPrevious", function () {
       if (_this.refs.typeAhead) {
         _this.refs.typeAhead.selectPrevious();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "chooseCurrentSelection", function () {
       if (_this.refs.typeAhead) {
         _this.refs.typeAhead.chooseCurrentSelection();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "count", function () {
       if (_this.refs.typeAhead) {
         return _this.refs.typeAhead.count();
       }
-
       return 0;
     });
-
     return _this;
   }
-
   _createClass(EmojiTypeahead, [{
     key: "asyncLoadComponent",
     value: function asyncLoadComponent() {
       var _this2 = this;
-
       emojiTypeAheadComponentLoader().then(function (component) {
         EmojiTypeahead.AsyncLoadedComponent = component;
-
         _this2.setAsyncState(component);
       });
     }
@@ -92,22 +71,19 @@ var EmojiTypeahead = /*#__PURE__*/function (_LoadingEmojiComponen) {
     key: "renderLoaded",
     value: function renderLoaded(loadedEmojiProvider, EmojiTypeAheadComponent) {
       var _this$props = this.props,
-          emojiProvider = _this$props.emojiProvider,
-          target = _this$props.target,
-          position = _this$props.position,
-          zIndex = _this$props.zIndex,
-          offsetX = _this$props.offsetX,
-          offsetY = _this$props.offsetY,
-          otherProps = _objectWithoutProperties(_this$props, _excluded);
-
+        emojiProvider = _this$props.emojiProvider,
+        target = _this$props.target,
+        position = _this$props.position,
+        zIndex = _this$props.zIndex,
+        offsetX = _this$props.offsetX,
+        offsetY = _this$props.offsetY,
+        otherProps = _objectWithoutProperties(_this$props, _excluded);
       var typeAhead = /*#__PURE__*/React.createElement(EmojiTypeAheadComponent, _extends({}, otherProps, {
         emojiProvider: loadedEmojiProvider,
         ref: "typeAhead"
       }));
-
       if (position) {
         debug('target, position', target, position);
-
         if (target) {
           return /*#__PURE__*/React.createElement(Popup, {
             target: target,
@@ -117,17 +93,13 @@ var EmojiTypeahead = /*#__PURE__*/function (_LoadingEmojiComponen) {
             offsetY: offsetY,
             children: typeAhead
           });
-        } // don't show if we have a position, but no target yet
-
-
+        }
+        // don't show if we have a position, but no target yet
         return null;
       }
-
       return typeAhead;
     }
   }]);
-
   return EmojiTypeahead;
 }(LoadingEmojiComponent);
-
 export { EmojiTypeahead as default };

package/dist/esm/components/typeahead/EmojiTypeAheadComponent.js

@@ -5,17 +5,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 /** @jsx jsx */
 import { PureComponent } from 'react';
 import uuid from 'uuid';
@@ -29,27 +23,21 @@ import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { createRecordSelectionDefault } from '../common/RecordSelectionDefault';
 import EmojiList from './EmojiTypeAheadList';
 import { emojiTypeAhead } from './styles';
-
 var isFullShortName = function isFullShortName(query) {
   return query && query.length > 1 && query.charAt(0) === ':' && query.charAt(query.length - 1) === ':';
 };
-
 var uniqueExactShortNameMatchIndex = function uniqueExactShortNameMatchIndex(searchResult, query) {
   if (!query) {
     return undefined;
   }
-
   query = query.toLowerCase();
   var matchIndex;
   var index = 0;
-
   var _iterator = _createForOfIteratorHelper(searchResult.emojis),
-      _step;
-
+    _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var emoji = _step.value;
-
       if (query && emoji.shortName.toLowerCase() === query) {
         if (matchIndex === undefined) {
           matchIndex = index;
@@ -57,7 +45,6 @@ var uniqueExactShortNameMatchIndex = function uniqueExactShortNameMatchIndex(sea
           return;
         }
       }
-
       index++;
     }
   } catch (err) {
@@ -65,92 +52,68 @@ var uniqueExactShortNameMatchIndex = function uniqueExactShortNameMatchIndex(sea
   } finally {
     _iterator.f();
   }
-
   return matchIndex;
 };
-
 var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
   _inherits(EmojiTypeAheadComponent, _PureComponent);
-
   var _super = _createSuper(EmojiTypeAheadComponent);
-
   function EmojiTypeAheadComponent(props) {
     var _this;
-
     _classCallCheck(this, EmojiTypeAheadComponent);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "emojiListRef", null);
-
     _defineProperty(_assertThisInitialized(_this), "openTime", 0);
-
     _defineProperty(_assertThisInitialized(_this), "renderStartTime", 0);
-
     _defineProperty(_assertThisInitialized(_this), "selectNext", function () {
       if (_this.emojiListRef) {
         _this.emojiListRef.selectNext();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "selectPrevious", function () {
       if (_this.emojiListRef) {
         _this.emojiListRef.selectPrevious();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "chooseCurrentSelection", function () {
       _this.pressed = true;
-
       if (_this.emojiListRef) {
         _this.emojiListRef.chooseCurrentSelection();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "count", function () {
       var emojis = _this.state.emojis;
       return emojis && emojis.length || 0;
     });
-
     _defineProperty(_assertThisInitialized(_this), "getTone", function (tone) {
       return typeof tone === 'undefined' ? undefined : tone >= 0 && tone <= 5 ? ['default', 'light', 'mediumLight', 'medium', 'mediumDark', 'dark'][tone] : undefined;
     });
-
     _defineProperty(_assertThisInitialized(_this), "onSearchResult", function (result) {
       var emojis = result.emojis,
-          query = result.query;
+        query = result.query;
       var wasVisible = _this.state.visible;
       var visible = emojis.length > 0;
-
       _this.fireAnalyticsEvent(typeaheadRenderedEvent(Date.now() - _this.renderStartTime, query, emojis));
-
       ufoExperiences['emoji-searched'].success({
         metadata: {
           emojisLength: emojis.length
         }
       });
       debug('emoji-typeahead.applyPropChanges', emojis.length, wasVisible, visible);
-
       _this.setState({
         emojis: emojis,
         visible: visible,
         loading: false
       });
-
       if (isFullShortName(query)) {
         var matchIndex = uniqueExactShortNameMatchIndex(result, query);
-
         if (matchIndex !== undefined) {
           var onSelect = createRecordSelectionDefault(_this.props.emojiProvider, _this.props.onSelection, function (analytic) {
             return _this.fireAnalyticsEvent(analytic('typeahead'));
           });
-
           _this.fireSelectionEvent(result.emojis[matchIndex], true);
-
           onSelect(toEmojiId(result.emojis[matchIndex]), result.emojis[matchIndex]);
         }
       }
-
       if (wasVisible !== visible) {
         if (visible) {
           if (_this.props.onOpen) {
@@ -163,25 +126,20 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onProviderChange", {
       result: _this.onSearchResult
     });
-
     _defineProperty(_assertThisInitialized(_this), "onEmojiListRef", function (ref) {
       _this.emojiListRef = ref;
     });
-
     _this.state = {
       visible: true,
       emojis: [],
       loading: true
     };
-
     if (_this.props.onOpen) {
       _this.props.onOpen();
     }
-
     _this.openTime = Date.now();
     _this.renderStartTime = _this.openTime;
     _this.selectedTone = props.emojiProvider.getSelectedTone();
@@ -190,7 +148,6 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
     _this.selected = false;
     return _this;
   }
-
   _createClass(EmojiTypeAheadComponent, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -202,15 +159,13 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$props = this.props,
-          emojiProvider = _this$props.emojiProvider,
-          query = _this$props.query;
+        emojiProvider = _this$props.emojiProvider,
+        query = _this$props.query;
       var emojis = this.state.emojis;
       emojiProvider.unsubscribe(this.onProviderChange);
-
       if (!this.selected) {
         this.fireAnalyticsEvent(typeaheadCancelledEvent(Date.now() - this.openTime, query, emojis));
       }
-
       ufoExperiences['emoji-searched'].abort({
         metadata: {
           source: 'EmojiTypeAheadComponent',
@@ -233,7 +188,6 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var prevEmojiProvider = this.props.emojiProvider;
       var nextEmojiProvider = nextProps.emojiProvider;
-
       if (prevEmojiProvider !== nextEmojiProvider) {
         prevEmojiProvider.unsubscribe(this.onProviderChange);
         nextEmojiProvider.subscribe(this.onProviderChange);
@@ -248,7 +202,6 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
       if (!this.props.createAnalyticsEvent) {
         return;
       }
-
       payload.attributes.sessionId = this.sessionId;
       this.props.createAnalyticsEvent(payload).fire('fabric-elements');
     }
@@ -256,20 +209,18 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
     key: "onSearch",
     value: function onSearch(query) {
       var _this$props2 = this.props,
-          emojiProvider = _this$props2.emojiProvider,
-          listLimit = _this$props2.listLimit;
+        emojiProvider = _this$props2.emojiProvider,
+        listLimit = _this$props2.listLimit;
       var options = {
         limit: listLimit || defaultListLimit,
         skinTone: this.selectedTone
       };
-
       if (query && query.replace(':', '').length > 0) {
         options.sort = SearchSort.Default;
       } else {
         // if empty query (i.e. typeahead triggered only) then only sort by usage
         options.sort = SearchSort.UsageFrequency;
       }
-
       ufoExperiences['emoji-searched'].start();
       ufoExperiences['emoji-searched'].addMetadata({
         queryLength: (query === null || query === void 0 ? void 0 : query.length) || 0,
@@ -290,13 +241,11 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props3 = this.props,
-          emojiProvider = _this$props3.emojiProvider,
-          onSelection = _this$props3.onSelection;
+        emojiProvider = _this$props3.emojiProvider,
+        onSelection = _this$props3.onSelection;
       var recordUsageOnSelection = createRecordSelectionDefault(emojiProvider, function (emojiId, emoji, event) {
         _this2.fireSelectionEvent(emoji);
-
         if (onSelection) {
           onSelection(emojiId, emoji, event);
         }
@@ -304,9 +253,9 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
         return _this2.fireAnalyticsEvent(analytic('typeahead'));
       });
       var _this$state = this.state,
-          visible = _this$state.visible,
-          emojis = _this$state.emojis,
-          loading = _this$state.loading;
+        visible = _this$state.visible,
+        emojis = _this$state.emojis,
+        loading = _this$state.loading;
       var style = {
         display: visible ? 'block' : 'none'
       };
@@ -324,15 +273,12 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
       })));
     }
   }]);
-
   return EmojiTypeAheadComponent;
 }(PureComponent);
-
 _defineProperty(EmojiTypeAheadComponent, "defaultProps", {
   onSelection: function onSelection() {},
   onOpen: function onOpen() {},
   onClose: function onClose() {},
   listLimit: defaultListLimit
 });
-
 export { EmojiTypeAheadComponent as default };

package/dist/esm/components/typeahead/EmojiTypeAheadItem.js

@@ -5,11 +5,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -19,54 +16,42 @@ import { leftClick } from '../../util/mouse';
 import { EmojiPreviewComponent } from '../common/EmojiPreviewComponent';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { typeAheadItem, selected as selectedStyles, typeAheadItemRow, typeaheadSelected } from './styles';
-
 var EmojiTypeAheadItem = /*#__PURE__*/function (_PureComponent) {
   _inherits(EmojiTypeAheadItem, _PureComponent);
-
   var _super = _createSuper(EmojiTypeAheadItem);
-
   function EmojiTypeAheadItem() {
     var _this;
-
     _classCallCheck(this, EmojiTypeAheadItem);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "onEmojiSelected", function (event) {
       var _this$props = _this.props,
-          emoji = _this$props.emoji,
-          onSelection = _this$props.onSelection;
-
+        emoji = _this$props.emoji,
+        onSelection = _this$props.onSelection;
       if (leftClick(event) && onSelection) {
         event.preventDefault();
         onSelection(toEmojiId(emoji), emoji, event);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onEmojiMenuItemMouseMove", function (event) {
       var _this$props2 = _this.props,
-          emoji = _this$props2.emoji,
-          onMouseMove = _this$props2.onMouseMove;
-
+        emoji = _this$props2.emoji,
+        onMouseMove = _this$props2.onMouseMove;
       if (onMouseMove) {
         onMouseMove(toEmojiId(emoji), emoji, event);
       }
     });
-
     return _this;
   }
-
   _createClass(EmojiTypeAheadItem, [{
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
-          selected = _this$props3.selected,
-          emoji = _this$props3.emoji,
-          emojiProvider = _this$props3.emojiProvider;
+        selected = _this$props3.selected,
+        emoji = _this$props3.emoji,
+        emojiProvider = _this$props3.emojiProvider;
       var classes = [typeAheadItem, selected && selectedStyles];
       return jsx(EmojiCommonProvider, {
         emojiProvider: emojiProvider
@@ -83,8 +68,6 @@ var EmojiTypeAheadItem = /*#__PURE__*/function (_PureComponent) {
       }))));
     }
   }]);
-
   return EmojiTypeAheadItem;
 }(PureComponent);
-
 export { EmojiTypeAheadItem as default };