@depup/react-virtualized 9.22.6-depup.0

package/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Brian Vaughn
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,34 @@
+# @depup/react-virtualized
+
+> Dependency-bumped version of [react-virtualized](https://www.npmjs.com/package/react-virtualized)
+
+Generated by [DepUp](https://github.com/depup/npm) -- all production
+dependencies bumped to latest versions.
+
+## Installation
+
+```bash
+npm install @depup/react-virtualized
+```
+
+| Field | Value |
+|-------|-------|
+| Original | [react-virtualized](https://www.npmjs.com/package/react-virtualized) @ 9.22.6 |
+| Processed | 2026-03-17 |
+| Smoke test | failed |
+| Deps updated | 4 |
+
+## Dependency Changes
+
+| Dependency | From | To |
+|------------|------|-----|
+| @babel/runtime | ^7.7.2 | ^7.29.2 |
+| clsx | ^1.0.4 | ^2.1.1 |
+| dom-helpers | ^5.1.3 | ^6.0.1 |
+| prop-types | ^15.7.2 | ^15.8.1 |
+
+---
+
+Source: https://github.com/depup/npm | Original: https://www.npmjs.com/package/react-virtualized
+
+License inherited from the original package.

package/changes.json

@@ -0,0 +1,22 @@
+{
+  "bumped": {
+    "@babel/runtime": {
+      "from": "^7.7.2",
+      "to": "^7.29.2"
+    },
+    "clsx": {
+      "from": "^1.0.4",
+      "to": "^2.1.1"
+    },
+    "dom-helpers": {
+      "from": "^5.1.3",
+      "to": "^6.0.1"
+    },
+    "prop-types": {
+      "from": "^15.7.2",
+      "to": "^15.8.1"
+    }
+  },
+  "timestamp": "2026-03-17T18:44:06.943Z",
+  "totalUpdated": 4
+}

package/dist/commonjs/ArrowKeyStepper/ArrowKeyStepper.example.js

@@ -0,0 +1,184 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var React = _interopRequireWildcard(require("react"));
+var _ContentBox = require("../demo/ContentBox");
+var _ = _interopRequireDefault(require("./"));
+var _AutoSizer = _interopRequireDefault(require("../AutoSizer"));
+var _Grid = _interopRequireDefault(require("../Grid"));
+var _clsx2 = _interopRequireDefault(require("clsx"));
+var _ArrowKeyStepperExample2 = _interopRequireDefault(require("./ArrowKeyStepper.example.css"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /*:: import { type ScrollIndices } from './';*/
+/*:: type State = {
+  mode: 'edges' | 'cells',
+  isClickable: boolean,
+  scrollToColumn: number,
+  scrollToRow: number,
+};*/
+var ArrowKeyStepperExample = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
+  function ArrowKeyStepperExample() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ArrowKeyStepperExample);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, ArrowKeyStepperExample, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
+      mode: 'edges',
+      isClickable: true,
+      scrollToColumn: 0,
+      scrollToRow: 0
+    });
+    (0, _defineProperty2["default"])(_this, "_getColumnWidth", function (_ref /*:: */) {
+      var index = _ref /*:: */.index;
+      return (1 + index % 3) * 60;
+    });
+    (0, _defineProperty2["default"])(_this, "_getRowHeight", function (_ref2 /*:: */) {
+      var index = _ref2 /*:: */.index;
+      return (1 + index % 3) * 30;
+    });
+    (0, _defineProperty2["default"])(_this, "_cellRenderer", function (_ref3 /*:: */) {
+      var columnIndex = _ref3 /*:: */.columnIndex,
+        key = _ref3 /*:: */.key,
+        rowIndex = _ref3 /*:: */.rowIndex,
+        scrollToColumn = _ref3 /*:: */.scrollToColumn,
+        scrollToRow = _ref3 /*:: */.scrollToRow,
+        style = _ref3 /*:: */.style;
+      var className = (0, _clsx2["default"])(_ArrowKeyStepperExample2["default"].Cell, (0, _defineProperty2["default"])({}, _ArrowKeyStepperExample2["default"].FocusedCell, columnIndex === scrollToColumn && rowIndex === scrollToRow));
+      return /*#__PURE__*/React.createElement("span", {
+        role: "none",
+        className: className,
+        key: key,
+        onClick: _this.state.isClickable && function () {
+          return _this._selectCell({
+            scrollToColumn: columnIndex,
+            scrollToRow: rowIndex
+          });
+        },
+        style: style
+      }, "r:".concat(rowIndex, ", c:").concat(columnIndex));
+    });
+    (0, _defineProperty2["default"])(_this, "_selectCell", function (_ref4 /*:: */) {
+      var scrollToColumn = _ref4 /*:: */.scrollToColumn,
+        scrollToRow = _ref4 /*:: */.scrollToRow;
+      _this.setState({
+        scrollToColumn: scrollToColumn,
+        scrollToRow: scrollToRow
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "_onClickableChange", function (event /*: Event*/) {
+      if (event.target instanceof HTMLInputElement) {
+        _this.setState({
+          isClickable: event.target.checked,
+          scrollToColumn: 0,
+          scrollToRow: 0
+        });
+      }
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(ArrowKeyStepperExample, _React$PureComponent);
+  return (0, _createClass2["default"])(ArrowKeyStepperExample, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$state = this.state,
+        mode = _this$state.mode,
+        isClickable = _this$state.isClickable,
+        scrollToColumn = _this$state.scrollToColumn,
+        scrollToRow = _this$state.scrollToRow;
+      return /*#__PURE__*/React.createElement(_ContentBox.ContentBox, null, /*#__PURE__*/React.createElement(_ContentBox.ContentBoxHeader, {
+        text: "ArrowKeyStepper",
+        sourceLink: "https://github.com/bvaughn/react-virtualized/blob/master/source/ArrowKeyStepper/ArrowKeyStepper.example.js",
+        docsLink: "https://github.com/bvaughn/react-virtualized/blob/master/docs/ArrowKeyStepper.md"
+      }), /*#__PURE__*/React.createElement(_ContentBox.ContentBoxParagraph, null, "This high-order component decorates a ", /*#__PURE__*/React.createElement("code", null, "List"), ",", ' ', /*#__PURE__*/React.createElement("code", null, "Table"), ", or ", /*#__PURE__*/React.createElement("code", null, "Grid"), " and responds to arrow-key events by scrolling one row or column at a time. Focus in the `Grid` below and use the left, right, up, or down arrow keys to move around within the grid."), /*#__PURE__*/React.createElement(_ContentBox.ContentBoxParagraph, null, "Note that unlike the other HOCs in react-virtualized, the", ' ', /*#__PURE__*/React.createElement("code", null, "ArrowKeyStepper"), " adds a ", /*#__PURE__*/React.createElement("code", null, "<div>"), " element around its children in order to attach a key-down event handler."), /*#__PURE__*/React.createElement(_ContentBox.ContentBoxParagraph, null, /*#__PURE__*/React.createElement("strong", null, "mode"), ":", /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
+        "aria-label": "Set mode equal to \"cells\"",
+        checked: mode === 'cells',
+        className: _ArrowKeyStepperExample2["default"].Radio,
+        type: "radio",
+        onChange: function onChange(event) {
+          return event.target.checked && _this2.setState({
+            mode: 'cells'
+          });
+        },
+        value: "cells"
+      }), "cells"), /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
+        "aria-label": "Set mode equal to \"edges\"",
+        checked: mode === 'edges',
+        className: _ArrowKeyStepperExample2["default"].Radio,
+        type: "radio",
+        onChange: function onChange(event) {
+          return event.target.checked && _this2.setState({
+            mode: 'edges'
+          });
+        },
+        value: "edges"
+      }), "edges (default)")), /*#__PURE__*/React.createElement(_ContentBox.ContentBoxParagraph, null, /*#__PURE__*/React.createElement("label", {
+        className: _ArrowKeyStepperExample2["default"].checkboxLabel
+      }, /*#__PURE__*/React.createElement("input", {
+        "aria-label": "Enable click selection? (resets selection)",
+        className: _ArrowKeyStepperExample2["default"].checkbox,
+        type: "checkbox",
+        checked: isClickable,
+        onChange: this._onClickableChange
+      }), "Enable click selection? (resets selection)")), /*#__PURE__*/React.createElement(_["default"], {
+        columnCount: 100,
+        isControlled: isClickable,
+        onScrollToChange: isClickable ? this._selectCell : undefined,
+        mode: mode,
+        rowCount: 100,
+        scrollToColumn: scrollToColumn,
+        scrollToRow: scrollToRow
+      }, function (_ref5) {
+        var onSectionRendered = _ref5.onSectionRendered,
+          scrollToColumn = _ref5.scrollToColumn,
+          scrollToRow = _ref5.scrollToRow;
+        return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_ContentBox.ContentBoxParagraph, null, "Most-recently-stepped column: ".concat(scrollToColumn, ", row: ").concat(scrollToRow)), /*#__PURE__*/React.createElement(_AutoSizer["default"], {
+          disableHeight: true
+        }, function (_ref6) {
+          var width = _ref6.width;
+          return /*#__PURE__*/React.createElement(_Grid["default"], {
+            className: _ArrowKeyStepperExample2["default"].Grid,
+            columnWidth: _this2._getColumnWidth,
+            columnCount: 100,
+            height: 200,
+            onSectionRendered: onSectionRendered,
+            cellRenderer: function cellRenderer(_ref7) {
+              var columnIndex = _ref7.columnIndex,
+                key = _ref7.key,
+                rowIndex = _ref7.rowIndex,
+                style = _ref7.style;
+              return _this2._cellRenderer({
+                columnIndex: columnIndex,
+                key: key,
+                rowIndex: rowIndex,
+                scrollToColumn: scrollToColumn,
+                scrollToRow: scrollToRow,
+                style: style
+              });
+            },
+            rowHeight: _this2._getRowHeight,
+            rowCount: 100,
+            scrollToColumn: scrollToColumn,
+            scrollToRow: scrollToRow,
+            width: width
+          });
+        }));
+      }));
+    }
+  }]);
+}(React.PureComponent);

package/dist/commonjs/ArrowKeyStepper/ArrowKeyStepper.jest.js

@@ -0,0 +1,338 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _TestUtils = require("../TestUtils");
+var _ArrowKeyStepper = _interopRequireDefault(require("./ArrowKeyStepper"));
+var _testUtils = require("react-dom/test-utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function renderTextContent(scrollToColumn, scrollToRow) {
+  return "scrollToColumn:".concat(scrollToColumn, ", scrollToRow:").concat(scrollToRow);
+}
+function ChildComponent(_ref) {
+  var scrollToColumn = _ref.scrollToColumn,
+    scrollToRow = _ref.scrollToRow;
+  return /*#__PURE__*/React.createElement("div", null, renderTextContent(scrollToColumn, scrollToRow));
+}
+describe('ArrowKeyStepper', function () {
+  function renderHelper() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var onSectionRenderedCallback;
+    var component = (0, _TestUtils.render)(/*#__PURE__*/React.createElement(_ArrowKeyStepper["default"], (0, _extends2["default"])({
+      columnCount: 10,
+      mode: "edges",
+      rowCount: 10
+    }, props), function (_ref2) {
+      var onSectionRendered = _ref2.onSectionRendered,
+        scrollToColumn = _ref2.scrollToColumn,
+        scrollToRow = _ref2.scrollToRow;
+      onSectionRenderedCallback = onSectionRendered;
+      return /*#__PURE__*/React.createElement(ChildComponent, {
+        scrollToColumn: scrollToColumn,
+        scrollToRow: scrollToRow
+      });
+    }));
+    var node = (0, _reactDom.findDOMNode)(component);
+    return {
+      component: component,
+      node: node,
+      onSectionRendered: onSectionRenderedCallback
+    };
+  }
+  function assertCurrentScrollTo(node, scrollToColumn, scrollToRow) {
+    expect(node.textContent).toEqual(renderTextContent(scrollToColumn, scrollToRow));
+  }
+  it('should use a custom :className if one is specified', function () {
+    var _renderHelper = renderHelper({
+        className: 'foo'
+      }),
+      node = _renderHelper.node;
+    expect(node.className).toEqual('foo');
+  });
+  it('should update :scrollToColumn and :scrollToRow in response to arrow keys', function () {
+    var _renderHelper2 = renderHelper(),
+      node = _renderHelper2.node;
+    assertCurrentScrollTo(node, 0, 0);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowDown'
+    });
+    assertCurrentScrollTo(node, 0, 1);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowRight'
+    });
+    assertCurrentScrollTo(node, 1, 1);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowUp'
+    });
+    assertCurrentScrollTo(node, 1, 0);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowLeft'
+    });
+    assertCurrentScrollTo(node, 0, 0);
+  });
+  it('should not scroll past the row and column boundaries provided', function () {
+    var _renderHelper3 = renderHelper({
+        columnCount: 2,
+        rowCount: 2
+      }),
+      node = _renderHelper3.node;
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowDown'
+    });
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowDown'
+    });
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowDown'
+    });
+    assertCurrentScrollTo(node, 0, 1);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowUp'
+    });
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowUp'
+    });
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowUp'
+    });
+    assertCurrentScrollTo(node, 0, 0);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowRight'
+    });
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowRight'
+    });
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowRight'
+    });
+    assertCurrentScrollTo(node, 1, 0);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowLeft'
+    });
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowLeft'
+    });
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowLeft'
+    });
+    assertCurrentScrollTo(node, 0, 0);
+  });
+  it('should accept initial :scrollToColumn and :scrollToRow values via props', function () {
+    var _renderHelper4 = renderHelper({
+        mode: 'cells',
+        scrollToColumn: 2,
+        scrollToRow: 4
+      }),
+      node = _renderHelper4.node;
+    assertCurrentScrollTo(node, 2, 4);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowDown'
+    });
+    assertCurrentScrollTo(node, 2, 5);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowRight'
+    });
+    assertCurrentScrollTo(node, 3, 5);
+  });
+  it('should accept updated :scrollToColumn and :scrollToRow values via props', function () {
+    var _renderHelper5 = renderHelper({
+        mode: 'cells',
+        scrollToColumn: 2,
+        scrollToRow: 4
+      }),
+      node = _renderHelper5.node;
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowDown'
+    });
+    assertCurrentScrollTo(node, 2, 5);
+    renderHelper({
+      mode: 'cells',
+      scrollToColumn: 1,
+      scrollToRow: 1
+    });
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowRight'
+    });
+    assertCurrentScrollTo(node, 2, 1);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowDown'
+    });
+    assertCurrentScrollTo(node, 2, 2);
+  });
+  it('should accept updated :scrollToColumn and :scrollToRow values via setScrollIndexes()', function () {
+    var _renderHelper6 = renderHelper({
+        mode: 'cells',
+        scrollToColumn: 2,
+        scrollToRow: 4
+      }),
+      component = _renderHelper6.component,
+      node = _renderHelper6.node;
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowDown'
+    });
+    assertCurrentScrollTo(node, 2, 5);
+    component.setScrollIndexes({
+      scrollToColumn: 1,
+      scrollToRow: 1
+    });
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowRight'
+    });
+    assertCurrentScrollTo(node, 2, 1);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowDown'
+    });
+    assertCurrentScrollTo(node, 2, 2);
+  });
+  it('should not update :scrollToColumn or :scrollToRow when :disabled', function () {
+    var _renderHelper7 = renderHelper({
+        disabled: true
+      }),
+      node = _renderHelper7.node;
+    assertCurrentScrollTo(node, 0, 0);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowDown'
+    });
+    assertCurrentScrollTo(node, 0, 0);
+    _testUtils.Simulate.keyDown(node, {
+      key: 'ArrowRight'
+    });
+    assertCurrentScrollTo(node, 0, 0);
+  });
+  it('should call :onScrollToChange for key down', function () {
+    [true, false].forEach(function () {
+      var onScrollToChange = jest.fn();
+      var _renderHelper8 = renderHelper({
+          isControlled: true,
+          onScrollToChange: onScrollToChange
+        }),
+        node = _renderHelper8.node;
+      expect(onScrollToChange.mock.calls).toHaveLength(0);
+      _testUtils.Simulate.keyDown(node, {
+        key: 'ArrowDown'
+      });
+      expect(onScrollToChange.mock.calls).toHaveLength(1);
+      var _onScrollToChange$moc = onScrollToChange.mock.calls[0][0],
+        scrollToColumn = _onScrollToChange$moc.scrollToColumn,
+        scrollToRow = _onScrollToChange$moc.scrollToRow;
+      expect(scrollToColumn).toEqual(0);
+      expect(scrollToRow).toEqual(1);
+    });
+  });
+  it('should not call :onScrollToChange for prop update', function () {
+    var numCalls = 0;
+    var onScrollToChange = function onScrollToChange() {
+      numCalls++;
+    };
+    var _renderHelper9 = renderHelper({
+        onScrollToChange: onScrollToChange,
+        scrollToColumn: 0,
+        scrollToRow: 0
+      }),
+      node = _renderHelper9.node;
+    renderHelper({
+      isControlled: true,
+      onScrollToChange: onScrollToChange,
+      node: node,
+      scrollToColumn: 0,
+      scrollToRow: 1
+    });
+    expect(numCalls).toEqual(0);
+  });
+  describe('mode === "edges"', function () {
+    it('should update :scrollToColumn and :scrollToRow relative to the most recent :onSectionRendered event', function () {
+      var _renderHelper10 = renderHelper(),
+        node = _renderHelper10.node,
+        onSectionRendered = _renderHelper10.onSectionRendered;
+      onSectionRendered({
+        // Simulate a scroll
+        columnStartIndex: 0,
+        columnStopIndex: 4,
+        rowStartIndex: 4,
+        rowStopIndex: 6
+      });
+      _testUtils.Simulate.keyDown(node, {
+        key: 'ArrowDown'
+      });
+      assertCurrentScrollTo(node, 0, 7);
+      onSectionRendered({
+        // Simulate a scroll
+        columnStartIndex: 5,
+        columnStopIndex: 10,
+        rowStartIndex: 2,
+        rowStopIndex: 4
+      });
+      _testUtils.Simulate.keyDown(node, {
+        key: 'ArrowUp'
+      });
+      assertCurrentScrollTo(node, 0, 1);
+      onSectionRendered({
+        // Simulate a scroll
+        columnStartIndex: 4,
+        columnStopIndex: 8,
+        rowStartIndex: 5,
+        rowStopIndex: 10
+      });
+      _testUtils.Simulate.keyDown(node, {
+        key: 'ArrowRight'
+      });
+      assertCurrentScrollTo(node, 9, 1);
+      onSectionRendered({
+        // Simulate a scroll
+        columnStartIndex: 2,
+        columnStopIndex: 4,
+        rowStartIndex: 2,
+        rowStopIndex: 4
+      });
+      _testUtils.Simulate.keyDown(node, {
+        key: 'ArrowLeft'
+      });
+      assertCurrentScrollTo(node, 1, 1);
+    });
+  });
+  describe('mode === "cells"', function () {
+    it('should update :scrollToColumn and :scrollToRow relative to the most recent :onSectionRendered event', function () {
+      var _renderHelper11 = renderHelper({
+          mode: 'cells',
+          scrollToColumn: 5,
+          scrollToRow: 5
+        }),
+        node = _renderHelper11.node,
+        onSectionRendered = _renderHelper11.onSectionRendered;
+      onSectionRendered({
+        // Simulate a scroll
+        columnStartIndex: 10,
+        columnStopIndex: 10,
+        rowStartIndex: 15,
+        rowStopIndex: 15
+      });
+      _testUtils.Simulate.keyDown(node, {
+        key: 'ArrowUp'
+      });
+      assertCurrentScrollTo(node, 5, 4);
+      _testUtils.Simulate.keyDown(node, {
+        key: 'ArrowDown'
+      });
+      assertCurrentScrollTo(node, 5, 5);
+      onSectionRendered({
+        // Simulate a scroll
+        columnStartIndex: 10,
+        columnStopIndex: 10,
+        rowStartIndex: 15,
+        rowStopIndex: 15
+      });
+      _testUtils.Simulate.keyDown(node, {
+        key: 'ArrowRight'
+      });
+      assertCurrentScrollTo(node, 6, 5);
+      _testUtils.Simulate.keyDown(node, {
+        key: 'ArrowLeft'
+      });
+      assertCurrentScrollTo(node, 5, 5);
+    });
+  });
+});