@performant-software/core-data 1.2.0-beta.3 → 1.2.0-beta.30

package/dist/index.es101.js

@@ -0,0 +1,337 @@
+import Z from "./index.es117.js";
+import V from "./index.es146.js";
+import ee from "./index.es147.js";
+import N from "./index.es148.js";
+import { createElement as W, PureComponent as te } from "react";
+var ie = typeof performance == "object" && typeof performance.now == "function", U = ie ? function() {
+  return performance.now();
+} : function() {
+  return Date.now();
+};
+function $(a) {
+  cancelAnimationFrame(a.id);
+}
+function re(a, t) {
+  var n = U();
+  function c() {
+    U() - n >= t ? a.call(null) : d.id = requestAnimationFrame(c);
+  }
+  var d = {
+    id: requestAnimationFrame(c)
+  };
+  return d;
+}
+var k = -1;
+function q(a) {
+  if (a === void 0 && (a = !1), k === -1 || a) {
+    var t = document.createElement("div"), n = t.style;
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), k = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+  }
+  return k;
+}
+var O = null;
+function H(a) {
+  if (a === void 0 && (a = !1), O === null || a) {
+    var t = document.createElement("div"), n = t.style;
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
+    var c = document.createElement("div"), d = c.style;
+    return d.width = "100px", d.height = "100px", t.appendChild(c), document.body.appendChild(t), t.scrollLeft > 0 ? O = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? O = "negative" : O = "positive-ascending"), document.body.removeChild(t), O;
+  }
+  return O;
+}
+process.env.NODE_ENV;
+var oe = 150, ne = function(t, n) {
+  return t;
+}, P = null, R = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (P = /* @__PURE__ */ new WeakSet(), R = /* @__PURE__ */ new WeakSet());
+function ae(a) {
+  var t, n = a.getItemOffset, c = a.getEstimatedTotalSize, d = a.getItemSize, z = a.getOffsetForIndexAndAlignment, S = a.getStartIndexForOffset, T = a.getStopIndexForStartIndex, _ = a.initInstanceProps, g = a.shouldResetStyleCacheOnItemSizeChange, m = a.validateProps;
+  return t = /* @__PURE__ */ function(I) {
+    ee(b, I);
+    function b(f) {
+      var e;
+      return e = I.call(this, f) || this, e._instanceProps = _(e.props, V(e)), e._outerRef = void 0, e._resetIsScrollingTimeoutId = null, e.state = {
+        instance: V(e),
+        isScrolling: !1,
+        scrollDirection: "forward",
+        scrollOffset: typeof e.props.initialScrollOffset == "number" ? e.props.initialScrollOffset : 0,
+        scrollUpdateWasRequested: !1
+      }, e._callOnItemsRendered = void 0, e._callOnItemsRendered = N(function(i, r, o, s) {
+        return e.props.onItemsRendered({
+          overscanStartIndex: i,
+          overscanStopIndex: r,
+          visibleStartIndex: o,
+          visibleStopIndex: s
+        });
+      }), e._callOnScroll = void 0, e._callOnScroll = N(function(i, r, o) {
+        return e.props.onScroll({
+          scrollDirection: i,
+          scrollOffset: r,
+          scrollUpdateWasRequested: o
+        });
+      }), e._getItemStyle = void 0, e._getItemStyle = function(i) {
+        var r = e.props, o = r.direction, s = r.itemSize, h = r.layout, l = e._getItemStyleCache(g && s, g && h, g && o), u;
+        if (l.hasOwnProperty(i))
+          u = l[i];
+        else {
+          var p = n(e.props, i, e._instanceProps), y = d(e.props, i, e._instanceProps), w = o === "horizontal" || h === "horizontal", E = o === "rtl", x = w ? p : 0;
+          l[i] = u = {
+            position: "absolute",
+            left: E ? void 0 : x,
+            right: E ? x : void 0,
+            top: w ? 0 : p,
+            height: w ? "100%" : y,
+            width: w ? y : "100%"
+          };
+        }
+        return u;
+      }, e._getItemStyleCache = void 0, e._getItemStyleCache = N(function(i, r, o) {
+        return {};
+      }), e._onScrollHorizontal = function(i) {
+        var r = i.currentTarget, o = r.clientWidth, s = r.scrollLeft, h = r.scrollWidth;
+        e.setState(function(l) {
+          if (l.scrollOffset === s)
+            return null;
+          var u = e.props.direction, p = s;
+          if (u === "rtl")
+            switch (H()) {
+              case "negative":
+                p = -s;
+                break;
+              case "positive-descending":
+                p = h - o - s;
+                break;
+            }
+          return p = Math.max(0, Math.min(p, h - o)), {
+            isScrolling: !0,
+            scrollDirection: l.scrollOffset < p ? "forward" : "backward",
+            scrollOffset: p,
+            scrollUpdateWasRequested: !1
+          };
+        }, e._resetIsScrollingDebounced);
+      }, e._onScrollVertical = function(i) {
+        var r = i.currentTarget, o = r.clientHeight, s = r.scrollHeight, h = r.scrollTop;
+        e.setState(function(l) {
+          if (l.scrollOffset === h)
+            return null;
+          var u = Math.max(0, Math.min(h, s - o));
+          return {
+            isScrolling: !0,
+            scrollDirection: l.scrollOffset < u ? "forward" : "backward",
+            scrollOffset: u,
+            scrollUpdateWasRequested: !1
+          };
+        }, e._resetIsScrollingDebounced);
+      }, e._outerRefSetter = function(i) {
+        var r = e.props.outerRef;
+        e._outerRef = i, typeof r == "function" ? r(i) : r != null && typeof r == "object" && r.hasOwnProperty("current") && (r.current = i);
+      }, e._resetIsScrollingDebounced = function() {
+        e._resetIsScrollingTimeoutId !== null && $(e._resetIsScrollingTimeoutId), e._resetIsScrollingTimeoutId = re(e._resetIsScrolling, oe);
+      }, e._resetIsScrolling = function() {
+        e._resetIsScrollingTimeoutId = null, e.setState({
+          isScrolling: !1
+        }, function() {
+          e._getItemStyleCache(-1, null);
+        });
+      }, e;
+    }
+    b.getDerivedStateFromProps = function(e, i) {
+      return le(e, i), m(e), null;
+    };
+    var v = b.prototype;
+    return v.scrollTo = function(e) {
+      e = Math.max(0, e), this.setState(function(i) {
+        return i.scrollOffset === e ? null : {
+          scrollDirection: i.scrollOffset < e ? "forward" : "backward",
+          scrollOffset: e,
+          scrollUpdateWasRequested: !0
+        };
+      }, this._resetIsScrollingDebounced);
+    }, v.scrollToItem = function(e, i) {
+      i === void 0 && (i = "auto");
+      var r = this.props, o = r.itemCount, s = r.layout, h = this.state.scrollOffset;
+      e = Math.max(0, Math.min(e, o - 1));
+      var l = 0;
+      if (this._outerRef) {
+        var u = this._outerRef;
+        s === "vertical" ? l = u.scrollWidth > u.clientWidth ? q() : 0 : l = u.scrollHeight > u.clientHeight ? q() : 0;
+      }
+      this.scrollTo(z(this.props, e, i, h, this._instanceProps, l));
+    }, v.componentDidMount = function() {
+      var e = this.props, i = e.direction, r = e.initialScrollOffset, o = e.layout;
+      if (typeof r == "number" && this._outerRef != null) {
+        var s = this._outerRef;
+        i === "horizontal" || o === "horizontal" ? s.scrollLeft = r : s.scrollTop = r;
+      }
+      this._callPropsCallbacks();
+    }, v.componentDidUpdate = function() {
+      var e = this.props, i = e.direction, r = e.layout, o = this.state, s = o.scrollOffset, h = o.scrollUpdateWasRequested;
+      if (h && this._outerRef != null) {
+        var l = this._outerRef;
+        if (i === "horizontal" || r === "horizontal")
+          if (i === "rtl")
+            switch (H()) {
+              case "negative":
+                l.scrollLeft = -s;
+                break;
+              case "positive-ascending":
+                l.scrollLeft = s;
+                break;
+              default:
+                var u = l.clientWidth, p = l.scrollWidth;
+                l.scrollLeft = p - u - s;
+                break;
+            }
+          else
+            l.scrollLeft = s;
+        else
+          l.scrollTop = s;
+      }
+      this._callPropsCallbacks();
+    }, v.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && $(this._resetIsScrollingTimeoutId);
+    }, v.render = function() {
+      var e = this.props, i = e.children, r = e.className, o = e.direction, s = e.height, h = e.innerRef, l = e.innerElementType, u = e.innerTagName, p = e.itemCount, y = e.itemData, w = e.itemKey, E = w === void 0 ? ne : w, x = e.layout, K = e.outerElementType, j = e.outerTagName, B = e.style, G = e.useIsScrolling, J = e.width, D = this.state.isScrolling, M = o === "horizontal" || x === "horizontal", Q = M ? this._onScrollHorizontal : this._onScrollVertical, F = this._getRangeToRender(), X = F[0], Y = F[1], L = [];
+      if (p > 0)
+        for (var C = X; C <= Y; C++)
+          L.push(W(i, {
+            data: y,
+            key: E(C, y),
+            index: C,
+            isScrolling: G ? D : void 0,
+            style: this._getItemStyle(C)
+          }));
+      var A = c(this.props, this._instanceProps);
+      return W(K || j || "div", {
+        className: r,
+        onScroll: Q,
+        ref: this._outerRefSetter,
+        style: Z({
+          position: "relative",
+          height: s,
+          width: J,
+          overflow: "auto",
+          WebkitOverflowScrolling: "touch",
+          willChange: "transform",
+          direction: o
+        }, B)
+      }, W(l || u || "div", {
+        children: L,
+        ref: h,
+        style: {
+          height: M ? "100%" : A,
+          pointerEvents: D ? "none" : void 0,
+          width: M ? A : "100%"
+        }
+      }));
+    }, v._callPropsCallbacks = function() {
+      if (typeof this.props.onItemsRendered == "function") {
+        var e = this.props.itemCount;
+        if (e > 0) {
+          var i = this._getRangeToRender(), r = i[0], o = i[1], s = i[2], h = i[3];
+          this._callOnItemsRendered(r, o, s, h);
+        }
+      }
+      if (typeof this.props.onScroll == "function") {
+        var l = this.state, u = l.scrollDirection, p = l.scrollOffset, y = l.scrollUpdateWasRequested;
+        this._callOnScroll(u, p, y);
+      }
+    }, v._getRangeToRender = function() {
+      var e = this.props, i = e.itemCount, r = e.overscanCount, o = this.state, s = o.isScrolling, h = o.scrollDirection, l = o.scrollOffset;
+      if (i === 0)
+        return [0, 0, 0, 0];
+      var u = S(this.props, l, this._instanceProps), p = T(this.props, u, l, this._instanceProps), y = !s || h === "backward" ? Math.max(1, r) : 1, w = !s || h === "forward" ? Math.max(1, r) : 1;
+      return [Math.max(0, u - y), Math.max(0, Math.min(i - 1, p + w)), u, p];
+    }, b;
+  }(te), t.defaultProps = {
+    direction: "ltr",
+    itemData: void 0,
+    layout: "vertical",
+    overscanCount: 2,
+    useIsScrolling: !1
+  }, t;
+}
+var le = function(t, n) {
+  var c = t.children, d = t.direction, z = t.height, S = t.layout, T = t.innerTagName, _ = t.outerTagName, g = t.width, m = n.instance;
+  if (process.env.NODE_ENV !== "production") {
+    (T != null || _ != null) && R && !R.has(m) && (R.add(m), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
+    var I = d === "horizontal" || S === "horizontal";
+    switch (d) {
+      case "horizontal":
+      case "vertical":
+        P && !P.has(m) && (P.add(m), console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));
+        break;
+      case "ltr":
+      case "rtl":
+        break;
+      default:
+        throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + d + '" was specified.'));
+    }
+    switch (S) {
+      case "horizontal":
+      case "vertical":
+        break;
+      default:
+        throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". ' + ('"' + S + '" was specified.'));
+    }
+    if (c == null)
+      throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (c === null ? "null" : typeof c) + '" was specified.'));
+    if (I && typeof g != "number")
+      throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (g === null ? "null" : typeof g) + '" was specified.'));
+    if (!I && typeof z != "number")
+      throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (z === null ? "null" : typeof z) + '" was specified.'));
+  }
+}, pe = /* @__PURE__ */ ae({
+  getItemOffset: function(t, n) {
+    var c = t.itemSize;
+    return n * c;
+  },
+  getItemSize: function(t, n) {
+    var c = t.itemSize;
+    return c;
+  },
+  getEstimatedTotalSize: function(t) {
+    var n = t.itemCount, c = t.itemSize;
+    return c * n;
+  },
+  getOffsetForIndexAndAlignment: function(t, n, c, d, z, S) {
+    var T = t.direction, _ = t.height, g = t.itemCount, m = t.itemSize, I = t.layout, b = t.width, v = T === "horizontal" || I === "horizontal", f = v ? b : _, e = Math.max(0, g * m - f), i = Math.min(e, n * m), r = Math.max(0, n * m - f + m + S);
+    switch (c === "smart" && (d >= r - f && d <= i + f ? c = "auto" : c = "center"), c) {
+      case "start":
+        return i;
+      case "end":
+        return r;
+      case "center": {
+        var o = Math.round(r + (i - r) / 2);
+        return o < Math.ceil(f / 2) ? 0 : o > e + Math.floor(f / 2) ? e : o;
+      }
+      case "auto":
+      default:
+        return d >= r && d <= i ? d : d < r ? r : i;
+    }
+  },
+  getStartIndexForOffset: function(t, n) {
+    var c = t.itemCount, d = t.itemSize;
+    return Math.max(0, Math.min(c - 1, Math.floor(n / d)));
+  },
+  getStopIndexForStartIndex: function(t, n, c) {
+    var d = t.direction, z = t.height, S = t.itemCount, T = t.itemSize, _ = t.layout, g = t.width, m = d === "horizontal" || _ === "horizontal", I = n * T, b = m ? g : z, v = Math.ceil((b + c - I) / T);
+    return Math.max(0, Math.min(
+      S - 1,
+      n + v - 1
+      // -1 is because stop index is inclusive
+    ));
+  },
+  initInstanceProps: function(t) {
+  },
+  shouldResetStyleCacheOnItemSizeChange: !0,
+  validateProps: function(t) {
+    var n = t.itemSize;
+    if (process.env.NODE_ENV !== "production" && typeof n != "number")
+      throw Error('An invalid "itemSize" prop has been specified. Value should be a number. ' + ('"' + (n === null ? "null" : typeof n) + '" was specified.'));
+  }
+});
+export {
+  pe as FixedSizeList
+};
+//# sourceMappingURL=index.es101.js.map

package/dist/index.es101.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es101.js","sources":["../../../node_modules/react-window/dist/index.esm.js"],"sourcesContent":["import _extends from '@babel/runtime/helpers/esm/extends';\nimport _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport memoizeOne from 'memoize-one';\nimport { createElement, PureComponent } from 'react';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\n\n// Animation frame based implementation of setTimeout.\n// Inspired by Joe Lambert, https://gist.github.com/joelambert/1002116#file-requesttimeout-js\nvar hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';\nvar now = hasNativePerformanceNow ? function () {\n  return performance.now();\n} : function () {\n  return Date.now();\n};\nfunction cancelTimeout(timeoutID) {\n  cancelAnimationFrame(timeoutID.id);\n}\nfunction requestTimeout(callback, delay) {\n  var start = now();\n\n  function tick() {\n    if (now() - start >= delay) {\n      callback.call(null);\n    } else {\n      timeoutID.id = requestAnimationFrame(tick);\n    }\n  }\n\n  var timeoutID = {\n    id: requestAnimationFrame(tick)\n  };\n  return timeoutID;\n}\n\nvar size = -1; // This utility copied from \"dom-helpers\" package.\n\nfunction getScrollbarSize(recalculate) {\n  if (recalculate === void 0) {\n    recalculate = false;\n  }\n\n  if (size === -1 || recalculate) {\n    var div = document.createElement('div');\n    var style = div.style;\n    style.width = '50px';\n    style.height = '50px';\n    style.overflow = 'scroll';\n    document.body.appendChild(div);\n    size = div.offsetWidth - div.clientWidth;\n    document.body.removeChild(div);\n  }\n\n  return size;\n}\nvar cachedRTLResult = null; // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n// Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).\n// Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.\n// The safest way to check this is to intentionally set a negative offset,\n// and then verify that the subsequent \"scroll\" event matches the negative offset.\n// If it does not match, then we can assume a non-standard RTL scroll implementation.\n\nfunction getRTLOffsetType(recalculate) {\n  if (recalculate === void 0) {\n    recalculate = false;\n  }\n\n  if (cachedRTLResult === null || recalculate) {\n    var outerDiv = document.createElement('div');\n    var outerStyle = outerDiv.style;\n    outerStyle.width = '50px';\n    outerStyle.height = '50px';\n    outerStyle.overflow = 'scroll';\n    outerStyle.direction = 'rtl';\n    var innerDiv = document.createElement('div');\n    var innerStyle = innerDiv.style;\n    innerStyle.width = '100px';\n    innerStyle.height = '100px';\n    outerDiv.appendChild(innerDiv);\n    document.body.appendChild(outerDiv);\n\n    if (outerDiv.scrollLeft > 0) {\n      cachedRTLResult = 'positive-descending';\n    } else {\n      outerDiv.scrollLeft = 1;\n\n      if (outerDiv.scrollLeft === 0) {\n        cachedRTLResult = 'negative';\n      } else {\n        cachedRTLResult = 'positive-ascending';\n      }\n    }\n\n    document.body.removeChild(outerDiv);\n    return cachedRTLResult;\n  }\n\n  return cachedRTLResult;\n}\n\nvar IS_SCROLLING_DEBOUNCE_INTERVAL = 150;\n\nvar defaultItemKey = function defaultItemKey(_ref) {\n  var columnIndex = _ref.columnIndex,\n      data = _ref.data,\n      rowIndex = _ref.rowIndex;\n  return rowIndex + \":\" + columnIndex;\n}; // In DEV mode, this Set helps us only log a warning once per component instance.\n// This avoids spamming the console every time a render happens.\n\n\nvar devWarningsOverscanCount = null;\nvar devWarningsOverscanRowsColumnsCount = null;\nvar devWarningsTagName = null;\n\nif (process.env.NODE_ENV !== 'production') {\n  if (typeof window !== 'undefined' && typeof window.WeakSet !== 'undefined') {\n    devWarningsOverscanCount = /*#__PURE__*/new WeakSet();\n    devWarningsOverscanRowsColumnsCount = /*#__PURE__*/new WeakSet();\n    devWarningsTagName = /*#__PURE__*/new WeakSet();\n  }\n}\n\nfunction createGridComponent(_ref2) {\n  var _class;\n\n  var getColumnOffset = _ref2.getColumnOffset,\n      getColumnStartIndexForOffset = _ref2.getColumnStartIndexForOffset,\n      getColumnStopIndexForStartIndex = _ref2.getColumnStopIndexForStartIndex,\n      getColumnWidth = _ref2.getColumnWidth,\n      getEstimatedTotalHeight = _ref2.getEstimatedTotalHeight,\n      getEstimatedTotalWidth = _ref2.getEstimatedTotalWidth,\n      getOffsetForColumnAndAlignment = _ref2.getOffsetForColumnAndAlignment,\n      getOffsetForRowAndAlignment = _ref2.getOffsetForRowAndAlignment,\n      getRowHeight = _ref2.getRowHeight,\n      getRowOffset = _ref2.getRowOffset,\n      getRowStartIndexForOffset = _ref2.getRowStartIndexForOffset,\n      getRowStopIndexForStartIndex = _ref2.getRowStopIndexForStartIndex,\n      initInstanceProps = _ref2.initInstanceProps,\n      shouldResetStyleCacheOnItemSizeChange = _ref2.shouldResetStyleCacheOnItemSizeChange,\n      validateProps = _ref2.validateProps;\n  return _class = /*#__PURE__*/function (_PureComponent) {\n    _inheritsLoose(Grid, _PureComponent);\n\n    // Always use explicit constructor for React components.\n    // It produces less code after transpilation. (#26)\n    // eslint-disable-next-line no-useless-constructor\n    function Grid(props) {\n      var _this;\n\n      _this = _PureComponent.call(this, props) || this;\n      _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));\n      _this._resetIsScrollingTimeoutId = null;\n      _this._outerRef = void 0;\n      _this.state = {\n        instance: _assertThisInitialized(_this),\n        isScrolling: false,\n        horizontalScrollDirection: 'forward',\n        scrollLeft: typeof _this.props.initialScrollLeft === 'number' ? _this.props.initialScrollLeft : 0,\n        scrollTop: typeof _this.props.initialScrollTop === 'number' ? _this.props.initialScrollTop : 0,\n        scrollUpdateWasRequested: false,\n        verticalScrollDirection: 'forward'\n      };\n      _this._callOnItemsRendered = void 0;\n      _this._callOnItemsRendered = memoizeOne(function (overscanColumnStartIndex, overscanColumnStopIndex, overscanRowStartIndex, overscanRowStopIndex, visibleColumnStartIndex, visibleColumnStopIndex, visibleRowStartIndex, visibleRowStopIndex) {\n        return _this.props.onItemsRendered({\n          overscanColumnStartIndex: overscanColumnStartIndex,\n          overscanColumnStopIndex: overscanColumnStopIndex,\n          overscanRowStartIndex: overscanRowStartIndex,\n          overscanRowStopIndex: overscanRowStopIndex,\n          visibleColumnStartIndex: visibleColumnStartIndex,\n          visibleColumnStopIndex: visibleColumnStopIndex,\n          visibleRowStartIndex: visibleRowStartIndex,\n          visibleRowStopIndex: visibleRowStopIndex\n        });\n      });\n      _this._callOnScroll = void 0;\n      _this._callOnScroll = memoizeOne(function (scrollLeft, scrollTop, horizontalScrollDirection, verticalScrollDirection, scrollUpdateWasRequested) {\n        return _this.props.onScroll({\n          horizontalScrollDirection: horizontalScrollDirection,\n          scrollLeft: scrollLeft,\n          scrollTop: scrollTop,\n          verticalScrollDirection: verticalScrollDirection,\n          scrollUpdateWasRequested: scrollUpdateWasRequested\n        });\n      });\n      _this._getItemStyle = void 0;\n\n      _this._getItemStyle = function (rowIndex, columnIndex) {\n        var _this$props = _this.props,\n            columnWidth = _this$props.columnWidth,\n            direction = _this$props.direction,\n            rowHeight = _this$props.rowHeight;\n\n        var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && columnWidth, shouldResetStyleCacheOnItemSizeChange && direction, shouldResetStyleCacheOnItemSizeChange && rowHeight);\n\n        var key = rowIndex + \":\" + columnIndex;\n        var style;\n\n        if (itemStyleCache.hasOwnProperty(key)) {\n          style = itemStyleCache[key];\n        } else {\n          var _offset = getColumnOffset(_this.props, columnIndex, _this._instanceProps);\n\n          var isRtl = direction === 'rtl';\n          itemStyleCache[key] = style = {\n            position: 'absolute',\n            left: isRtl ? undefined : _offset,\n            right: isRtl ? _offset : undefined,\n            top: getRowOffset(_this.props, rowIndex, _this._instanceProps),\n            height: getRowHeight(_this.props, rowIndex, _this._instanceProps),\n            width: getColumnWidth(_this.props, columnIndex, _this._instanceProps)\n          };\n        }\n\n        return style;\n      };\n\n      _this._getItemStyleCache = void 0;\n      _this._getItemStyleCache = memoizeOne(function (_, __, ___) {\n        return {};\n      });\n\n      _this._onScroll = function (event) {\n        var _event$currentTarget = event.currentTarget,\n            clientHeight = _event$currentTarget.clientHeight,\n            clientWidth = _event$currentTarget.clientWidth,\n            scrollLeft = _event$currentTarget.scrollLeft,\n            scrollTop = _event$currentTarget.scrollTop,\n            scrollHeight = _event$currentTarget.scrollHeight,\n            scrollWidth = _event$currentTarget.scrollWidth;\n\n        _this.setState(function (prevState) {\n          if (prevState.scrollLeft === scrollLeft && prevState.scrollTop === scrollTop) {\n            // Scroll position may have been updated by cDM/cDU,\n            // In which case we don't need to trigger another render,\n            // And we don't want to update state.isScrolling.\n            return null;\n          }\n\n          var direction = _this.props.direction; // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n          // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n          // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n          // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n\n          var calculatedScrollLeft = scrollLeft;\n\n          if (direction === 'rtl') {\n            switch (getRTLOffsetType()) {\n              case 'negative':\n                calculatedScrollLeft = -scrollLeft;\n                break;\n\n              case 'positive-descending':\n                calculatedScrollLeft = scrollWidth - clientWidth - scrollLeft;\n                break;\n            }\n          } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n\n\n          calculatedScrollLeft = Math.max(0, Math.min(calculatedScrollLeft, scrollWidth - clientWidth));\n          var calculatedScrollTop = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));\n          return {\n            isScrolling: true,\n            horizontalScrollDirection: prevState.scrollLeft < scrollLeft ? 'forward' : 'backward',\n            scrollLeft: calculatedScrollLeft,\n            scrollTop: calculatedScrollTop,\n            verticalScrollDirection: prevState.scrollTop < scrollTop ? 'forward' : 'backward',\n            scrollUpdateWasRequested: false\n          };\n        }, _this._resetIsScrollingDebounced);\n      };\n\n      _this._outerRefSetter = function (ref) {\n        var outerRef = _this.props.outerRef;\n        _this._outerRef = ref;\n\n        if (typeof outerRef === 'function') {\n          outerRef(ref);\n        } else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {\n          outerRef.current = ref;\n        }\n      };\n\n      _this._resetIsScrollingDebounced = function () {\n        if (_this._resetIsScrollingTimeoutId !== null) {\n          cancelTimeout(_this._resetIsScrollingTimeoutId);\n        }\n\n        _this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL);\n      };\n\n      _this._resetIsScrolling = function () {\n        _this._resetIsScrollingTimeoutId = null;\n\n        _this.setState({\n          isScrolling: false\n        }, function () {\n          // Clear style cache after state update has been committed.\n          // This way we don't break pure sCU for items that don't use isScrolling param.\n          _this._getItemStyleCache(-1);\n        });\n      };\n\n      return _this;\n    }\n\n    Grid.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n      validateSharedProps(nextProps, prevState);\n      validateProps(nextProps);\n      return null;\n    };\n\n    var _proto = Grid.prototype;\n\n    _proto.scrollTo = function scrollTo(_ref3) {\n      var scrollLeft = _ref3.scrollLeft,\n          scrollTop = _ref3.scrollTop;\n\n      if (scrollLeft !== undefined) {\n        scrollLeft = Math.max(0, scrollLeft);\n      }\n\n      if (scrollTop !== undefined) {\n        scrollTop = Math.max(0, scrollTop);\n      }\n\n      this.setState(function (prevState) {\n        if (scrollLeft === undefined) {\n          scrollLeft = prevState.scrollLeft;\n        }\n\n        if (scrollTop === undefined) {\n          scrollTop = prevState.scrollTop;\n        }\n\n        if (prevState.scrollLeft === scrollLeft && prevState.scrollTop === scrollTop) {\n          return null;\n        }\n\n        return {\n          horizontalScrollDirection: prevState.scrollLeft < scrollLeft ? 'forward' : 'backward',\n          scrollLeft: scrollLeft,\n          scrollTop: scrollTop,\n          scrollUpdateWasRequested: true,\n          verticalScrollDirection: prevState.scrollTop < scrollTop ? 'forward' : 'backward'\n        };\n      }, this._resetIsScrollingDebounced);\n    };\n\n    _proto.scrollToItem = function scrollToItem(_ref4) {\n      var _ref4$align = _ref4.align,\n          align = _ref4$align === void 0 ? 'auto' : _ref4$align,\n          columnIndex = _ref4.columnIndex,\n          rowIndex = _ref4.rowIndex;\n      var _this$props2 = this.props,\n          columnCount = _this$props2.columnCount,\n          height = _this$props2.height,\n          rowCount = _this$props2.rowCount,\n          width = _this$props2.width;\n      var _this$state = this.state,\n          scrollLeft = _this$state.scrollLeft,\n          scrollTop = _this$state.scrollTop;\n      var scrollbarSize = getScrollbarSize();\n\n      if (columnIndex !== undefined) {\n        columnIndex = Math.max(0, Math.min(columnIndex, columnCount - 1));\n      }\n\n      if (rowIndex !== undefined) {\n        rowIndex = Math.max(0, Math.min(rowIndex, rowCount - 1));\n      }\n\n      var estimatedTotalHeight = getEstimatedTotalHeight(this.props, this._instanceProps);\n      var estimatedTotalWidth = getEstimatedTotalWidth(this.props, this._instanceProps); // The scrollbar size should be considered when scrolling an item into view,\n      // to ensure it's fully visible.\n      // But we only need to account for its size when it's actually visible.\n\n      var horizontalScrollbarSize = estimatedTotalWidth > width ? scrollbarSize : 0;\n      var verticalScrollbarSize = estimatedTotalHeight > height ? scrollbarSize : 0;\n      this.scrollTo({\n        scrollLeft: columnIndex !== undefined ? getOffsetForColumnAndAlignment(this.props, columnIndex, align, scrollLeft, this._instanceProps, verticalScrollbarSize) : scrollLeft,\n        scrollTop: rowIndex !== undefined ? getOffsetForRowAndAlignment(this.props, rowIndex, align, scrollTop, this._instanceProps, horizontalScrollbarSize) : scrollTop\n      });\n    };\n\n    _proto.componentDidMount = function componentDidMount() {\n      var _this$props3 = this.props,\n          initialScrollLeft = _this$props3.initialScrollLeft,\n          initialScrollTop = _this$props3.initialScrollTop;\n\n      if (this._outerRef != null) {\n        var outerRef = this._outerRef;\n\n        if (typeof initialScrollLeft === 'number') {\n          outerRef.scrollLeft = initialScrollLeft;\n        }\n\n        if (typeof initialScrollTop === 'number') {\n          outerRef.scrollTop = initialScrollTop;\n        }\n      }\n\n      this._callPropsCallbacks();\n    };\n\n    _proto.componentDidUpdate = function componentDidUpdate() {\n      var direction = this.props.direction;\n      var _this$state2 = this.state,\n          scrollLeft = _this$state2.scrollLeft,\n          scrollTop = _this$state2.scrollTop,\n          scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;\n\n      if (scrollUpdateWasRequested && this._outerRef != null) {\n        // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n        // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n        // So we need to determine which browser behavior we're dealing with, and mimic it.\n        var outerRef = this._outerRef;\n\n        if (direction === 'rtl') {\n          switch (getRTLOffsetType()) {\n            case 'negative':\n              outerRef.scrollLeft = -scrollLeft;\n              break;\n\n            case 'positive-ascending':\n              outerRef.scrollLeft = scrollLeft;\n              break;\n\n            default:\n              var clientWidth = outerRef.clientWidth,\n                  scrollWidth = outerRef.scrollWidth;\n              outerRef.scrollLeft = scrollWidth - clientWidth - scrollLeft;\n              break;\n          }\n        } else {\n          outerRef.scrollLeft = Math.max(0, scrollLeft);\n        }\n\n        outerRef.scrollTop = Math.max(0, scrollTop);\n      }\n\n      this._callPropsCallbacks();\n    };\n\n    _proto.componentWillUnmount = function componentWillUnmount() {\n      if (this._resetIsScrollingTimeoutId !== null) {\n        cancelTimeout(this._resetIsScrollingTimeoutId);\n      }\n    };\n\n    _proto.render = function render() {\n      var _this$props4 = this.props,\n          children = _this$props4.children,\n          className = _this$props4.className,\n          columnCount = _this$props4.columnCount,\n          direction = _this$props4.direction,\n          height = _this$props4.height,\n          innerRef = _this$props4.innerRef,\n          innerElementType = _this$props4.innerElementType,\n          innerTagName = _this$props4.innerTagName,\n          itemData = _this$props4.itemData,\n          _this$props4$itemKey = _this$props4.itemKey,\n          itemKey = _this$props4$itemKey === void 0 ? defaultItemKey : _this$props4$itemKey,\n          outerElementType = _this$props4.outerElementType,\n          outerTagName = _this$props4.outerTagName,\n          rowCount = _this$props4.rowCount,\n          style = _this$props4.style,\n          useIsScrolling = _this$props4.useIsScrolling,\n          width = _this$props4.width;\n      var isScrolling = this.state.isScrolling;\n\n      var _this$_getHorizontalR = this._getHorizontalRangeToRender(),\n          columnStartIndex = _this$_getHorizontalR[0],\n          columnStopIndex = _this$_getHorizontalR[1];\n\n      var _this$_getVerticalRan = this._getVerticalRangeToRender(),\n          rowStartIndex = _this$_getVerticalRan[0],\n          rowStopIndex = _this$_getVerticalRan[1];\n\n      var items = [];\n\n      if (columnCount > 0 && rowCount) {\n        for (var _rowIndex = rowStartIndex; _rowIndex <= rowStopIndex; _rowIndex++) {\n          for (var _columnIndex = columnStartIndex; _columnIndex <= columnStopIndex; _columnIndex++) {\n            items.push(createElement(children, {\n              columnIndex: _columnIndex,\n              data: itemData,\n              isScrolling: useIsScrolling ? isScrolling : undefined,\n              key: itemKey({\n                columnIndex: _columnIndex,\n                data: itemData,\n                rowIndex: _rowIndex\n              }),\n              rowIndex: _rowIndex,\n              style: this._getItemStyle(_rowIndex, _columnIndex)\n            }));\n          }\n        }\n      } // Read this value AFTER items have been created,\n      // So their actual sizes (if variable) are taken into consideration.\n\n\n      var estimatedTotalHeight = getEstimatedTotalHeight(this.props, this._instanceProps);\n      var estimatedTotalWidth = getEstimatedTotalWidth(this.props, this._instanceProps);\n      return createElement(outerElementType || outerTagName || 'div', {\n        className: className,\n        onScroll: this._onScroll,\n        ref: this._outerRefSetter,\n        style: _extends({\n          position: 'relative',\n          height: height,\n          width: width,\n          overflow: 'auto',\n          WebkitOverflowScrolling: 'touch',\n          willChange: 'transform',\n          direction: direction\n        }, style)\n      }, createElement(innerElementType || innerTagName || 'div', {\n        children: items,\n        ref: innerRef,\n        style: {\n          height: estimatedTotalHeight,\n          pointerEvents: isScrolling ? 'none' : undefined,\n          width: estimatedTotalWidth\n        }\n      }));\n    };\n\n    _proto._callPropsCallbacks = function _callPropsCallbacks() {\n      var _this$props5 = this.props,\n          columnCount = _this$props5.columnCount,\n          onItemsRendered = _this$props5.onItemsRendered,\n          onScroll = _this$props5.onScroll,\n          rowCount = _this$props5.rowCount;\n\n      if (typeof onItemsRendered === 'function') {\n        if (columnCount > 0 && rowCount > 0) {\n          var _this$_getHorizontalR2 = this._getHorizontalRangeToRender(),\n              _overscanColumnStartIndex = _this$_getHorizontalR2[0],\n              _overscanColumnStopIndex = _this$_getHorizontalR2[1],\n              _visibleColumnStartIndex = _this$_getHorizontalR2[2],\n              _visibleColumnStopIndex = _this$_getHorizontalR2[3];\n\n          var _this$_getVerticalRan2 = this._getVerticalRangeToRender(),\n              _overscanRowStartIndex = _this$_getVerticalRan2[0],\n              _overscanRowStopIndex = _this$_getVerticalRan2[1],\n              _visibleRowStartIndex = _this$_getVerticalRan2[2],\n              _visibleRowStopIndex = _this$_getVerticalRan2[3];\n\n          this._callOnItemsRendered(_overscanColumnStartIndex, _overscanColumnStopIndex, _overscanRowStartIndex, _overscanRowStopIndex, _visibleColumnStartIndex, _visibleColumnStopIndex, _visibleRowStartIndex, _visibleRowStopIndex);\n        }\n      }\n\n      if (typeof onScroll === 'function') {\n        var _this$state3 = this.state,\n            _horizontalScrollDirection = _this$state3.horizontalScrollDirection,\n            _scrollLeft = _this$state3.scrollLeft,\n            _scrollTop = _this$state3.scrollTop,\n            _scrollUpdateWasRequested = _this$state3.scrollUpdateWasRequested,\n            _verticalScrollDirection = _this$state3.verticalScrollDirection;\n\n        this._callOnScroll(_scrollLeft, _scrollTop, _horizontalScrollDirection, _verticalScrollDirection, _scrollUpdateWasRequested);\n      }\n    } // Lazily create and cache item styles while scrolling,\n    // So that pure component sCU will prevent re-renders.\n    // We maintain this cache, and pass a style prop rather than index,\n    // So that List can clear cached styles and force item re-render if necessary.\n    ;\n\n    _proto._getHorizontalRangeToRender = function _getHorizontalRangeToRender() {\n      var _this$props6 = this.props,\n          columnCount = _this$props6.columnCount,\n          overscanColumnCount = _this$props6.overscanColumnCount,\n          overscanColumnsCount = _this$props6.overscanColumnsCount,\n          overscanCount = _this$props6.overscanCount,\n          rowCount = _this$props6.rowCount;\n      var _this$state4 = this.state,\n          horizontalScrollDirection = _this$state4.horizontalScrollDirection,\n          isScrolling = _this$state4.isScrolling,\n          scrollLeft = _this$state4.scrollLeft;\n      var overscanCountResolved = overscanColumnCount || overscanColumnsCount || overscanCount || 1;\n\n      if (columnCount === 0 || rowCount === 0) {\n        return [0, 0, 0, 0];\n      }\n\n      var startIndex = getColumnStartIndexForOffset(this.props, scrollLeft, this._instanceProps);\n      var stopIndex = getColumnStopIndexForStartIndex(this.props, startIndex, scrollLeft, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.\n      // If there isn't at least one extra item, tab loops back around.\n\n      var overscanBackward = !isScrolling || horizontalScrollDirection === 'backward' ? Math.max(1, overscanCountResolved) : 1;\n      var overscanForward = !isScrolling || horizontalScrollDirection === 'forward' ? Math.max(1, overscanCountResolved) : 1;\n      return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(columnCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];\n    };\n\n    _proto._getVerticalRangeToRender = function _getVerticalRangeToRender() {\n      var _this$props7 = this.props,\n          columnCount = _this$props7.columnCount,\n          overscanCount = _this$props7.overscanCount,\n          overscanRowCount = _this$props7.overscanRowCount,\n          overscanRowsCount = _this$props7.overscanRowsCount,\n          rowCount = _this$props7.rowCount;\n      var _this$state5 = this.state,\n          isScrolling = _this$state5.isScrolling,\n          verticalScrollDirection = _this$state5.verticalScrollDirection,\n          scrollTop = _this$state5.scrollTop;\n      var overscanCountResolved = overscanRowCount || overscanRowsCount || overscanCount || 1;\n\n      if (columnCount === 0 || rowCount === 0) {\n        return [0, 0, 0, 0];\n      }\n\n      var startIndex = getRowStartIndexForOffset(this.props, scrollTop, this._instanceProps);\n      var stopIndex = getRowStopIndexForStartIndex(this.props, startIndex, scrollTop, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.\n      // If there isn't at least one extra item, tab loops back around.\n\n      var overscanBackward = !isScrolling || verticalScrollDirection === 'backward' ? Math.max(1, overscanCountResolved) : 1;\n      var overscanForward = !isScrolling || verticalScrollDirection === 'forward' ? Math.max(1, overscanCountResolved) : 1;\n      return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(rowCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];\n    };\n\n    return Grid;\n  }(PureComponent), _class.defaultProps = {\n    direction: 'ltr',\n    itemData: undefined,\n    useIsScrolling: false\n  }, _class;\n}\n\nvar validateSharedProps = function validateSharedProps(_ref5, _ref6) {\n  var children = _ref5.children,\n      direction = _ref5.direction,\n      height = _ref5.height,\n      innerTagName = _ref5.innerTagName,\n      outerTagName = _ref5.outerTagName,\n      overscanColumnsCount = _ref5.overscanColumnsCount,\n      overscanCount = _ref5.overscanCount,\n      overscanRowsCount = _ref5.overscanRowsCount,\n      width = _ref5.width;\n  var instance = _ref6.instance;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (typeof overscanCount === 'number') {\n      if (devWarningsOverscanCount && !devWarningsOverscanCount.has(instance)) {\n        devWarningsOverscanCount.add(instance);\n        console.warn('The overscanCount prop has been deprecated. ' + 'Please use the overscanColumnCount and overscanRowCount props instead.');\n      }\n    }\n\n    if (typeof overscanColumnsCount === 'number' || typeof overscanRowsCount === 'number') {\n      if (devWarningsOverscanRowsColumnsCount && !devWarningsOverscanRowsColumnsCount.has(instance)) {\n        devWarningsOverscanRowsColumnsCount.add(instance);\n        console.warn('The overscanColumnsCount and overscanRowsCount props have been deprecated. ' + 'Please use the overscanColumnCount and overscanRowCount props instead.');\n      }\n    }\n\n    if (innerTagName != null || outerTagName != null) {\n      if (devWarningsTagName && !devWarningsTagName.has(instance)) {\n        devWarningsTagName.add(instance);\n        console.warn('The innerTagName and outerTagName props have been deprecated. ' + 'Please use the innerElementType and outerElementType props instead.');\n      }\n    }\n\n    if (children == null) {\n      throw Error('An invalid \"children\" prop has been specified. ' + 'Value should be a React component. ' + (\"\\\"\" + (children === null ? 'null' : typeof children) + \"\\\" was specified.\"));\n    }\n\n    switch (direction) {\n      case 'ltr':\n      case 'rtl':\n        // Valid values\n        break;\n\n      default:\n        throw Error('An invalid \"direction\" prop has been specified. ' + 'Value should be either \"ltr\" or \"rtl\". ' + (\"\\\"\" + direction + \"\\\" was specified.\"));\n    }\n\n    if (typeof width !== 'number') {\n      throw Error('An invalid \"width\" prop has been specified. ' + 'Grids must specify a number for width. ' + (\"\\\"\" + (width === null ? 'null' : typeof width) + \"\\\" was specified.\"));\n    }\n\n    if (typeof height !== 'number') {\n      throw Error('An invalid \"height\" prop has been specified. ' + 'Grids must specify a number for height. ' + (\"\\\"\" + (height === null ? 'null' : typeof height) + \"\\\" was specified.\"));\n    }\n  }\n};\n\nvar DEFAULT_ESTIMATED_ITEM_SIZE = 50;\n\nvar getEstimatedTotalHeight = function getEstimatedTotalHeight(_ref, _ref2) {\n  var rowCount = _ref.rowCount;\n  var rowMetadataMap = _ref2.rowMetadataMap,\n      estimatedRowHeight = _ref2.estimatedRowHeight,\n      lastMeasuredRowIndex = _ref2.lastMeasuredRowIndex;\n  var totalSizeOfMeasuredRows = 0; // Edge case check for when the number of items decreases while a scroll is in progress.\n  // https://github.com/bvaughn/react-window/pull/138\n\n  if (lastMeasuredRowIndex >= rowCount) {\n    lastMeasuredRowIndex = rowCount - 1;\n  }\n\n  if (lastMeasuredRowIndex >= 0) {\n    var itemMetadata = rowMetadataMap[lastMeasuredRowIndex];\n    totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;\n  }\n\n  var numUnmeasuredItems = rowCount - lastMeasuredRowIndex - 1;\n  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedRowHeight;\n  return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;\n};\n\nvar getEstimatedTotalWidth = function getEstimatedTotalWidth(_ref3, _ref4) {\n  var columnCount = _ref3.columnCount;\n  var columnMetadataMap = _ref4.columnMetadataMap,\n      estimatedColumnWidth = _ref4.estimatedColumnWidth,\n      lastMeasuredColumnIndex = _ref4.lastMeasuredColumnIndex;\n  var totalSizeOfMeasuredRows = 0; // Edge case check for when the number of items decreases while a scroll is in progress.\n  // https://github.com/bvaughn/react-window/pull/138\n\n  if (lastMeasuredColumnIndex >= columnCount) {\n    lastMeasuredColumnIndex = columnCount - 1;\n  }\n\n  if (lastMeasuredColumnIndex >= 0) {\n    var itemMetadata = columnMetadataMap[lastMeasuredColumnIndex];\n    totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;\n  }\n\n  var numUnmeasuredItems = columnCount - lastMeasuredColumnIndex - 1;\n  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedColumnWidth;\n  return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;\n};\n\nvar getItemMetadata = function getItemMetadata(itemType, props, index, instanceProps) {\n  var itemMetadataMap, itemSize, lastMeasuredIndex;\n\n  if (itemType === 'column') {\n    itemMetadataMap = instanceProps.columnMetadataMap;\n    itemSize = props.columnWidth;\n    lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;\n  } else {\n    itemMetadataMap = instanceProps.rowMetadataMap;\n    itemSize = props.rowHeight;\n    lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;\n  }\n\n  if (index > lastMeasuredIndex) {\n    var offset = 0;\n\n    if (lastMeasuredIndex >= 0) {\n      var itemMetadata = itemMetadataMap[lastMeasuredIndex];\n      offset = itemMetadata.offset + itemMetadata.size;\n    }\n\n    for (var i = lastMeasuredIndex + 1; i <= index; i++) {\n      var size = itemSize(i);\n      itemMetadataMap[i] = {\n        offset: offset,\n        size: size\n      };\n      offset += size;\n    }\n\n    if (itemType === 'column') {\n      instanceProps.lastMeasuredColumnIndex = index;\n    } else {\n      instanceProps.lastMeasuredRowIndex = index;\n    }\n  }\n\n  return itemMetadataMap[index];\n};\n\nvar findNearestItem = function findNearestItem(itemType, props, instanceProps, offset) {\n  var itemMetadataMap, lastMeasuredIndex;\n\n  if (itemType === 'column') {\n    itemMetadataMap = instanceProps.columnMetadataMap;\n    lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;\n  } else {\n    itemMetadataMap = instanceProps.rowMetadataMap;\n    lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;\n  }\n\n  var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;\n\n  if (lastMeasuredItemOffset >= offset) {\n    // If we've already measured items within this range just use a binary search as it's faster.\n    return findNearestItemBinarySearch(itemType, props, instanceProps, lastMeasuredIndex, 0, offset);\n  } else {\n    // If we haven't yet measured this high, fallback to an exponential search with an inner binary search.\n    // The exponential search avoids pre-computing sizes for the full set of items as a binary search would.\n    // The overall complexity for this approach is O(log n).\n    return findNearestItemExponentialSearch(itemType, props, instanceProps, Math.max(0, lastMeasuredIndex), offset);\n  }\n};\n\nvar findNearestItemBinarySearch = function findNearestItemBinarySearch(itemType, props, instanceProps, high, low, offset) {\n  while (low <= high) {\n    var middle = low + Math.floor((high - low) / 2);\n    var currentOffset = getItemMetadata(itemType, props, middle, instanceProps).offset;\n\n    if (currentOffset === offset) {\n      return middle;\n    } else if (currentOffset < offset) {\n      low = middle + 1;\n    } else if (currentOffset > offset) {\n      high = middle - 1;\n    }\n  }\n\n  if (low > 0) {\n    return low - 1;\n  } else {\n    return 0;\n  }\n};\n\nvar findNearestItemExponentialSearch = function findNearestItemExponentialSearch(itemType, props, instanceProps, index, offset) {\n  var itemCount = itemType === 'column' ? props.columnCount : props.rowCount;\n  var interval = 1;\n\n  while (index < itemCount && getItemMetadata(itemType, props, index, instanceProps).offset < offset) {\n    index += interval;\n    interval *= 2;\n  }\n\n  return findNearestItemBinarySearch(itemType, props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);\n};\n\nvar getOffsetForIndexAndAlignment = function getOffsetForIndexAndAlignment(itemType, props, index, align, scrollOffset, instanceProps, scrollbarSize) {\n  var size = itemType === 'column' ? props.width : props.height;\n  var itemMetadata = getItemMetadata(itemType, props, index, instanceProps); // Get estimated total size after ItemMetadata is computed,\n  // To ensure it reflects actual measurements instead of just estimates.\n\n  var estimatedTotalSize = itemType === 'column' ? getEstimatedTotalWidth(props, instanceProps) : getEstimatedTotalHeight(props, instanceProps);\n  var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));\n  var minOffset = Math.max(0, itemMetadata.offset - size + scrollbarSize + itemMetadata.size);\n\n  if (align === 'smart') {\n    if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {\n      align = 'auto';\n    } else {\n      align = 'center';\n    }\n  }\n\n  switch (align) {\n    case 'start':\n      return maxOffset;\n\n    case 'end':\n      return minOffset;\n\n    case 'center':\n      return Math.round(minOffset + (maxOffset - minOffset) / 2);\n\n    case 'auto':\n    default:\n      if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n        return scrollOffset;\n      } else if (minOffset > maxOffset) {\n        // Because we only take into account the scrollbar size when calculating minOffset\n        // this value can be larger than maxOffset when at the end of the list\n        return minOffset;\n      } else if (scrollOffset < minOffset) {\n        return minOffset;\n      } else {\n        return maxOffset;\n      }\n\n  }\n};\n\nvar VariableSizeGrid = /*#__PURE__*/createGridComponent({\n  getColumnOffset: function getColumnOffset(props, index, instanceProps) {\n    return getItemMetadata('column', props, index, instanceProps).offset;\n  },\n  getColumnStartIndexForOffset: function getColumnStartIndexForOffset(props, scrollLeft, instanceProps) {\n    return findNearestItem('column', props, instanceProps, scrollLeft);\n  },\n  getColumnStopIndexForStartIndex: function getColumnStopIndexForStartIndex(props, startIndex, scrollLeft, instanceProps) {\n    var columnCount = props.columnCount,\n        width = props.width;\n    var itemMetadata = getItemMetadata('column', props, startIndex, instanceProps);\n    var maxOffset = scrollLeft + width;\n    var offset = itemMetadata.offset + itemMetadata.size;\n    var stopIndex = startIndex;\n\n    while (stopIndex < columnCount - 1 && offset < maxOffset) {\n      stopIndex++;\n      offset += getItemMetadata('column', props, stopIndex, instanceProps).size;\n    }\n\n    return stopIndex;\n  },\n  getColumnWidth: function getColumnWidth(props, index, instanceProps) {\n    return instanceProps.columnMetadataMap[index].size;\n  },\n  getEstimatedTotalHeight: getEstimatedTotalHeight,\n  getEstimatedTotalWidth: getEstimatedTotalWidth,\n  getOffsetForColumnAndAlignment: function getOffsetForColumnAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {\n    return getOffsetForIndexAndAlignment('column', props, index, align, scrollOffset, instanceProps, scrollbarSize);\n  },\n  getOffsetForRowAndAlignment: function getOffsetForRowAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {\n    return getOffsetForIndexAndAlignment('row', props, index, align, scrollOffset, instanceProps, scrollbarSize);\n  },\n  getRowOffset: function getRowOffset(props, index, instanceProps) {\n    return getItemMetadata('row', props, index, instanceProps).offset;\n  },\n  getRowHeight: function getRowHeight(props, index, instanceProps) {\n    return instanceProps.rowMetadataMap[index].size;\n  },\n  getRowStartIndexForOffset: function getRowStartIndexForOffset(props, scrollTop, instanceProps) {\n    return findNearestItem('row', props, instanceProps, scrollTop);\n  },\n  getRowStopIndexForStartIndex: function getRowStopIndexForStartIndex(props, startIndex, scrollTop, instanceProps) {\n    var rowCount = props.rowCount,\n        height = props.height;\n    var itemMetadata = getItemMetadata('row', props, startIndex, instanceProps);\n    var maxOffset = scrollTop + height;\n    var offset = itemMetadata.offset + itemMetadata.size;\n    var stopIndex = startIndex;\n\n    while (stopIndex < rowCount - 1 && offset < maxOffset) {\n      stopIndex++;\n      offset += getItemMetadata('row', props, stopIndex, instanceProps).size;\n    }\n\n    return stopIndex;\n  },\n  initInstanceProps: function initInstanceProps(props, instance) {\n    var _ref5 = props,\n        estimatedColumnWidth = _ref5.estimatedColumnWidth,\n        estimatedRowHeight = _ref5.estimatedRowHeight;\n    var instanceProps = {\n      columnMetadataMap: {},\n      estimatedColumnWidth: estimatedColumnWidth || DEFAULT_ESTIMATED_ITEM_SIZE,\n      estimatedRowHeight: estimatedRowHeight || DEFAULT_ESTIMATED_ITEM_SIZE,\n      lastMeasuredColumnIndex: -1,\n      lastMeasuredRowIndex: -1,\n      rowMetadataMap: {}\n    };\n\n    instance.resetAfterColumnIndex = function (columnIndex, shouldForceUpdate) {\n      if (shouldForceUpdate === void 0) {\n        shouldForceUpdate = true;\n      }\n\n      instance.resetAfterIndices({\n        columnIndex: columnIndex,\n        shouldForceUpdate: shouldForceUpdate\n      });\n    };\n\n    instance.resetAfterRowIndex = function (rowIndex, shouldForceUpdate) {\n      if (shouldForceUpdate === void 0) {\n        shouldForceUpdate = true;\n      }\n\n      instance.resetAfterIndices({\n        rowIndex: rowIndex,\n        shouldForceUpdate: shouldForceUpdate\n      });\n    };\n\n    instance.resetAfterIndices = function (_ref6) {\n      var columnIndex = _ref6.columnIndex,\n          rowIndex = _ref6.rowIndex,\n          _ref6$shouldForceUpda = _ref6.shouldForceUpdate,\n          shouldForceUpdate = _ref6$shouldForceUpda === void 0 ? true : _ref6$shouldForceUpda;\n\n      if (typeof columnIndex === 'number') {\n        instanceProps.lastMeasuredColumnIndex = Math.min(instanceProps.lastMeasuredColumnIndex, columnIndex - 1);\n      }\n\n      if (typeof rowIndex === 'number') {\n        instanceProps.lastMeasuredRowIndex = Math.min(instanceProps.lastMeasuredRowIndex, rowIndex - 1);\n      } // We could potentially optimize further by only evicting styles after this index,\n      // But since styles are only cached while scrolling is in progress-\n      // It seems an unnecessary optimization.\n      // It's unlikely that resetAfterIndex() will be called while a user is scrolling.\n\n\n      instance._getItemStyleCache(-1);\n\n      if (shouldForceUpdate) {\n        instance.forceUpdate();\n      }\n    };\n\n    return instanceProps;\n  },\n  shouldResetStyleCacheOnItemSizeChange: false,\n  validateProps: function validateProps(_ref7) {\n    var columnWidth = _ref7.columnWidth,\n        rowHeight = _ref7.rowHeight;\n\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof columnWidth !== 'function') {\n        throw Error('An invalid \"columnWidth\" prop has been specified. ' + 'Value should be a function. ' + (\"\\\"\" + (columnWidth === null ? 'null' : typeof columnWidth) + \"\\\" was specified.\"));\n      } else if (typeof rowHeight !== 'function') {\n        throw Error('An invalid \"rowHeight\" prop has been specified. ' + 'Value should be a function. ' + (\"\\\"\" + (rowHeight === null ? 'null' : typeof rowHeight) + \"\\\" was specified.\"));\n      }\n    }\n  }\n});\n\nvar IS_SCROLLING_DEBOUNCE_INTERVAL$1 = 150;\n\nvar defaultItemKey$1 = function defaultItemKey(index, data) {\n  return index;\n}; // In DEV mode, this Set helps us only log a warning once per component instance.\n// This avoids spamming the console every time a render happens.\n\n\nvar devWarningsDirection = null;\nvar devWarningsTagName$1 = null;\n\nif (process.env.NODE_ENV !== 'production') {\n  if (typeof window !== 'undefined' && typeof window.WeakSet !== 'undefined') {\n    devWarningsDirection = /*#__PURE__*/new WeakSet();\n    devWarningsTagName$1 = /*#__PURE__*/new WeakSet();\n  }\n}\n\nfunction createListComponent(_ref) {\n  var _class;\n\n  var getItemOffset = _ref.getItemOffset,\n      getEstimatedTotalSize = _ref.getEstimatedTotalSize,\n      getItemSize = _ref.getItemSize,\n      getOffsetForIndexAndAlignment = _ref.getOffsetForIndexAndAlignment,\n      getStartIndexForOffset = _ref.getStartIndexForOffset,\n      getStopIndexForStartIndex = _ref.getStopIndexForStartIndex,\n      initInstanceProps = _ref.initInstanceProps,\n      shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange,\n      validateProps = _ref.validateProps;\n  return _class = /*#__PURE__*/function (_PureComponent) {\n    _inheritsLoose(List, _PureComponent);\n\n    // Always use explicit constructor for React components.\n    // It produces less code after transpilation. (#26)\n    // eslint-disable-next-line no-useless-constructor\n    function List(props) {\n      var _this;\n\n      _this = _PureComponent.call(this, props) || this;\n      _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));\n      _this._outerRef = void 0;\n      _this._resetIsScrollingTimeoutId = null;\n      _this.state = {\n        instance: _assertThisInitialized(_this),\n        isScrolling: false,\n        scrollDirection: 'forward',\n        scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,\n        scrollUpdateWasRequested: false\n      };\n      _this._callOnItemsRendered = void 0;\n      _this._callOnItemsRendered = memoizeOne(function (overscanStartIndex, overscanStopIndex, visibleStartIndex, visibleStopIndex) {\n        return _this.props.onItemsRendered({\n          overscanStartIndex: overscanStartIndex,\n          overscanStopIndex: overscanStopIndex,\n          visibleStartIndex: visibleStartIndex,\n          visibleStopIndex: visibleStopIndex\n        });\n      });\n      _this._callOnScroll = void 0;\n      _this._callOnScroll = memoizeOne(function (scrollDirection, scrollOffset, scrollUpdateWasRequested) {\n        return _this.props.onScroll({\n          scrollDirection: scrollDirection,\n          scrollOffset: scrollOffset,\n          scrollUpdateWasRequested: scrollUpdateWasRequested\n        });\n      });\n      _this._getItemStyle = void 0;\n\n      _this._getItemStyle = function (index) {\n        var _this$props = _this.props,\n            direction = _this$props.direction,\n            itemSize = _this$props.itemSize,\n            layout = _this$props.layout;\n\n        var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && itemSize, shouldResetStyleCacheOnItemSizeChange && layout, shouldResetStyleCacheOnItemSizeChange && direction);\n\n        var style;\n\n        if (itemStyleCache.hasOwnProperty(index)) {\n          style = itemStyleCache[index];\n        } else {\n          var _offset = getItemOffset(_this.props, index, _this._instanceProps);\n\n          var size = getItemSize(_this.props, index, _this._instanceProps); // TODO Deprecate direction \"horizontal\"\n\n          var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n          var isRtl = direction === 'rtl';\n          var offsetHorizontal = isHorizontal ? _offset : 0;\n          itemStyleCache[index] = style = {\n            position: 'absolute',\n            left: isRtl ? undefined : offsetHorizontal,\n            right: isRtl ? offsetHorizontal : undefined,\n            top: !isHorizontal ? _offset : 0,\n            height: !isHorizontal ? size : '100%',\n            width: isHorizontal ? size : '100%'\n          };\n        }\n\n        return style;\n      };\n\n      _this._getItemStyleCache = void 0;\n      _this._getItemStyleCache = memoizeOne(function (_, __, ___) {\n        return {};\n      });\n\n      _this._onScrollHorizontal = function (event) {\n        var _event$currentTarget = event.currentTarget,\n            clientWidth = _event$currentTarget.clientWidth,\n            scrollLeft = _event$currentTarget.scrollLeft,\n            scrollWidth = _event$currentTarget.scrollWidth;\n\n        _this.setState(function (prevState) {\n          if (prevState.scrollOffset === scrollLeft) {\n            // Scroll position may have been updated by cDM/cDU,\n            // In which case we don't need to trigger another render,\n            // And we don't want to update state.isScrolling.\n            return null;\n          }\n\n          var direction = _this.props.direction;\n          var scrollOffset = scrollLeft;\n\n          if (direction === 'rtl') {\n            // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n            // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n            // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n            // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n            switch (getRTLOffsetType()) {\n              case 'negative':\n                scrollOffset = -scrollLeft;\n                break;\n\n              case 'positive-descending':\n                scrollOffset = scrollWidth - clientWidth - scrollLeft;\n                break;\n            }\n          } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n\n\n          scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));\n          return {\n            isScrolling: true,\n            scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',\n            scrollOffset: scrollOffset,\n            scrollUpdateWasRequested: false\n          };\n        }, _this._resetIsScrollingDebounced);\n      };\n\n      _this._onScrollVertical = function (event) {\n        var _event$currentTarget2 = event.currentTarget,\n            clientHeight = _event$currentTarget2.clientHeight,\n            scrollHeight = _event$currentTarget2.scrollHeight,\n            scrollTop = _event$currentTarget2.scrollTop;\n\n        _this.setState(function (prevState) {\n          if (prevState.scrollOffset === scrollTop) {\n            // Scroll position may have been updated by cDM/cDU,\n            // In which case we don't need to trigger another render,\n            // And we don't want to update state.isScrolling.\n            return null;\n          } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n\n\n          var scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));\n          return {\n            isScrolling: true,\n            scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',\n            scrollOffset: scrollOffset,\n            scrollUpdateWasRequested: false\n          };\n        }, _this._resetIsScrollingDebounced);\n      };\n\n      _this._outerRefSetter = function (ref) {\n        var outerRef = _this.props.outerRef;\n        _this._outerRef = ref;\n\n        if (typeof outerRef === 'function') {\n          outerRef(ref);\n        } else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {\n          outerRef.current = ref;\n        }\n      };\n\n      _this._resetIsScrollingDebounced = function () {\n        if (_this._resetIsScrollingTimeoutId !== null) {\n          cancelTimeout(_this._resetIsScrollingTimeoutId);\n        }\n\n        _this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL$1);\n      };\n\n      _this._resetIsScrolling = function () {\n        _this._resetIsScrollingTimeoutId = null;\n\n        _this.setState({\n          isScrolling: false\n        }, function () {\n          // Clear style cache after state update has been committed.\n          // This way we don't break pure sCU for items that don't use isScrolling param.\n          _this._getItemStyleCache(-1, null);\n        });\n      };\n\n      return _this;\n    }\n\n    List.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n      validateSharedProps$1(nextProps, prevState);\n      validateProps(nextProps);\n      return null;\n    };\n\n    var _proto = List.prototype;\n\n    _proto.scrollTo = function scrollTo(scrollOffset) {\n      scrollOffset = Math.max(0, scrollOffset);\n      this.setState(function (prevState) {\n        if (prevState.scrollOffset === scrollOffset) {\n          return null;\n        }\n\n        return {\n          scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',\n          scrollOffset: scrollOffset,\n          scrollUpdateWasRequested: true\n        };\n      }, this._resetIsScrollingDebounced);\n    };\n\n    _proto.scrollToItem = function scrollToItem(index, align) {\n      if (align === void 0) {\n        align = 'auto';\n      }\n\n      var _this$props2 = this.props,\n          itemCount = _this$props2.itemCount,\n          layout = _this$props2.layout;\n      var scrollOffset = this.state.scrollOffset;\n      index = Math.max(0, Math.min(index, itemCount - 1)); // The scrollbar size should be considered when scrolling an item into view, to ensure it's fully visible.\n      // But we only need to account for its size when it's actually visible.\n      // This is an edge case for lists; normally they only scroll in the dominant direction.\n\n      var scrollbarSize = 0;\n\n      if (this._outerRef) {\n        var outerRef = this._outerRef;\n\n        if (layout === 'vertical') {\n          scrollbarSize = outerRef.scrollWidth > outerRef.clientWidth ? getScrollbarSize() : 0;\n        } else {\n          scrollbarSize = outerRef.scrollHeight > outerRef.clientHeight ? getScrollbarSize() : 0;\n        }\n      }\n\n      this.scrollTo(getOffsetForIndexAndAlignment(this.props, index, align, scrollOffset, this._instanceProps, scrollbarSize));\n    };\n\n    _proto.componentDidMount = function componentDidMount() {\n      var _this$props3 = this.props,\n          direction = _this$props3.direction,\n          initialScrollOffset = _this$props3.initialScrollOffset,\n          layout = _this$props3.layout;\n\n      if (typeof initialScrollOffset === 'number' && this._outerRef != null) {\n        var outerRef = this._outerRef; // TODO Deprecate direction \"horizontal\"\n\n        if (direction === 'horizontal' || layout === 'horizontal') {\n          outerRef.scrollLeft = initialScrollOffset;\n        } else {\n          outerRef.scrollTop = initialScrollOffset;\n        }\n      }\n\n      this._callPropsCallbacks();\n    };\n\n    _proto.componentDidUpdate = function componentDidUpdate() {\n      var _this$props4 = this.props,\n          direction = _this$props4.direction,\n          layout = _this$props4.layout;\n      var _this$state = this.state,\n          scrollOffset = _this$state.scrollOffset,\n          scrollUpdateWasRequested = _this$state.scrollUpdateWasRequested;\n\n      if (scrollUpdateWasRequested && this._outerRef != null) {\n        var outerRef = this._outerRef; // TODO Deprecate direction \"horizontal\"\n\n        if (direction === 'horizontal' || layout === 'horizontal') {\n          if (direction === 'rtl') {\n            // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n            // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n            // So we need to determine which browser behavior we're dealing with, and mimic it.\n            switch (getRTLOffsetType()) {\n              case 'negative':\n                outerRef.scrollLeft = -scrollOffset;\n                break;\n\n              case 'positive-ascending':\n                outerRef.scrollLeft = scrollOffset;\n                break;\n\n              default:\n                var clientWidth = outerRef.clientWidth,\n                    scrollWidth = outerRef.scrollWidth;\n                outerRef.scrollLeft = scrollWidth - clientWidth - scrollOffset;\n                break;\n            }\n          } else {\n            outerRef.scrollLeft = scrollOffset;\n          }\n        } else {\n          outerRef.scrollTop = scrollOffset;\n        }\n      }\n\n      this._callPropsCallbacks();\n    };\n\n    _proto.componentWillUnmount = function componentWillUnmount() {\n      if (this._resetIsScrollingTimeoutId !== null) {\n        cancelTimeout(this._resetIsScrollingTimeoutId);\n      }\n    };\n\n    _proto.render = function render() {\n      var _this$props5 = this.props,\n          children = _this$props5.children,\n          className = _this$props5.className,\n          direction = _this$props5.direction,\n          height = _this$props5.height,\n          innerRef = _this$props5.innerRef,\n          innerElementType = _this$props5.innerElementType,\n          innerTagName = _this$props5.innerTagName,\n          itemCount = _this$props5.itemCount,\n          itemData = _this$props5.itemData,\n          _this$props5$itemKey = _this$props5.itemKey,\n          itemKey = _this$props5$itemKey === void 0 ? defaultItemKey$1 : _this$props5$itemKey,\n          layout = _this$props5.layout,\n          outerElementType = _this$props5.outerElementType,\n          outerTagName = _this$props5.outerTagName,\n          style = _this$props5.style,\n          useIsScrolling = _this$props5.useIsScrolling,\n          width = _this$props5.width;\n      var isScrolling = this.state.isScrolling; // TODO Deprecate direction \"horizontal\"\n\n      var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n      var onScroll = isHorizontal ? this._onScrollHorizontal : this._onScrollVertical;\n\n      var _this$_getRangeToRend = this._getRangeToRender(),\n          startIndex = _this$_getRangeToRend[0],\n          stopIndex = _this$_getRangeToRend[1];\n\n      var items = [];\n\n      if (itemCount > 0) {\n        for (var _index = startIndex; _index <= stopIndex; _index++) {\n          items.push(createElement(children, {\n            data: itemData,\n            key: itemKey(_index, itemData),\n            index: _index,\n            isScrolling: useIsScrolling ? isScrolling : undefined,\n            style: this._getItemStyle(_index)\n          }));\n        }\n      } // Read this value AFTER items have been created,\n      // So their actual sizes (if variable) are taken into consideration.\n\n\n      var estimatedTotalSize = getEstimatedTotalSize(this.props, this._instanceProps);\n      return createElement(outerElementType || outerTagName || 'div', {\n        className: className,\n        onScroll: onScroll,\n        ref: this._outerRefSetter,\n        style: _extends({\n          position: 'relative',\n          height: height,\n          width: width,\n          overflow: 'auto',\n          WebkitOverflowScrolling: 'touch',\n          willChange: 'transform',\n          direction: direction\n        }, style)\n      }, createElement(innerElementType || innerTagName || 'div', {\n        children: items,\n        ref: innerRef,\n        style: {\n          height: isHorizontal ? '100%' : estimatedTotalSize,\n          pointerEvents: isScrolling ? 'none' : undefined,\n          width: isHorizontal ? estimatedTotalSize : '100%'\n        }\n      }));\n    };\n\n    _proto._callPropsCallbacks = function _callPropsCallbacks() {\n      if (typeof this.props.onItemsRendered === 'function') {\n        var itemCount = this.props.itemCount;\n\n        if (itemCount > 0) {\n          var _this$_getRangeToRend2 = this._getRangeToRender(),\n              _overscanStartIndex = _this$_getRangeToRend2[0],\n              _overscanStopIndex = _this$_getRangeToRend2[1],\n              _visibleStartIndex = _this$_getRangeToRend2[2],\n              _visibleStopIndex = _this$_getRangeToRend2[3];\n\n          this._callOnItemsRendered(_overscanStartIndex, _overscanStopIndex, _visibleStartIndex, _visibleStopIndex);\n        }\n      }\n\n      if (typeof this.props.onScroll === 'function') {\n        var _this$state2 = this.state,\n            _scrollDirection = _this$state2.scrollDirection,\n            _scrollOffset = _this$state2.scrollOffset,\n            _scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;\n\n        this._callOnScroll(_scrollDirection, _scrollOffset, _scrollUpdateWasRequested);\n      }\n    } // Lazily create and cache item styles while scrolling,\n    // So that pure component sCU will prevent re-renders.\n    // We maintain this cache, and pass a style prop rather than index,\n    // So that List can clear cached styles and force item re-render if necessary.\n    ;\n\n    _proto._getRangeToRender = function _getRangeToRender() {\n      var _this$props6 = this.props,\n          itemCount = _this$props6.itemCount,\n          overscanCount = _this$props6.overscanCount;\n      var _this$state3 = this.state,\n          isScrolling = _this$state3.isScrolling,\n          scrollDirection = _this$state3.scrollDirection,\n          scrollOffset = _this$state3.scrollOffset;\n\n      if (itemCount === 0) {\n        return [0, 0, 0, 0];\n      }\n\n      var startIndex = getStartIndexForOffset(this.props, scrollOffset, this._instanceProps);\n      var stopIndex = getStopIndexForStartIndex(this.props, startIndex, scrollOffset, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.\n      // If there isn't at least one extra item, tab loops back around.\n\n      var overscanBackward = !isScrolling || scrollDirection === 'backward' ? Math.max(1, overscanCount) : 1;\n      var overscanForward = !isScrolling || scrollDirection === 'forward' ? Math.max(1, overscanCount) : 1;\n      return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(itemCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];\n    };\n\n    return List;\n  }(PureComponent), _class.defaultProps = {\n    direction: 'ltr',\n    itemData: undefined,\n    layout: 'vertical',\n    overscanCount: 2,\n    useIsScrolling: false\n  }, _class;\n} // NOTE: I considered further wrapping individual items with a pure ListItem component.\n// This would avoid ever calling the render function for the same index more than once,\n// But it would also add the overhead of a lot of components/fibers.\n// I assume people already do this (render function returning a class component),\n// So my doing it would just unnecessarily double the wrappers.\n\nvar validateSharedProps$1 = function validateSharedProps(_ref2, _ref3) {\n  var children = _ref2.children,\n      direction = _ref2.direction,\n      height = _ref2.height,\n      layout = _ref2.layout,\n      innerTagName = _ref2.innerTagName,\n      outerTagName = _ref2.outerTagName,\n      width = _ref2.width;\n  var instance = _ref3.instance;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (innerTagName != null || outerTagName != null) {\n      if (devWarningsTagName$1 && !devWarningsTagName$1.has(instance)) {\n        devWarningsTagName$1.add(instance);\n        console.warn('The innerTagName and outerTagName props have been deprecated. ' + 'Please use the innerElementType and outerElementType props instead.');\n      }\n    } // TODO Deprecate direction \"horizontal\"\n\n\n    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n\n    switch (direction) {\n      case 'horizontal':\n      case 'vertical':\n        if (devWarningsDirection && !devWarningsDirection.has(instance)) {\n          devWarningsDirection.add(instance);\n          console.warn('The direction prop should be either \"ltr\" (default) or \"rtl\". ' + 'Please use the layout prop to specify \"vertical\" (default) or \"horizontal\" orientation.');\n        }\n\n        break;\n\n      case 'ltr':\n      case 'rtl':\n        // Valid values\n        break;\n\n      default:\n        throw Error('An invalid \"direction\" prop has been specified. ' + 'Value should be either \"ltr\" or \"rtl\". ' + (\"\\\"\" + direction + \"\\\" was specified.\"));\n    }\n\n    switch (layout) {\n      case 'horizontal':\n      case 'vertical':\n        // Valid values\n        break;\n\n      default:\n        throw Error('An invalid \"layout\" prop has been specified. ' + 'Value should be either \"horizontal\" or \"vertical\". ' + (\"\\\"\" + layout + \"\\\" was specified.\"));\n    }\n\n    if (children == null) {\n      throw Error('An invalid \"children\" prop has been specified. ' + 'Value should be a React component. ' + (\"\\\"\" + (children === null ? 'null' : typeof children) + \"\\\" was specified.\"));\n    }\n\n    if (isHorizontal && typeof width !== 'number') {\n      throw Error('An invalid \"width\" prop has been specified. ' + 'Horizontal lists must specify a number for width. ' + (\"\\\"\" + (width === null ? 'null' : typeof width) + \"\\\" was specified.\"));\n    } else if (!isHorizontal && typeof height !== 'number') {\n      throw Error('An invalid \"height\" prop has been specified. ' + 'Vertical lists must specify a number for height. ' + (\"\\\"\" + (height === null ? 'null' : typeof height) + \"\\\" was specified.\"));\n    }\n  }\n};\n\nvar DEFAULT_ESTIMATED_ITEM_SIZE$1 = 50;\n\nvar getItemMetadata$1 = function getItemMetadata(props, index, instanceProps) {\n  var _ref = props,\n      itemSize = _ref.itemSize;\n  var itemMetadataMap = instanceProps.itemMetadataMap,\n      lastMeasuredIndex = instanceProps.lastMeasuredIndex;\n\n  if (index > lastMeasuredIndex) {\n    var offset = 0;\n\n    if (lastMeasuredIndex >= 0) {\n      var itemMetadata = itemMetadataMap[lastMeasuredIndex];\n      offset = itemMetadata.offset + itemMetadata.size;\n    }\n\n    for (var i = lastMeasuredIndex + 1; i <= index; i++) {\n      var size = itemSize(i);\n      itemMetadataMap[i] = {\n        offset: offset,\n        size: size\n      };\n      offset += size;\n    }\n\n    instanceProps.lastMeasuredIndex = index;\n  }\n\n  return itemMetadataMap[index];\n};\n\nvar findNearestItem$1 = function findNearestItem(props, instanceProps, offset) {\n  var itemMetadataMap = instanceProps.itemMetadataMap,\n      lastMeasuredIndex = instanceProps.lastMeasuredIndex;\n  var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;\n\n  if (lastMeasuredItemOffset >= offset) {\n    // If we've already measured items within this range just use a binary search as it's faster.\n    return findNearestItemBinarySearch$1(props, instanceProps, lastMeasuredIndex, 0, offset);\n  } else {\n    // If we haven't yet measured this high, fallback to an exponential search with an inner binary search.\n    // The exponential search avoids pre-computing sizes for the full set of items as a binary search would.\n    // The overall complexity for this approach is O(log n).\n    return findNearestItemExponentialSearch$1(props, instanceProps, Math.max(0, lastMeasuredIndex), offset);\n  }\n};\n\nvar findNearestItemBinarySearch$1 = function findNearestItemBinarySearch(props, instanceProps, high, low, offset) {\n  while (low <= high) {\n    var middle = low + Math.floor((high - low) / 2);\n    var currentOffset = getItemMetadata$1(props, middle, instanceProps).offset;\n\n    if (currentOffset === offset) {\n      return middle;\n    } else if (currentOffset < offset) {\n      low = middle + 1;\n    } else if (currentOffset > offset) {\n      high = middle - 1;\n    }\n  }\n\n  if (low > 0) {\n    return low - 1;\n  } else {\n    return 0;\n  }\n};\n\nvar findNearestItemExponentialSearch$1 = function findNearestItemExponentialSearch(props, instanceProps, index, offset) {\n  var itemCount = props.itemCount;\n  var interval = 1;\n\n  while (index < itemCount && getItemMetadata$1(props, index, instanceProps).offset < offset) {\n    index += interval;\n    interval *= 2;\n  }\n\n  return findNearestItemBinarySearch$1(props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);\n};\n\nvar getEstimatedTotalSize = function getEstimatedTotalSize(_ref2, _ref3) {\n  var itemCount = _ref2.itemCount;\n  var itemMetadataMap = _ref3.itemMetadataMap,\n      estimatedItemSize = _ref3.estimatedItemSize,\n      lastMeasuredIndex = _ref3.lastMeasuredIndex;\n  var totalSizeOfMeasuredItems = 0; // Edge case check for when the number of items decreases while a scroll is in progress.\n  // https://github.com/bvaughn/react-window/pull/138\n\n  if (lastMeasuredIndex >= itemCount) {\n    lastMeasuredIndex = itemCount - 1;\n  }\n\n  if (lastMeasuredIndex >= 0) {\n    var itemMetadata = itemMetadataMap[lastMeasuredIndex];\n    totalSizeOfMeasuredItems = itemMetadata.offset + itemMetadata.size;\n  }\n\n  var numUnmeasuredItems = itemCount - lastMeasuredIndex - 1;\n  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedItemSize;\n  return totalSizeOfMeasuredItems + totalSizeOfUnmeasuredItems;\n};\n\nvar VariableSizeList = /*#__PURE__*/createListComponent({\n  getItemOffset: function getItemOffset(props, index, instanceProps) {\n    return getItemMetadata$1(props, index, instanceProps).offset;\n  },\n  getItemSize: function getItemSize(props, index, instanceProps) {\n    return instanceProps.itemMetadataMap[index].size;\n  },\n  getEstimatedTotalSize: getEstimatedTotalSize,\n  getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {\n    var direction = props.direction,\n        height = props.height,\n        layout = props.layout,\n        width = props.width; // TODO Deprecate direction \"horizontal\"\n\n    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n    var size = isHorizontal ? width : height;\n    var itemMetadata = getItemMetadata$1(props, index, instanceProps); // Get estimated total size after ItemMetadata is computed,\n    // To ensure it reflects actual measurements instead of just estimates.\n\n    var estimatedTotalSize = getEstimatedTotalSize(props, instanceProps);\n    var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));\n    var minOffset = Math.max(0, itemMetadata.offset - size + itemMetadata.size + scrollbarSize);\n\n    if (align === 'smart') {\n      if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {\n        align = 'auto';\n      } else {\n        align = 'center';\n      }\n    }\n\n    switch (align) {\n      case 'start':\n        return maxOffset;\n\n      case 'end':\n        return minOffset;\n\n      case 'center':\n        return Math.round(minOffset + (maxOffset - minOffset) / 2);\n\n      case 'auto':\n      default:\n        if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n          return scrollOffset;\n        } else if (scrollOffset < minOffset) {\n          return minOffset;\n        } else {\n          return maxOffset;\n        }\n\n    }\n  },\n  getStartIndexForOffset: function getStartIndexForOffset(props, offset, instanceProps) {\n    return findNearestItem$1(props, instanceProps, offset);\n  },\n  getStopIndexForStartIndex: function getStopIndexForStartIndex(props, startIndex, scrollOffset, instanceProps) {\n    var direction = props.direction,\n        height = props.height,\n        itemCount = props.itemCount,\n        layout = props.layout,\n        width = props.width; // TODO Deprecate direction \"horizontal\"\n\n    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n    var size = isHorizontal ? width : height;\n    var itemMetadata = getItemMetadata$1(props, startIndex, instanceProps);\n    var maxOffset = scrollOffset + size;\n    var offset = itemMetadata.offset + itemMetadata.size;\n    var stopIndex = startIndex;\n\n    while (stopIndex < itemCount - 1 && offset < maxOffset) {\n      stopIndex++;\n      offset += getItemMetadata$1(props, stopIndex, instanceProps).size;\n    }\n\n    return stopIndex;\n  },\n  initInstanceProps: function initInstanceProps(props, instance) {\n    var _ref4 = props,\n        estimatedItemSize = _ref4.estimatedItemSize;\n    var instanceProps = {\n      itemMetadataMap: {},\n      estimatedItemSize: estimatedItemSize || DEFAULT_ESTIMATED_ITEM_SIZE$1,\n      lastMeasuredIndex: -1\n    };\n\n    instance.resetAfterIndex = function (index, shouldForceUpdate) {\n      if (shouldForceUpdate === void 0) {\n        shouldForceUpdate = true;\n      }\n\n      instanceProps.lastMeasuredIndex = Math.min(instanceProps.lastMeasuredIndex, index - 1); // We could potentially optimize further by only evicting styles after this index,\n      // But since styles are only cached while scrolling is in progress-\n      // It seems an unnecessary optimization.\n      // It's unlikely that resetAfterIndex() will be called while a user is scrolling.\n\n      instance._getItemStyleCache(-1);\n\n      if (shouldForceUpdate) {\n        instance.forceUpdate();\n      }\n    };\n\n    return instanceProps;\n  },\n  shouldResetStyleCacheOnItemSizeChange: false,\n  validateProps: function validateProps(_ref5) {\n    var itemSize = _ref5.itemSize;\n\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof itemSize !== 'function') {\n        throw Error('An invalid \"itemSize\" prop has been specified. ' + 'Value should be a function. ' + (\"\\\"\" + (itemSize === null ? 'null' : typeof itemSize) + \"\\\" was specified.\"));\n      }\n    }\n  }\n});\n\nvar FixedSizeGrid = /*#__PURE__*/createGridComponent({\n  getColumnOffset: function getColumnOffset(_ref, index) {\n    var columnWidth = _ref.columnWidth;\n    return index * columnWidth;\n  },\n  getColumnWidth: function getColumnWidth(_ref2, index) {\n    var columnWidth = _ref2.columnWidth;\n    return columnWidth;\n  },\n  getRowOffset: function getRowOffset(_ref3, index) {\n    var rowHeight = _ref3.rowHeight;\n    return index * rowHeight;\n  },\n  getRowHeight: function getRowHeight(_ref4, index) {\n    var rowHeight = _ref4.rowHeight;\n    return rowHeight;\n  },\n  getEstimatedTotalHeight: function getEstimatedTotalHeight(_ref5) {\n    var rowCount = _ref5.rowCount,\n        rowHeight = _ref5.rowHeight;\n    return rowHeight * rowCount;\n  },\n  getEstimatedTotalWidth: function getEstimatedTotalWidth(_ref6) {\n    var columnCount = _ref6.columnCount,\n        columnWidth = _ref6.columnWidth;\n    return columnWidth * columnCount;\n  },\n  getOffsetForColumnAndAlignment: function getOffsetForColumnAndAlignment(_ref7, columnIndex, align, scrollLeft, instanceProps, scrollbarSize) {\n    var columnCount = _ref7.columnCount,\n        columnWidth = _ref7.columnWidth,\n        width = _ref7.width;\n    var lastColumnOffset = Math.max(0, columnCount * columnWidth - width);\n    var maxOffset = Math.min(lastColumnOffset, columnIndex * columnWidth);\n    var minOffset = Math.max(0, columnIndex * columnWidth - width + scrollbarSize + columnWidth);\n\n    if (align === 'smart') {\n      if (scrollLeft >= minOffset - width && scrollLeft <= maxOffset + width) {\n        align = 'auto';\n      } else {\n        align = 'center';\n      }\n    }\n\n    switch (align) {\n      case 'start':\n        return maxOffset;\n\n      case 'end':\n        return minOffset;\n\n      case 'center':\n        // \"Centered\" offset is usually the average of the min and max.\n        // But near the edges of the list, this doesn't hold true.\n        var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);\n\n        if (middleOffset < Math.ceil(width / 2)) {\n          return 0; // near the beginning\n        } else if (middleOffset > lastColumnOffset + Math.floor(width / 2)) {\n          return lastColumnOffset; // near the end\n        } else {\n          return middleOffset;\n        }\n\n      case 'auto':\n      default:\n        if (scrollLeft >= minOffset && scrollLeft <= maxOffset) {\n          return scrollLeft;\n        } else if (minOffset > maxOffset) {\n          // Because we only take into account the scrollbar size when calculating minOffset\n          // this value can be larger than maxOffset when at the end of the list\n          return minOffset;\n        } else if (scrollLeft < minOffset) {\n          return minOffset;\n        } else {\n          return maxOffset;\n        }\n\n    }\n  },\n  getOffsetForRowAndAlignment: function getOffsetForRowAndAlignment(_ref8, rowIndex, align, scrollTop, instanceProps, scrollbarSize) {\n    var rowHeight = _ref8.rowHeight,\n        height = _ref8.height,\n        rowCount = _ref8.rowCount;\n    var lastRowOffset = Math.max(0, rowCount * rowHeight - height);\n    var maxOffset = Math.min(lastRowOffset, rowIndex * rowHeight);\n    var minOffset = Math.max(0, rowIndex * rowHeight - height + scrollbarSize + rowHeight);\n\n    if (align === 'smart') {\n      if (scrollTop >= minOffset - height && scrollTop <= maxOffset + height) {\n        align = 'auto';\n      } else {\n        align = 'center';\n      }\n    }\n\n    switch (align) {\n      case 'start':\n        return maxOffset;\n\n      case 'end':\n        return minOffset;\n\n      case 'center':\n        // \"Centered\" offset is usually the average of the min and max.\n        // But near the edges of the list, this doesn't hold true.\n        var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);\n\n        if (middleOffset < Math.ceil(height / 2)) {\n          return 0; // near the beginning\n        } else if (middleOffset > lastRowOffset + Math.floor(height / 2)) {\n          return lastRowOffset; // near the end\n        } else {\n          return middleOffset;\n        }\n\n      case 'auto':\n      default:\n        if (scrollTop >= minOffset && scrollTop <= maxOffset) {\n          return scrollTop;\n        } else if (minOffset > maxOffset) {\n          // Because we only take into account the scrollbar size when calculating minOffset\n          // this value can be larger than maxOffset when at the end of the list\n          return minOffset;\n        } else if (scrollTop < minOffset) {\n          return minOffset;\n        } else {\n          return maxOffset;\n        }\n\n    }\n  },\n  getColumnStartIndexForOffset: function getColumnStartIndexForOffset(_ref9, scrollLeft) {\n    var columnWidth = _ref9.columnWidth,\n        columnCount = _ref9.columnCount;\n    return Math.max(0, Math.min(columnCount - 1, Math.floor(scrollLeft / columnWidth)));\n  },\n  getColumnStopIndexForStartIndex: function getColumnStopIndexForStartIndex(_ref10, startIndex, scrollLeft) {\n    var columnWidth = _ref10.columnWidth,\n        columnCount = _ref10.columnCount,\n        width = _ref10.width;\n    var left = startIndex * columnWidth;\n    var numVisibleColumns = Math.ceil((width + scrollLeft - left) / columnWidth);\n    return Math.max(0, Math.min(columnCount - 1, startIndex + numVisibleColumns - 1 // -1 is because stop index is inclusive\n    ));\n  },\n  getRowStartIndexForOffset: function getRowStartIndexForOffset(_ref11, scrollTop) {\n    var rowHeight = _ref11.rowHeight,\n        rowCount = _ref11.rowCount;\n    return Math.max(0, Math.min(rowCount - 1, Math.floor(scrollTop / rowHeight)));\n  },\n  getRowStopIndexForStartIndex: function getRowStopIndexForStartIndex(_ref12, startIndex, scrollTop) {\n    var rowHeight = _ref12.rowHeight,\n        rowCount = _ref12.rowCount,\n        height = _ref12.height;\n    var top = startIndex * rowHeight;\n    var numVisibleRows = Math.ceil((height + scrollTop - top) / rowHeight);\n    return Math.max(0, Math.min(rowCount - 1, startIndex + numVisibleRows - 1 // -1 is because stop index is inclusive\n    ));\n  },\n  initInstanceProps: function initInstanceProps(props) {// Noop\n  },\n  shouldResetStyleCacheOnItemSizeChange: true,\n  validateProps: function validateProps(_ref13) {\n    var columnWidth = _ref13.columnWidth,\n        rowHeight = _ref13.rowHeight;\n\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof columnWidth !== 'number') {\n        throw Error('An invalid \"columnWidth\" prop has been specified. ' + 'Value should be a number. ' + (\"\\\"\" + (columnWidth === null ? 'null' : typeof columnWidth) + \"\\\" was specified.\"));\n      }\n\n      if (typeof rowHeight !== 'number') {\n        throw Error('An invalid \"rowHeight\" prop has been specified. ' + 'Value should be a number. ' + (\"\\\"\" + (rowHeight === null ? 'null' : typeof rowHeight) + \"\\\" was specified.\"));\n      }\n    }\n  }\n});\n\nvar FixedSizeList = /*#__PURE__*/createListComponent({\n  getItemOffset: function getItemOffset(_ref, index) {\n    var itemSize = _ref.itemSize;\n    return index * itemSize;\n  },\n  getItemSize: function getItemSize(_ref2, index) {\n    var itemSize = _ref2.itemSize;\n    return itemSize;\n  },\n  getEstimatedTotalSize: function getEstimatedTotalSize(_ref3) {\n    var itemCount = _ref3.itemCount,\n        itemSize = _ref3.itemSize;\n    return itemSize * itemCount;\n  },\n  getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(_ref4, index, align, scrollOffset, instanceProps, scrollbarSize) {\n    var direction = _ref4.direction,\n        height = _ref4.height,\n        itemCount = _ref4.itemCount,\n        itemSize = _ref4.itemSize,\n        layout = _ref4.layout,\n        width = _ref4.width;\n    // TODO Deprecate direction \"horizontal\"\n    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n    var size = isHorizontal ? width : height;\n    var lastItemOffset = Math.max(0, itemCount * itemSize - size);\n    var maxOffset = Math.min(lastItemOffset, index * itemSize);\n    var minOffset = Math.max(0, index * itemSize - size + itemSize + scrollbarSize);\n\n    if (align === 'smart') {\n      if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {\n        align = 'auto';\n      } else {\n        align = 'center';\n      }\n    }\n\n    switch (align) {\n      case 'start':\n        return maxOffset;\n\n      case 'end':\n        return minOffset;\n\n      case 'center':\n        {\n          // \"Centered\" offset is usually the average of the min and max.\n          // But near the edges of the list, this doesn't hold true.\n          var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);\n\n          if (middleOffset < Math.ceil(size / 2)) {\n            return 0; // near the beginning\n          } else if (middleOffset > lastItemOffset + Math.floor(size / 2)) {\n            return lastItemOffset; // near the end\n          } else {\n            return middleOffset;\n          }\n        }\n\n      case 'auto':\n      default:\n        if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n          return scrollOffset;\n        } else if (scrollOffset < minOffset) {\n          return minOffset;\n        } else {\n          return maxOffset;\n        }\n\n    }\n  },\n  getStartIndexForOffset: function getStartIndexForOffset(_ref5, offset) {\n    var itemCount = _ref5.itemCount,\n        itemSize = _ref5.itemSize;\n    return Math.max(0, Math.min(itemCount - 1, Math.floor(offset / itemSize)));\n  },\n  getStopIndexForStartIndex: function getStopIndexForStartIndex(_ref6, startIndex, scrollOffset) {\n    var direction = _ref6.direction,\n        height = _ref6.height,\n        itemCount = _ref6.itemCount,\n        itemSize = _ref6.itemSize,\n        layout = _ref6.layout,\n        width = _ref6.width;\n    // TODO Deprecate direction \"horizontal\"\n    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n    var offset = startIndex * itemSize;\n    var size = isHorizontal ? width : height;\n    var numVisibleItems = Math.ceil((size + scrollOffset - offset) / itemSize);\n    return Math.max(0, Math.min(itemCount - 1, startIndex + numVisibleItems - 1 // -1 is because stop index is inclusive\n    ));\n  },\n  initInstanceProps: function initInstanceProps(props) {// Noop\n  },\n  shouldResetStyleCacheOnItemSizeChange: true,\n  validateProps: function validateProps(_ref7) {\n    var itemSize = _ref7.itemSize;\n\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof itemSize !== 'number') {\n        throw Error('An invalid \"itemSize\" prop has been specified. ' + 'Value should be a number. ' + (\"\\\"\" + (itemSize === null ? 'null' : typeof itemSize) + \"\\\" was specified.\"));\n      }\n    }\n  }\n});\n\n// Pulled from react-compat\n// https://github.com/developit/preact-compat/blob/7c5de00e7c85e2ffd011bf3af02899b63f699d3a/src/index.js#L349\nfunction shallowDiffers(prev, next) {\n  for (var attribute in prev) {\n    if (!(attribute in next)) {\n      return true;\n    }\n  }\n\n  for (var _attribute in next) {\n    if (prev[_attribute] !== next[_attribute]) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nvar _excluded = [\"style\"],\n    _excluded2 = [\"style\"];\n// It knows to compare individual style props and ignore the wrapper object.\n// See https://reactjs.org/docs/react-api.html#reactmemo\n\nfunction areEqual(prevProps, nextProps) {\n  var prevStyle = prevProps.style,\n      prevRest = _objectWithoutPropertiesLoose(prevProps, _excluded);\n\n  var nextStyle = nextProps.style,\n      nextRest = _objectWithoutPropertiesLoose(nextProps, _excluded2);\n\n  return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest);\n}\n\n// It knows to compare individual style props and ignore the wrapper object.\n// See https://reactjs.org/docs/react-component.html#shouldcomponentupdate\n\nfunction shouldComponentUpdate(nextProps, nextState) {\n  return !areEqual(this.props, nextProps) || shallowDiffers(this.state, nextState);\n}\n\nexport { FixedSizeGrid, FixedSizeList, VariableSizeGrid, VariableSizeList, areEqual, shouldComponentUpdate };\n//# sourceMappingURL=index.esm.js.map\n"],"names":["hasNativePerformanceNow","now","cancelTimeout","timeoutID","requestTimeout","callback","delay","start","tick","size","getScrollbarSize","recalculate","div","style","cachedRTLResult","getRTLOffsetType","outerDiv","outerStyle","innerDiv","innerStyle","IS_SCROLLING_DEBOUNCE_INTERVAL$1","defaultItemKey$1","index","data","devWarningsDirection","devWarningsTagName$1","createListComponent","_ref","_class","getItemOffset","getEstimatedTotalSize","getItemSize","getOffsetForIndexAndAlignment","getStartIndexForOffset","getStopIndexForStartIndex","initInstanceProps","shouldResetStyleCacheOnItemSizeChange","validateProps","_PureComponent","_inheritsLoose","List","props","_this","_assertThisInitialized","memoizeOne","overscanStartIndex","overscanStopIndex","visibleStartIndex","visibleStopIndex","scrollDirection","scrollOffset","scrollUpdateWasRequested","_this$props","direction","itemSize","layout","itemStyleCache","_offset","isHorizontal","isRtl","offsetHorizontal","_","__","___","event","_event$currentTarget","clientWidth","scrollLeft","scrollWidth","prevState","_event$currentTarget2","clientHeight","scrollHeight","scrollTop","ref","outerRef","nextProps","validateSharedProps$1","_proto","align","_this$props2","itemCount","scrollbarSize","_this$props3","initialScrollOffset","_this$props4","_this$state","_this$props5","children","className","height","innerRef","innerElementType","innerTagName","itemData","_this$props5$itemKey","itemKey","outerElementType","outerTagName","useIsScrolling","width","isScrolling","onScroll","_this$_getRangeToRend","startIndex","stopIndex","items","_index","createElement","estimatedTotalSize","_extends","_this$_getRangeToRend2","_overscanStartIndex","_overscanStopIndex","_visibleStartIndex","_visibleStopIndex","_this$state2","_scrollDirection","_scrollOffset","_scrollUpdateWasRequested","_this$props6","overscanCount","_this$state3","overscanBackward","overscanForward","PureComponent","_ref2","_ref3","instance","FixedSizeList","_ref4","instanceProps","lastItemOffset","maxOffset","minOffset","middleOffset","_ref5","offset","_ref6","numVisibleItems","_ref7"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es102.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.es102.js.map

package/dist/index.es102.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es102.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.es103.js

@@ -0,0 +1,50 @@
+import m from "react";
+import { Highlight as f } from "./index.es426.js";
+import { unescape as s } from "./index.es427.js";
+import { getPropertyByPath as b } from "./index.es428.js";
+import { getHighlightedParts as v } from "./index.es429.js";
+var c = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
+function g() {
+  return g = Object.assign ? Object.assign.bind() : function(t) {
+    for (var a = 1; a < arguments.length; a++) {
+      var e = arguments[a];
+      for (var r in e)
+        Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
+    }
+    return t;
+  }, g.apply(this, arguments);
+}
+function y(t, a) {
+  if (t == null)
+    return {};
+  var e = d(t, a), r, i;
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(t);
+    for (i = 0; i < n.length; i++)
+      r = n[i], !(a.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (e[r] = t[r]);
+  }
+  return e;
+}
+function d(t, a) {
+  if (t == null)
+    return {};
+  var e = {}, r = Object.keys(t), i, n;
+  for (n = 0; n < r.length; n++)
+    i = r[n], !(a.indexOf(i) >= 0) && (e[i] = t[i]);
+  return e;
+}
+function T(t) {
+  var a = t.hit, e = t.attribute, r = t.highlightedTagName, i = t.nonHighlightedTagName, n = t.separator, h = y(t, c), o = b(a._highlightResult, e) || [], p = Array.isArray(o) ? o : [o], l = p.map(function(u) {
+    return v(s(u.value || ""));
+  });
+  return /* @__PURE__ */ m.createElement(f, g({}, h, {
+    parts: l,
+    highlightedTagName: r,
+    nonHighlightedTagName: i,
+    separator: n
+  }));
+}
+export {
+  T as Highlight
+};
+//# sourceMappingURL=index.es103.js.map