@atlaskit/emoji 67.0.4 → 67.0.6

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

@@ -6,11 +6,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, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
@@ -23,49 +20,37 @@ import EmojiActions from '../common/EmojiActions';
 import { emojiPickerList } from './styles';
 import { emojiPickerHeightOffset } from './utils';
 import { VirtualList } from './VirtualList';
-
 /**
  * Test id for wrapper Emoji Picker List div
  */
 export var RENDER_EMOJI_PICKER_LIST_TESTID = 'render-emoji-picker-list';
 var categoryClassname = 'emoji-category';
-
 var byOrder = function byOrder(orderableA, orderableB) {
   return (orderableA.order || 0) - (orderableB.order || 0);
 };
-
 var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
   _inherits(EmojiPickerVirtualList, _PureComponent);
-
   var _super = _createSuper(EmojiPickerVirtualList);
-
   function EmojiPickerVirtualList(_props) {
     var _this;
-
     _classCallCheck(this, EmojiPickerVirtualList);
-
     _this = _super.call(this, _props);
-
     _defineProperty(_assertThisInitialized(_this), "virtualItems", []);
-
     _defineProperty(_assertThisInitialized(_this), "categoryTracker", new CategoryTracker());
-
     _defineProperty(_assertThisInitialized(_this), "onEmojiMouseEnter", function (emojiId, emoji) {
       if (_this.props.onEmojiActive) {
         _this.props.onEmojiActive(emojiId, emoji);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onSearch", function (e) {
       if (_this.props.onSearch) {
         _this.props.onSearch(e.target.value);
       }
     });
-
     _defineProperty(_assertThisInitialized(_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 CategoryHeadingItem({
         id: group.category,
@@ -73,7 +58,6 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
         className: categoryClassname
       }));
       var remainingEmojis = group.emojis;
-
       while (remainingEmojis.length > 0) {
         var rowEmojis = remainingEmojis.slice(0, sizes.emojiPerRow);
         remainingEmojis = remainingEmojis.slice(sizes.emojiPerRow);
@@ -86,24 +70,20 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
           onMouseMove: _this.onEmojiMouseEnter
         }));
       }
-
       return items;
     });
-
     _defineProperty(_assertThisInitialized(_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 LoadingItem());
       } else {
         if (query) {
-          var search = CategoryDescriptionMap.SEARCH; // Only a single "result" category
-
+          var search = CategoryDescriptionMap.SEARCH;
+          // Only a single "result" category
           items = [].concat(_toConsumableArray(items), _toConsumableArray(_this.buildVirtualItemFromGroup({
             category: 'SEARCH',
             title: search.name,
@@ -112,26 +92,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(_toConsumableArray(items), _toConsumableArray(_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
@@ -139,7 +116,6 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
         list.recomputeRowHeights();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "addToCategoryMap", function (categoryToGroupMap, emoji, category) {
       if (!categoryToGroupMap[category]) {
         var categoryDefinition = CategoryDescriptionMap[category];
@@ -150,24 +126,19 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
           order: categoryDefinition.order
         };
       }
-
       categoryToGroupMap[category].emojis.push(emoji);
       return categoryToGroupMap;
     });
-
     _defineProperty(_assertThisInitialized(_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 === customCategory && currentUser && emoji.creatorUserId === currentUser.id) {
           _this.addToCategoryMap(categoryToGroupMap, emoji, 'USER_CUSTOM');
         }
-
         return categoryToGroupMap;
       };
     });
-
     _defineProperty(_assertThisInitialized(_this), "buildEmojiGroupedByCategory", function (emojis, currentUser) {
       var categoryToGroupMap = emojis.reduce(_this.groupByCategory(currentUser), {});
       _this.allEmojiGroups = Object.keys(categoryToGroupMap).map(function (key) {
@@ -176,63 +147,51 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
         if (group.category !== 'FREQUENT') {
           group.emojis.sort(byOrder);
         }
-
         return group;
       }).sort(byOrder);
     });
-
     _defineProperty(_assertThisInitialized(_this), "repaintList", function () {
       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;
       }
     });
-
     _defineProperty(_assertThisInitialized(_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);
           }
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_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) || sizes.categoryHeadingHeight;
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderRow", function (context) {
       return virtualItemRenderer(_this.virtualItems, context);
     });
-
     _this.buildEmojiGroupedByCategory(_props.emojis, _props.currentUser);
-
     _this.buildVirtualItems(_props, _this.state);
-
     return _this;
   }
-
   _createClass(EmojiPickerVirtualList, [{
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(nextProps, nextState) {
@@ -241,7 +200,6 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
           // Only refresh if no query
           this.buildEmojiGroupedByCategory(nextProps.emojis, nextProps.currentUser);
         }
-
         this.buildVirtualItems(nextProps, nextState);
       }
     }
@@ -266,24 +224,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 ? 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 ? defaultEmojiPickerSize : _this$props2$size;
       return jsx("div", {
         ref: "root",
         css: emojiPickerList,
@@ -319,10 +277,8 @@ var EmojiPickerVirtualList = /*#__PURE__*/function (_PureComponent) {
       }));
     }
   }]);
-
   return EmojiPickerVirtualList;
 }(PureComponent);
-
 _defineProperty(EmojiPickerVirtualList, "defaultProps", {
   onEmojiSelected: function onEmojiSelected() {},
   onEmojiActive: function onEmojiActive() {},
@@ -331,5 +287,4 @@ _defineProperty(EmojiPickerVirtualList, "defaultProps", {
   onSearch: function onSearch() {},
   size: defaultEmojiPickerSize
 });
-
 export { EmojiPickerVirtualList as default };

package/dist/esm/components/picker/EmojiPickerListSearch.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, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
@@ -19,73 +16,56 @@ import { injectIntl } from 'react-intl-next';
 import { messages } from '../i18n';
 import { input, pickerSearch, searchIcon } from './styles';
 export var emojiPickerSearchTestId = 'emoji-picker-serach';
-
 var EmojiPickerListSearch = /*#__PURE__*/function (_PureComponent) {
   _inherits(EmojiPickerListSearch, _PureComponent);
-
   var _super = _createSuper(EmojiPickerListSearch);
-
   function EmojiPickerListSearch() {
     var _this;
-
     _classCallCheck(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));
-
     _defineProperty(_assertThisInitialized(_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();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onChange", function (e) {
       _this.saveInputSelection();
-
       _this.props.onChange(e);
     });
-
     _defineProperty(_assertThisInitialized(_this), "focusInput", function () {
       if (_this.inputRef) {
         _this.inputRef.focus();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleInputRef", function (input) {
       if (input) {
         // Defer focus so it give some time to position the popup before
         // setting the focus to search input.
         // see FS-2056
         _this.inputRef = input;
-
         if (typeof window === 'undefined') {
           return;
         }
-
         window.requestAnimationFrame(_this.focusInput);
       }
     });
-
     return _this;
   }
-
   _createClass(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,
@@ -99,12 +79,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);
       }
     }
@@ -112,9 +91,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 jsx("div", {
         css: pickerSearch,
@@ -139,12 +118,9 @@ var EmojiPickerListSearch = /*#__PURE__*/function (_PureComponent) {
       }));
     }
   }]);
-
   return EmojiPickerListSearch;
 }(PureComponent);
-
 _defineProperty(EmojiPickerListSearch, "defaultProps", {
   style: {}
 });
-
 export default injectIntl(EmojiPickerListSearch);

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

@@ -14,5 +14,6 @@ export var sizes = {
   // Fills remaining space without scrolling when loading.
   uploadActionHeight: 40,
   // 40px height
+
   emojiPerRow: 8
 };

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

@@ -5,12 +5,10 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-
 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 { jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
 import EmojiPickerCategoryHeading from './EmojiPickerCategoryHeading';
@@ -19,43 +17,30 @@ import { sizes } from './EmojiPickerSizes';
 import { emojiPickerSpinner } from './styles';
 export var AbstractItem = /*#__PURE__*/_createClass(function AbstractItem(props, height) {
   _classCallCheck(this, AbstractItem);
-
   this.props = props;
   this.height = height;
 });
 export var EmojisRowItem = /*#__PURE__*/function (_AbstractItem) {
   _inherits(EmojisRowItem, _AbstractItem);
-
   var _super = _createSuper(EmojisRowItem);
-
   function EmojisRowItem(props) {
     var _this;
-
     _classCallCheck(this, EmojisRowItem);
-
     _this = _super.call(this, props, sizes.emojiRowHeight);
-
     _defineProperty(_assertThisInitialized(_this), "renderItem", function () {
       return jsx(EmojiPickerEmojiRow, _this.props);
     });
-
     return _this;
   }
-
   return _createClass(EmojisRowItem);
 }(AbstractItem);
 export var LoadingItem = /*#__PURE__*/function (_AbstractItem2) {
   _inherits(LoadingItem, _AbstractItem2);
-
   var _super2 = _createSuper(LoadingItem);
-
   function LoadingItem() {
     var _this2;
-
     _classCallCheck(this, LoadingItem);
-
     _this2 = _super2.call(this, {}, sizes.loadingRowHeight);
-
     _defineProperty(_assertThisInitialized(_this2), "renderItem", function () {
       return jsx("div", {
         css: emojiPickerSpinner
@@ -63,36 +48,27 @@ export var LoadingItem = /*#__PURE__*/function (_AbstractItem2) {
         size: "medium"
       })));
     });
-
     return _this2;
   }
-
   return _createClass(LoadingItem);
 }(AbstractItem);
 export var CategoryHeadingItem = /*#__PURE__*/function (_AbstractItem3) {
   _inherits(CategoryHeadingItem, _AbstractItem3);
-
   var _super3 = _createSuper(CategoryHeadingItem);
-
   function CategoryHeadingItem(props) {
     var _this3;
-
     _classCallCheck(this, CategoryHeadingItem);
-
     _this3 = _super3.call(this, props, sizes.categoryHeadingHeight);
-
     _defineProperty(_assertThisInitialized(_this3), "renderItem", function () {
       return jsx(EmojiPickerCategoryHeading, _this3.props);
     });
-
     return _this3;
   }
-
   return _createClass(CategoryHeadingItem);
 }(AbstractItem);
 export var virtualItemRenderer = function virtualItemRenderer(rows, context) {
   var index = context.index,
-      key = context.key;
+    key = context.key;
   var row = rows[index];
   return jsx("div", {
     key: key

package/dist/esm/components/picker/VirtualList.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 { jsx } from '@emotion/react';
 import { Virtualizer, observeElementRect, observeElementOffset, elementScroll } from '@tanstack/react-virtual';
@@ -18,34 +15,27 @@ import { virtualList } from './styles';
 export var virtualListScrollContainerTestId = 'virtual-list-scroll-container';
 export var VirtualList = /*#__PURE__*/function (_PureComponent) {
   _inherits(VirtualList, _PureComponent);
-
   var _super = _createSuper(VirtualList);
-
   /**
    * Determine if the component is mounted to the DOM or not
    */
+
   function VirtualList(props) {
     var _this;
-
     _classCallCheck(this, VirtualList);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "_isMounted", false);
-
     _this.parentRef = /*#__PURE__*/createRef();
     _this.rowVirtualizer = new Virtualizer(_this.getVirtualizerOptions(props));
     return _this;
   }
-
   _createClass(VirtualList, [{
     key: "getVirtualizerOptions",
     value: function getVirtualizerOptions(props) {
       var _this2 = this;
-
       var rowCount = props.rowCount,
-          rowHeight = props.rowHeight,
-          overscanRowCount = props.overscanRowCount;
+        rowHeight = props.rowHeight,
+        overscanRowCount = props.overscanRowCount;
       return {
         observeElementRect: observeElementRect,
         observeElementOffset: observeElementOffset,
@@ -70,8 +60,9 @@ export var VirtualList = /*#__PURE__*/function (_PureComponent) {
       var elemTop = elementRect.top;
       var elemBottom = elementRect.bottom;
       var parentTop = parentRect.top;
-      var parentBottom = parentRect.bottom; // Only completely visible elements return true:
+      var parentBottom = parentRect.bottom;
 
+      // Only completely visible elements return true:
       var isVisible = elemTop >= parentTop && elemBottom <= parentBottom;
       return isVisible;
     }
@@ -79,10 +70,9 @@ export var VirtualList = /*#__PURE__*/function (_PureComponent) {
     key: "getFirstVisibleListElementIndex",
     value: function getFirstVisibleListElementIndex() {
       var _this$parentRef$curre,
-          _this$parentRef$curre2,
-          _this3 = this,
-          _virtualList$firstVis;
-
+        _this$parentRef$curre2,
+        _this3 = this,
+        _virtualList$firstVis;
       var virtualList = this.rowVirtualizer.getVirtualItems();
       var renderedElements = (_this$parentRef$curre = this.parentRef.current) === null || _this$parentRef$curre === void 0 ? void 0 : (_this$parentRef$curre2 = _this$parentRef$curre.firstChild) === null || _this$parentRef$curre2 === void 0 ? void 0 : _this$parentRef$curre2.childNodes;
       var firstVisibleIndex = 0;
@@ -114,9 +104,7 @@ export var VirtualList = /*#__PURE__*/function (_PureComponent) {
     value: function componentDidMount() {
       if (this.rowVirtualizer) {
         this.rowVirtualizer._didMount();
-
         this.rowVirtualizer._willUpdate();
-
         this._isMounted = true;
       }
     }
@@ -129,10 +117,8 @@ export var VirtualList = /*#__PURE__*/function (_PureComponent) {
     key: "scrollToRow",
     value: function scrollToRow(index) {
       var scrollToAlignment = this.props.scrollToAlignment;
-
       if (index !== undefined) {
         var _this$rowVirtualizer;
-
         (_this$rowVirtualizer = this.rowVirtualizer) === null || _this$rowVirtualizer === void 0 ? void 0 : _this$rowVirtualizer.scrollToIndex(index, {
           align: scrollToAlignment,
           smoothScroll: false
@@ -151,7 +137,6 @@ export var VirtualList = /*#__PURE__*/function (_PureComponent) {
     key: "recomputeRowHeights",
     value: function recomputeRowHeights() {
       var _this$rowVirtualizer2;
-
       (_this$rowVirtualizer2 = this.rowVirtualizer) === null || _this$rowVirtualizer2 === void 0 ? void 0 : _this$rowVirtualizer2.measure();
     }
   }, {
@@ -163,11 +148,10 @@ export var VirtualList = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this$rowVirtualizer3, _this$rowVirtualizer4;
-
       var _this$props = this.props,
-          rowRenderer = _this$props.rowRenderer,
-          width = _this$props.width,
-          height = _this$props.height;
+        rowRenderer = _this$props.rowRenderer,
+        width = _this$props.width,
+        height = _this$props.height;
       return jsx("div", {
         ref: this.parentRef,
         role: "grid",
@@ -200,6 +184,5 @@ export var VirtualList = /*#__PURE__*/function (_PureComponent) {
       })));
     }
   }]);
-
   return VirtualList;
 }(PureComponent);