react-window 1.8.4 → 1.8.7

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import _extends from '@babel/runtime/helpers/esm/extends';
-import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
 import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
 import memoizeOne from 'memoize-one';
 import { createElement, PureComponent } from 'react';
 import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
@@ -115,20 +115,14 @@ var devWarningsTagName = null;
 
 if (process.env.NODE_ENV !== 'production') {
   if (typeof window !== 'undefined' && typeof window.WeakSet !== 'undefined') {
-    devWarningsOverscanCount =
-    /*#__PURE__*/
-    new WeakSet();
-    devWarningsOverscanRowsColumnsCount =
-    /*#__PURE__*/
-    new WeakSet();
-    devWarningsTagName =
-    /*#__PURE__*/
-    new WeakSet();
+    devWarningsOverscanCount = /*#__PURE__*/new WeakSet();
+    devWarningsOverscanRowsColumnsCount = /*#__PURE__*/new WeakSet();
+    devWarningsTagName = /*#__PURE__*/new WeakSet();
   }
 }
 
 function createGridComponent(_ref2) {
-  var _class, _temp;
+  var _class;
 
   var getColumnOffset = _ref2.getColumnOffset,
       getColumnStartIndexForOffset = _ref2.getColumnStartIndexForOffset,
@@ -145,9 +139,7 @@ function createGridComponent(_ref2) {
       initInstanceProps = _ref2.initInstanceProps,
       shouldResetStyleCacheOnItemSizeChange = _ref2.shouldResetStyleCacheOnItemSizeChange,
       validateProps = _ref2.validateProps;
-  return _temp = _class =
-  /*#__PURE__*/
-  function (_PureComponent) {
+  return _class = /*#__PURE__*/function (_PureComponent) {
     _inheritsLoose(Grid, _PureComponent);
 
     // Always use explicit constructor for React components.
@@ -157,11 +149,11 @@ function createGridComponent(_ref2) {
       var _this;
 
       _this = _PureComponent.call(this, props) || this;
-      _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_assertThisInitialized(_this)));
+      _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));
       _this._resetIsScrollingTimeoutId = null;
       _this._outerRef = void 0;
       _this.state = {
-        instance: _assertThisInitialized(_assertThisInitialized(_this)),
+        instance: _assertThisInitialized(_this),
         isScrolling: false,
         horizontalScrollDirection: 'forward',
         scrollLeft: typeof _this.props.initialScrollLeft === 'number' ? _this.props.initialScrollLeft : 0,
@@ -208,11 +200,17 @@ function createGridComponent(_ref2) {
         if (itemStyleCache.hasOwnProperty(key)) {
           style = itemStyleCache[key];
         } else {
-          var _style;
-
-          itemStyleCache[key] = style = (_style = {
-            position: 'absolute'
-          }, _style[direction === 'rtl' ? 'right' : 'left'] = getColumnOffset(_this.props, columnIndex, _this._instanceProps), _style.top = getRowOffset(_this.props, rowIndex, _this._instanceProps), _style.height = getRowHeight(_this.props, rowIndex, _this._instanceProps), _style.width = getColumnWidth(_this.props, columnIndex, _this._instanceProps), _style);
+          var _offset = getColumnOffset(_this.props, columnIndex, _this._instanceProps);
+
+          var isRtl = direction === 'rtl';
+          itemStyleCache[key] = style = {
+            position: 'absolute',
+            left: isRtl ? undefined : _offset,
+            right: isRtl ? _offset : undefined,
+            top: getRowOffset(_this.props, rowIndex, _this._instanceProps),
+            height: getRowHeight(_this.props, rowIndex, _this._instanceProps),
+            width: getColumnWidth(_this.props, columnIndex, _this._instanceProps)
+          };
         }
 
         return style;
@@ -564,11 +562,11 @@ function createGridComponent(_ref2) {
 
         this._callOnScroll(_scrollLeft, _scrollTop, _horizontalScrollDirection, _verticalScrollDirection, _scrollUpdateWasRequested);
       }
-    }; // Lazily create and cache item styles while scrolling,
+    } // Lazily create and cache item styles while scrolling,
     // So that pure component sCU will prevent re-renders.
     // We maintain this cache, and pass a style prop rather than index,
     // So that List can clear cached styles and force item re-render if necessary.
-
+    ;
 
     _proto._getHorizontalRangeToRender = function _getHorizontalRangeToRender() {
       var _this$props6 = this.props,
@@ -627,7 +625,7 @@ function createGridComponent(_ref2) {
     direction: 'ltr',
     itemData: undefined,
     useIsScrolling: false
-  }, _temp;
+  }, _class;
 }
 
 var validateSharedProps = function validateSharedProps(_ref5, _ref6) {
@@ -875,9 +873,7 @@ var getOffsetForIndexAndAlignment = function getOffsetForIndexAndAlignment(itemT
   }
 };
 
-var VariableSizeGrid =
-/*#__PURE__*/
-createGridComponent({
+var VariableSizeGrid = /*#__PURE__*/createGridComponent({
   getColumnOffset: function getColumnOffset(props, index, instanceProps) {
     return getItemMetadata('column', props, index, instanceProps).offset;
   },
@@ -1024,17 +1020,13 @@ var devWarningsTagName$1 = null;
 
 if (process.env.NODE_ENV !== 'production') {
   if (typeof window !== 'undefined' && typeof window.WeakSet !== 'undefined') {
-    devWarningsDirection =
-    /*#__PURE__*/
-    new WeakSet();
-    devWarningsTagName$1 =
-    /*#__PURE__*/
-    new WeakSet();
+    devWarningsDirection = /*#__PURE__*/new WeakSet();
+    devWarningsTagName$1 = /*#__PURE__*/new WeakSet();
   }
 }
 
 function createListComponent(_ref) {
-  var _class, _temp;
+  var _class;
 
   var getItemOffset = _ref.getItemOffset,
       getEstimatedTotalSize = _ref.getEstimatedTotalSize,
@@ -1045,9 +1037,7 @@ function createListComponent(_ref) {
       initInstanceProps = _ref.initInstanceProps,
       shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange,
       validateProps = _ref.validateProps;
-  return _temp = _class =
-  /*#__PURE__*/
-  function (_PureComponent) {
+  return _class = /*#__PURE__*/function (_PureComponent) {
     _inheritsLoose(List, _PureComponent);
 
     // Always use explicit constructor for React components.
@@ -1057,11 +1047,11 @@ function createListComponent(_ref) {
       var _this;
 
       _this = _PureComponent.call(this, props) || this;
-      _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_assertThisInitialized(_this)));
+      _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));
       _this._outerRef = void 0;
       _this._resetIsScrollingTimeoutId = null;
       _this.state = {
-        instance: _assertThisInitialized(_assertThisInitialized(_this)),
+        instance: _assertThisInitialized(_this),
         isScrolling: false,
         scrollDirection: 'forward',
         scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,
@@ -1099,16 +1089,21 @@ function createListComponent(_ref) {
         if (itemStyleCache.hasOwnProperty(index)) {
           style = itemStyleCache[index];
         } else {
-          var _style;
-
           var _offset = getItemOffset(_this.props, index, _this._instanceProps);
 
           var size = getItemSize(_this.props, index, _this._instanceProps); // TODO Deprecate direction "horizontal"
 
           var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
-          itemStyleCache[index] = style = (_style = {
-            position: 'absolute'
-          }, _style[direction === 'rtl' ? 'right' : 'left'] = isHorizontal ? _offset : 0, _style.top = !isHorizontal ? _offset : 0, _style.height = !isHorizontal ? size : '100%', _style.width = isHorizontal ? size : '100%', _style);
+          var isRtl = direction === 'rtl';
+          var offsetHorizontal = isHorizontal ? _offset : 0;
+          itemStyleCache[index] = style = {
+            position: 'absolute',
+            left: isRtl ? undefined : offsetHorizontal,
+            right: isRtl ? offsetHorizontal : undefined,
+            top: !isHorizontal ? _offset : 0,
+            height: !isHorizontal ? size : '100%',
+            width: isHorizontal ? size : '100%'
+          };
         }
 
         return style;
@@ -1415,11 +1410,11 @@ function createListComponent(_ref) {
 
         this._callOnScroll(_scrollDirection, _scrollOffset, _scrollUpdateWasRequested);
       }
-    }; // Lazily create and cache item styles while scrolling,
+    } // Lazily create and cache item styles while scrolling,
     // So that pure component sCU will prevent re-renders.
     // We maintain this cache, and pass a style prop rather than index,
     // So that List can clear cached styles and force item re-render if necessary.
-
+    ;
 
     _proto._getRangeToRender = function _getRangeToRender() {
       var _this$props5 = this.props,
@@ -1450,7 +1445,7 @@ function createListComponent(_ref) {
     layout: 'vertical',
     overscanCount: 2,
     useIsScrolling: false
-  }, _temp;
+  }, _class;
 } // NOTE: I considered further wrapping individual items with a pure ListItem component.
 // This would avoid ever calling the render function for the same index more than once,
 // But it would also add the overhead of a lot of components/fibers.
@@ -1621,9 +1616,7 @@ var getEstimatedTotalSize = function getEstimatedTotalSize(_ref2, _ref3) {
   return totalSizeOfMeasuredItems + totalSizeOfUnmeasuredItems;
 };
 
-var VariableSizeList =
-/*#__PURE__*/
-createListComponent({
+var VariableSizeList = /*#__PURE__*/createListComponent({
   getItemOffset: function getItemOffset(props, index, instanceProps) {
     return getItemMetadata$1(props, index, instanceProps).offset;
   },
@@ -1740,9 +1733,7 @@ createListComponent({
   }
 });
 
-var FixedSizeGrid =
-/*#__PURE__*/
-createGridComponent({
+var FixedSizeGrid = /*#__PURE__*/createGridComponent({
   getColumnOffset: function getColumnOffset(_ref, index) {
     var columnWidth = _ref.columnWidth;
     return index * columnWidth;
@@ -1920,9 +1911,7 @@ createGridComponent({
   }
 });
 
-var FixedSizeList =
-/*#__PURE__*/
-createListComponent({
+var FixedSizeList = /*#__PURE__*/createListComponent({
   getItemOffset: function getItemOffset(_ref, index) {
     var itemSize = _ref.itemSize;
     return index * itemSize;
@@ -2044,15 +2033,17 @@ function shallowDiffers(prev, next) {
   return false;
 }
 
+var _excluded = ["style"],
+    _excluded2 = ["style"];
 // It knows to compare individual style props and ignore the wrapper object.
 // See https://reactjs.org/docs/react-api.html#reactmemo
 
 function areEqual(prevProps, nextProps) {
   var prevStyle = prevProps.style,
-      prevRest = _objectWithoutPropertiesLoose(prevProps, ["style"]);
+      prevRest = _objectWithoutPropertiesLoose(prevProps, _excluded);
 
   var nextStyle = nextProps.style,
-      nextRest = _objectWithoutPropertiesLoose(nextProps, ["style"]);
+      nextRest = _objectWithoutPropertiesLoose(nextProps, _excluded2);
 
   return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest);
 }
@@ -2064,5 +2055,5 @@ function shouldComponentUpdate(nextProps, nextState) {
   return !areEqual(this.props, nextProps) || shallowDiffers(this.state, nextState);
 }
 
-export { VariableSizeGrid, VariableSizeList, FixedSizeGrid, FixedSizeList, areEqual, shouldComponentUpdate };
+export { FixedSizeGrid, FixedSizeList, VariableSizeGrid, VariableSizeList, areEqual, shouldComponentUpdate };
 //# sourceMappingURL=index.esm.js.map