@atlaskit/emoji 67.0.4 → 67.0.6

package/dist/cjs/components/picker/EmojiPickerEmojiRow.js

@@ -1,33 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _CachingEmoji = _interopRequireDefault(require("../common/CachingEmoji"));
-
 var _styles = require("./styles");
-
 /** @jsx jsx */
+
 var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
   var emojis = _ref.emojis,
-      onSelected = _ref.onSelected,
-      onMouseMove = _ref.onMouseMove,
-      title = _ref.title,
-      showDelete = _ref.showDelete,
-      onDelete = _ref.onDelete;
+    onSelected = _ref.onSelected,
+    onMouseMove = _ref.onMouseMove,
+    title = _ref.title,
+    showDelete = _ref.showDelete,
+    onDelete = _ref.onDelete;
   return (0, _react2.jsx)("div", {
     css: _styles.emojiPickerRow
   }, emojis.map(function (emoji) {
     var shortName = emoji.shortName,
-        id = emoji.id;
+      id = emoji.id;
     var key = id ? "".concat(id, "-").concat(title) : "".concat(shortName, "-").concat(title);
     return (0, _react2.jsx)("span", {
       css: _styles.emojiItem,
@@ -44,7 +39,5 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
     }));
   }));
 };
-
 var _default = /*#__PURE__*/(0, _react.memo)(EmojiPickerEmojiRow);
-
 exports.default = _default;

package/dist/cjs/components/picker/EmojiPickerFooter.js

@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.emojiPickerFooterTestId = exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _EmojiPreviewComponent = require("../common/EmojiPreviewComponent");
-
 var _styles = require("./styles");
-
 /** @jsx jsx */
+
 var previewFooterClassnames = [_styles.emojiPickerFooter, _styles.emojiPickerFooterWithTopShadow];
 var emojiPickerFooterTestId = 'emoji-picker-footer';
 exports.emojiPickerFooterTestId = emojiPickerFooterTestId;
-
 var EmojiPickerFooter = function EmojiPickerFooter(_ref) {
   var selectedEmoji = _ref.selectedEmoji;
   return (0, _react2.jsx)("div", {
@@ -27,7 +22,5 @@ var EmojiPickerFooter = function EmojiPickerFooter(_ref) {
     emoji: selectedEmoji
   }));
 };
-
 var _default = /*#__PURE__*/(0, _react.memo)(EmojiPickerFooter);
-
 exports.default = _default;

package/dist/cjs/components/picker/EmojiPickerList.js

@@ -1,79 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RENDER_EMOJI_PICKER_LIST_TESTID = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("../../util/constants");
-
 var _categories = require("./categories");
-
 var _CategoryTracker = _interopRequireDefault(require("./CategoryTracker"));
-
 var _EmojiPickerSizes = require("./EmojiPickerSizes");
-
 var _EmojiPickerVirtualItems = require("./EmojiPickerVirtualItems");
-
 var _EmojiActions = _interopRequireDefault(require("../common/EmojiActions"));
-
 var _styles = require("./styles");
-
 var _utils = require("./utils");
-
 var _VirtualList = require("./VirtualList");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 /**
  * Test id for wrapper Emoji Picker List div
  */
 var RENDER_EMOJI_PICKER_LIST_TESTID = 'render-emoji-picker-list';
 exports.RENDER_EMOJI_PICKER_LIST_TESTID = RENDER_EMOJI_PICKER_LIST_TESTID;
 var categoryClassname = 'emoji-category';
-
 var byOrder = function byOrder(orderableA, orderableB) {
   return (orderableA.order || 0) - (orderableB.order || 0);
 };
-
 var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(EmojiPickerVirtualList, _PureComponent);
-
   var _super = _createSuper(EmojiPickerVirtualList);
-
   function EmojiPickerVirtualList(_props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, EmojiPickerVirtualList);
     _this = _super.call(this, _props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "virtualItems", []);
@@ -90,8 +59,8 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildVirtualItemFromGroup", function (group) {
       var _this$props = _this.props,
-          onEmojiSelected = _this$props.onEmojiSelected,
-          onEmojiDelete = _this$props.onEmojiDelete;
+        onEmojiSelected = _this$props.onEmojiSelected,
+        onEmojiDelete = _this$props.onEmojiDelete;
       var items = [];
       items.push(new _EmojiPickerVirtualItems.CategoryHeadingItem({
         id: group.category,
@@ -99,7 +68,6 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
         className: categoryClassname
       }));
       var remainingEmojis = group.emojis;
-
       while (remainingEmojis.length > 0) {
         var rowEmojis = remainingEmojis.slice(0, _EmojiPickerSizes.sizes.emojiPerRow);
         remainingEmojis = remainingEmojis.slice(_EmojiPickerSizes.sizes.emojiPerRow);
@@ -112,23 +80,20 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
           onMouseMove: _this.onEmojiMouseEnter
         }));
       }
-
       return items;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildVirtualItems", function (props, _state) {
       var emojis = props.emojis,
-          loading = props.loading,
-          query = props.query;
+        loading = props.loading,
+        query = props.query;
       var items = [];
-
       _this.categoryTracker.reset();
-
       if (loading) {
         items.push(new _EmojiPickerVirtualItems.LoadingItem());
       } else {
         if (query) {
-          var search = _categories.CategoryDescriptionMap.SEARCH; // Only a single "result" category
-
+          var search = _categories.CategoryDescriptionMap.SEARCH;
+          // Only a single "result" category
           items = [].concat((0, _toConsumableArray2.default)(items), (0, _toConsumableArray2.default)(_this.buildVirtualItemFromGroup({
             category: 'SEARCH',
             title: search.name,
@@ -137,26 +102,23 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
           })));
         } else {
           // Group by category
+
           // Not searching show in categories.
           _this.allEmojiGroups.forEach(function (group) {
             // Optimisation - avoid re-rendering unaffected groups for the current selectedShortcut
             // by not passing it to irrelevant groups
             _this.categoryTracker.add(group.emojis[0].category, items.length);
-
             items = [].concat((0, _toConsumableArray2.default)(items), (0, _toConsumableArray2.default)(_this.buildVirtualItemFromGroup(group)));
           });
         }
       }
-
       var rowCountChanged = _this.virtualItems.length !== items.length;
       _this.virtualItems = items;
       var list = _this.refs.list;
-
       if (!rowCountChanged && list) {
         // Row count has not changed, so need to tell list to rerender.
         list.forceUpdateGrid();
       }
-
       if (!query && list) {
         // VirtualList can apply stale heights since it performs a shallow
         // compare to check if the list has changed. Should manually recompute
@@ -174,19 +136,16 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
           order: categoryDefinition.order
         };
       }
-
       categoryToGroupMap[category].emojis.push(emoji);
       return categoryToGroupMap;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "groupByCategory", function (currentUser) {
       return function (categoryToGroupMap, emoji) {
-        _this.addToCategoryMap(categoryToGroupMap, emoji, emoji.category); // separate user emojis
-
-
+        _this.addToCategoryMap(categoryToGroupMap, emoji, emoji.category);
+        // separate user emojis
         if (emoji.category === _constants.customCategory && currentUser && emoji.creatorUserId === currentUser.id) {
           _this.addToCategoryMap(categoryToGroupMap, emoji, 'USER_CUSTOM');
         }
-
         return categoryToGroupMap;
       };
     });
@@ -198,7 +157,6 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
         if (group.category !== 'FREQUENT') {
           group.emojis.sort(byOrder);
         }
-
         return group;
       }).sort(byOrder);
     });
@@ -206,29 +164,27 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
       if (_this.refs.root) {
         var root = _this.refs.root;
         var display = root.style.display;
-        root.style.display = 'none'; // we need to access offset to force repaint
-        // eslint-disable-next-line no-unused-expressions
+        root.style.display = 'none';
 
+        // we need to access offset to force repaint
+        // eslint-disable-next-line no-unused-expressions
         root.offsetHeight;
         root.style.display = display;
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "checkCategoryIdChange", function (indexes) {
-      var startIndex = indexes.startIndex; // FS-1844 Fix a rendering problem when scrolling to the top
+      var startIndex = indexes.startIndex;
 
+      // FS-1844 Fix a rendering problem when scrolling to the top
       if (startIndex === 0) {
         _this.repaintList();
       }
-
       if (!_this.props.query) {
         // Calculate category in view - only relevant if categories shown, i.e. no query
         var list = _this.refs.list;
-
         var currentCategory = _this.categoryTracker.findNearestCategoryAbove(startIndex, list);
-
         if (currentCategory && _this.activeCategoryId !== currentCategory) {
           _this.activeCategoryId = currentCategory;
-
           if (_this.props.onCategoryActivated) {
             _this.props.onCategoryActivated(currentCategory);
           }
@@ -237,20 +193,15 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "rowSize", function (index) {
       var _this$virtualItems$in;
-
       return ((_this$virtualItems$in = _this.virtualItems[index]) === null || _this$virtualItems$in === void 0 ? void 0 : _this$virtualItems$in.height) || _EmojiPickerSizes.sizes.categoryHeadingHeight;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderRow", function (context) {
       return (0, _EmojiPickerVirtualItems.virtualItemRenderer)(_this.virtualItems, context);
     });
-
     _this.buildEmojiGroupedByCategory(_props.emojis, _props.currentUser);
-
     _this.buildVirtualItems(_props, _this.state);
-
     return _this;
   }
-
   (0, _createClass2.default)(EmojiPickerVirtualList, [{
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(nextProps, nextState) {
@@ -259,7 +210,6 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
           // Only refresh if no query
           this.buildEmojiGroupedByCategory(nextProps.emojis, nextProps.currentUser);
         }
-
         this.buildVirtualItems(nextProps, nextState);
       }
     }
@@ -284,24 +234,24 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          query = _this$props2.query,
-          selectedTone = _this$props2.selectedTone,
-          onToneSelected = _this$props2.onToneSelected,
-          onToneSelectorCancelled = _this$props2.onToneSelectorCancelled,
-          toneEmoji = _this$props2.toneEmoji,
-          uploading = _this$props2.uploading,
-          uploadEnabled = _this$props2.uploadEnabled,
-          emojiToDelete = _this$props2.emojiToDelete,
-          initialUploadName = _this$props2.initialUploadName,
-          uploadErrorMessage = _this$props2.uploadErrorMessage,
-          onUploadCancelled = _this$props2.onUploadCancelled,
-          onUploadEmoji = _this$props2.onUploadEmoji,
-          onCloseDelete = _this$props2.onCloseDelete,
-          onDeleteEmoji = _this$props2.onDeleteEmoji,
-          onFileChooserClicked = _this$props2.onFileChooserClicked,
-          onOpenUpload = _this$props2.onOpenUpload,
-          _this$props2$size = _this$props2.size,
-          size = _this$props2$size === void 0 ? _constants.defaultEmojiPickerSize : _this$props2$size;
+        query = _this$props2.query,
+        selectedTone = _this$props2.selectedTone,
+        onToneSelected = _this$props2.onToneSelected,
+        onToneSelectorCancelled = _this$props2.onToneSelectorCancelled,
+        toneEmoji = _this$props2.toneEmoji,
+        uploading = _this$props2.uploading,
+        uploadEnabled = _this$props2.uploadEnabled,
+        emojiToDelete = _this$props2.emojiToDelete,
+        initialUploadName = _this$props2.initialUploadName,
+        uploadErrorMessage = _this$props2.uploadErrorMessage,
+        onUploadCancelled = _this$props2.onUploadCancelled,
+        onUploadEmoji = _this$props2.onUploadEmoji,
+        onCloseDelete = _this$props2.onCloseDelete,
+        onDeleteEmoji = _this$props2.onDeleteEmoji,
+        onFileChooserClicked = _this$props2.onFileChooserClicked,
+        onOpenUpload = _this$props2.onOpenUpload,
+        _this$props2$size = _this$props2.size,
+        size = _this$props2$size === void 0 ? _constants.defaultEmojiPickerSize : _this$props2$size;
       return (0, _react2.jsx)("div", {
         ref: "root",
         css: _styles.emojiPickerList,
@@ -339,7 +289,6 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
   }]);
   return EmojiPickerVirtualList;
 }(_react.PureComponent);
-
 exports.default = EmojiPickerVirtualList;
 (0, _defineProperty2.default)(EmojiPickerVirtualList, "defaultProps", {
   onEmojiSelected: function onEmojiSelected() {},

package/dist/cjs/components/picker/EmojiPickerListSearch.js

@@ -1,79 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.emojiPickerSearchTestId = exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
-
 var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/search"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _i18n = require("../i18n");
-
 var _styles = require("./styles");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 var emojiPickerSearchTestId = 'emoji-picker-serach';
 exports.emojiPickerSearchTestId = emojiPickerSearchTestId;
-
 var EmojiPickerListSearch = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(EmojiPickerListSearch, _PureComponent);
-
   var _super = _createSuper(EmojiPickerListSearch);
-
   function EmojiPickerListSearch() {
     var _this;
-
     (0, _classCallCheck2.default)(this, EmojiPickerListSearch);
-
     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));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBlur", function () {
-      var activeElement = document.activeElement; // Input lost focus to emoji picker container (happens in IE11 when updating search results)
+      var activeElement = document.activeElement;
+      // Input lost focus to emoji picker container (happens in IE11 when updating search results)
       // See FS-2111
-
       if (activeElement instanceof HTMLElement && activeElement.getAttribute('data-emoji-picker-container')) {
         _this.restoreInputFocus();
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (e) {
       _this.saveInputSelection();
-
       _this.props.onChange(e);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focusInput", function () {
@@ -87,28 +59,23 @@ var EmojiPickerListSearch = /*#__PURE__*/function (_PureComponent) {
         // setting the focus to search input.
         // see FS-2056
         _this.inputRef = input;
-
         if (typeof window === 'undefined') {
           return;
         }
-
         window.requestAnimationFrame(_this.focusInput);
       }
     });
     return _this;
   }
-
   (0, _createClass2.default)(EmojiPickerListSearch, [{
     key: "saveInputSelection",
     value: function saveInputSelection() {
       this.inputSelection = undefined;
-
       if (this.inputRef) {
         var _this$inputRef = this.inputRef,
-            selectionStart = _this$inputRef.selectionStart,
-            selectionEnd = _this$inputRef.selectionEnd,
-            selectionDirection = _this$inputRef.selectionDirection;
-
+          selectionStart = _this$inputRef.selectionStart,
+          selectionEnd = _this$inputRef.selectionEnd,
+          selectionDirection = _this$inputRef.selectionDirection;
         if (selectionStart && selectionEnd && selectionDirection) {
           this.inputSelection = {
             selectionStart: selectionStart,
@@ -122,12 +89,11 @@ var EmojiPickerListSearch = /*#__PURE__*/function (_PureComponent) {
     key: "restoreInputFocus",
     value: function restoreInputFocus() {
       this.focusInput();
-
       if (this.inputSelection && this.inputRef && this.inputRef.setSelectionRange) {
         var _this$inputSelection = this.inputSelection,
-            selectionStart = _this$inputSelection.selectionStart,
-            selectionEnd = _this$inputSelection.selectionEnd,
-            selectionDirection = _this$inputSelection.selectionDirection;
+          selectionStart = _this$inputSelection.selectionStart,
+          selectionEnd = _this$inputSelection.selectionEnd,
+          selectionDirection = _this$inputSelection.selectionDirection;
         this.inputRef.setSelectionRange(selectionStart, selectionEnd, selectionDirection);
       }
     }
@@ -135,9 +101,9 @@ var EmojiPickerListSearch = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          style = _this$props.style,
-          query = _this$props.query,
-          intl = _this$props.intl;
+        style = _this$props.style,
+        query = _this$props.query,
+        intl = _this$props.intl;
       var formatMessage = intl.formatMessage;
       return (0, _react2.jsx)("div", {
         css: _styles.pickerSearch,
@@ -164,11 +130,8 @@ var EmojiPickerListSearch = /*#__PURE__*/function (_PureComponent) {
   }]);
   return EmojiPickerListSearch;
 }(_react.PureComponent);
-
 (0, _defineProperty2.default)(EmojiPickerListSearch, "defaultProps", {
   style: {}
 });
-
 var _default = (0, _reactIntlNext.injectIntl)(EmojiPickerListSearch);
-
 exports.default = _default;

package/dist/cjs/components/picker/EmojiPickerSizes.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sizes = void 0;
-
 var _constants = require("../../util/constants");
-
 var sizes = {
   listHeight: _constants.emojiPickerListHeight,
   listWidth: _constants.emojiPickerWidth,
@@ -22,6 +20,7 @@ var sizes = {
   // Fills remaining space without scrolling when loading.
   uploadActionHeight: 40,
   // 40px height
+
   emojiPerRow: 8
 };
 exports.sizes = sizes;

package/dist/cjs/components/picker/EmojiPickerVirtualItems.js

@@ -1,57 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.virtualItemRenderer = exports.LoadingItem = exports.EmojisRowItem = exports.CategoryHeadingItem = exports.AbstractItem = void 0;
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _react = require("@emotion/react");
-
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-
 var _EmojiPickerCategoryHeading = _interopRequireDefault(require("./EmojiPickerCategoryHeading"));
-
 var _EmojiPickerEmojiRow = _interopRequireDefault(require("./EmojiPickerEmojiRow"));
-
 var _EmojiPickerSizes = require("./EmojiPickerSizes");
-
 var _styles = require("./styles");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 var AbstractItem = /*#__PURE__*/(0, _createClass2.default)(function AbstractItem(props, height) {
   (0, _classCallCheck2.default)(this, AbstractItem);
   this.props = props;
   this.height = height;
 });
 exports.AbstractItem = AbstractItem;
-
 var EmojisRowItem = /*#__PURE__*/function (_AbstractItem) {
   (0, _inherits2.default)(EmojisRowItem, _AbstractItem);
-
   var _super = _createSuper(EmojisRowItem);
-
   function EmojisRowItem(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, EmojisRowItem);
     _this = _super.call(this, props, _EmojiPickerSizes.sizes.emojiRowHeight);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderItem", function () {
@@ -59,20 +38,14 @@ var EmojisRowItem = /*#__PURE__*/function (_AbstractItem) {
     });
     return _this;
   }
-
   return (0, _createClass2.default)(EmojisRowItem);
 }(AbstractItem);
-
 exports.EmojisRowItem = EmojisRowItem;
-
 var LoadingItem = /*#__PURE__*/function (_AbstractItem2) {
   (0, _inherits2.default)(LoadingItem, _AbstractItem2);
-
   var _super2 = _createSuper(LoadingItem);
-
   function LoadingItem() {
     var _this2;
-
     (0, _classCallCheck2.default)(this, LoadingItem);
     _this2 = _super2.call(this, {}, _EmojiPickerSizes.sizes.loadingRowHeight);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "renderItem", function () {
@@ -84,20 +57,14 @@ var LoadingItem = /*#__PURE__*/function (_AbstractItem2) {
     });
     return _this2;
   }
-
   return (0, _createClass2.default)(LoadingItem);
 }(AbstractItem);
-
 exports.LoadingItem = LoadingItem;
-
 var CategoryHeadingItem = /*#__PURE__*/function (_AbstractItem3) {
   (0, _inherits2.default)(CategoryHeadingItem, _AbstractItem3);
-
   var _super3 = _createSuper(CategoryHeadingItem);
-
   function CategoryHeadingItem(props) {
     var _this3;
-
     (0, _classCallCheck2.default)(this, CategoryHeadingItem);
     _this3 = _super3.call(this, props, _EmojiPickerSizes.sizes.categoryHeadingHeight);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this3), "renderItem", function () {
@@ -105,19 +72,15 @@ var CategoryHeadingItem = /*#__PURE__*/function (_AbstractItem3) {
     });
     return _this3;
   }
-
   return (0, _createClass2.default)(CategoryHeadingItem);
 }(AbstractItem);
-
 exports.CategoryHeadingItem = CategoryHeadingItem;
-
 var virtualItemRenderer = function virtualItemRenderer(rows, context) {
   var index = context.index,
-      key = context.key;
+    key = context.key;
   var row = rows[index];
   return (0, _react.jsx)("div", {
     key: key
   }, row && row.renderItem(context));
 };
-
 exports.virtualItemRenderer = virtualItemRenderer;