@depup/react-virtualized 9.22.6-depup.0

package/dist/commonjs/CellMeasurer/CellMeasurer.DynamicWidthMultiGrid.example.js

@@ -0,0 +1,107 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _immutable = _interopRequireDefault(require("immutable"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var React = _interopRequireWildcard(require("react"));
+var _CellMeasurer = _interopRequireDefault(require("./CellMeasurer"));
+var _CellMeasurerCache = _interopRequireDefault(require("./CellMeasurerCache"));
+var _MultiGrid = _interopRequireDefault(require("../MultiGrid"));
+var _CellMeasurerExample = _interopRequireDefault(require("./CellMeasurer.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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; })(); }
+var DynamicWidthMultiGrid = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
+  function DynamicWidthMultiGrid(props, context) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, DynamicWidthMultiGrid);
+    _this = _callSuper(this, DynamicWidthMultiGrid, [props, context]);
+    _this._cache = new _CellMeasurerCache["default"]({
+      defaultHeight: 30,
+      defaultWidth: 150,
+      fixedHeight: true
+    });
+    _this._cellRenderer = _this._cellRenderer.bind(_this);
+    return _this;
+  }
+  (0, _inherits2["default"])(DynamicWidthMultiGrid, _React$PureComponent);
+  return (0, _createClass2["default"])(DynamicWidthMultiGrid, [{
+    key: "render",
+    value: function render() {
+      var width = this.props.width;
+      return /*#__PURE__*/React.createElement(_MultiGrid["default"], {
+        className: _CellMeasurerExample["default"].BodyGrid,
+        columnCount: 50,
+        columnWidth: this._cache.columnWidth,
+        deferredMeasurementCache: this._cache,
+        fixedColumnCount: 1,
+        fixedRowCount: 0,
+        height: 400,
+        overscanColumnCount: 0,
+        overscanRowCount: 0,
+        cellRenderer: this._cellRenderer,
+        rowCount: 50,
+        rowHeight: 30,
+        width: width
+      });
+    }
+  }, {
+    key: "_cellRenderer",
+    value: function _cellRenderer(_ref) {
+      var columnIndex = _ref.columnIndex,
+        key = _ref.key,
+        parent = _ref.parent,
+        rowIndex = _ref.rowIndex,
+        style = _ref.style;
+      var _this$props = this.props,
+        getClassName = _this$props.getClassName,
+        getContent = _this$props.getContent,
+        list = _this$props.list;
+      var datum = list.get((rowIndex + columnIndex) % list.size);
+      var classNames = getClassName({
+        columnIndex: columnIndex,
+        rowIndex: rowIndex
+      });
+      var content = getContent({
+        index: rowIndex,
+        datum: datum,
+        "long": false
+      });
+      if (columnIndex === 0) {
+        content = content.substr(0, 50);
+      }
+      return /*#__PURE__*/React.createElement(_CellMeasurer["default"], {
+        cache: this._cache,
+        columnIndex: columnIndex,
+        key: key,
+        parent: parent,
+        rowIndex: rowIndex
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classNames,
+        style: _objectSpread(_objectSpread({}, style), {}, {
+          whiteSpace: 'nowrap'
+        })
+      }, content));
+    }
+  }]);
+}(React.PureComponent);
+DynamicWidthMultiGrid.propTypes = process.env.NODE_ENV !== "production" ? {
+  getClassName: _propTypes["default"].func.isRequired,
+  getContent: _propTypes["default"].func.isRequired,
+  list: _propTypes["default"].instanceOf(_immutable["default"].List).isRequired,
+  width: _propTypes["default"].number.isRequired
+} : {};

package/dist/commonjs/CellMeasurer/CellMeasurer.example.js

@@ -0,0 +1,129 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _immutable = _interopRequireDefault(require("immutable"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var React = _interopRequireWildcard(require("react"));
+var _ContentBox = require("../demo/ContentBox");
+var _AutoSizer = _interopRequireDefault(require("../AutoSizer"));
+var _clsx3 = _interopRequireDefault(require("clsx"));
+var _CellMeasurerExample2 = _interopRequireDefault(require("./CellMeasurer.example.css"));
+var _CellMeasurerDynamicWidthGridExample = _interopRequireDefault(require("./CellMeasurer.DynamicWidthGrid.example.js"));
+var _CellMeasurerDynamicHeightGridExample = _interopRequireDefault(require("./CellMeasurer.DynamicHeightGrid.example.js"));
+var _CellMeasurerDynamicWidthMultiGridExample = _interopRequireDefault(require("./CellMeasurer.DynamicWidthMultiGrid.example.js"));
+var _CellMeasurerDynamicHeightListExample = _interopRequireDefault(require("./CellMeasurer.DynamicHeightList.example.js"));
+var _CellMeasurerDynamicHeightTableColumnExample = _interopRequireDefault(require("./CellMeasurer.DynamicHeightTableColumn.example.js"));
+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; })(); }
+var demoComponents = [_CellMeasurerDynamicWidthGridExample["default"], _CellMeasurerDynamicHeightGridExample["default"], _CellMeasurerDynamicWidthMultiGridExample["default"], _CellMeasurerDynamicHeightListExample["default"], _CellMeasurerDynamicHeightTableColumnExample["default"]];
+var CellMeasurerExample = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
+  function CellMeasurerExample(props, context) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, CellMeasurerExample);
+    _this = _callSuper(this, CellMeasurerExample, [props, context]);
+    _this.state = {
+      currentTab: 0
+    };
+    _this._onClick = _this._onClick.bind(_this);
+    return _this;
+  }
+  (0, _inherits2["default"])(CellMeasurerExample, _React$PureComponent);
+  return (0, _createClass2["default"])(CellMeasurerExample, [{
+    key: "render",
+    value: function render() {
+      var list = this.context.list;
+      var currentTab = this.state.currentTab;
+      var buttonProps = {
+        currentTab: currentTab,
+        onClick: this._onClick
+      };
+      var DemoComponent = demoComponents[currentTab];
+      return /*#__PURE__*/React.createElement(_ContentBox.ContentBox, null, /*#__PURE__*/React.createElement(_ContentBox.ContentBoxHeader, {
+        text: "CellMeasurer",
+        sourceLink: "https://github.com/bvaughn/react-virtualized/blob/master/source/CellMeasurer/CellMeasurer.example.js",
+        docsLink: "https://github.com/bvaughn/react-virtualized/blob/master/docs/CellMeasurer.md"
+      }), /*#__PURE__*/React.createElement(_ContentBox.ContentBoxParagraph, null, "This component can be used to just-in-time measure dynamic content (eg. messages in a chat interface)."), /*#__PURE__*/React.createElement(_AutoSizer["default"], {
+        disableHeight: true
+      }, function (_ref) {
+        var width = _ref.width;
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            width: width
+          }
+        }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("strong", null, "Grid"), ":", /*#__PURE__*/React.createElement(Tab, (0, _extends2["default"])({
+          id: 0
+        }, buttonProps), "dynamic width text"), /*#__PURE__*/React.createElement(Tab, (0, _extends2["default"])({
+          id: 1
+        }, buttonProps), "dynamic height text"), /*#__PURE__*/React.createElement("strong", null, "MultiGrid"), ":", /*#__PURE__*/React.createElement(Tab, (0, _extends2["default"])({
+          id: 2
+        }, buttonProps), "dynamic width text"), /*#__PURE__*/React.createElement("strong", null, "List"), ":", /*#__PURE__*/React.createElement(Tab, (0, _extends2["default"])({
+          id: 3
+        }, buttonProps), "dynamic height image"), /*#__PURE__*/React.createElement("strong", null, "Table"), ":", /*#__PURE__*/React.createElement(Tab, (0, _extends2["default"])({
+          id: 4
+        }, buttonProps), "mixed fixed and dynamic height text")), /*#__PURE__*/React.createElement(DemoComponent, {
+          getClassName: getClassName,
+          getContent: getContent,
+          list: list,
+          width: width
+        }));
+      }));
+    }
+  }, {
+    key: "_onClick",
+    value: function _onClick(id) {
+      this.setState({
+        currentTab: id
+      });
+    }
+  }]);
+}(React.PureComponent);
+(0, _defineProperty2["default"])(CellMeasurerExample, "contextTypes", {
+  list: _propTypes["default"].instanceOf(_immutable["default"].List).isRequired
+});
+function getClassName(_ref2) {
+  var columnIndex = _ref2.columnIndex,
+    rowIndex = _ref2.rowIndex;
+  var rowClass = rowIndex % 2 === 0 ? _CellMeasurerExample2["default"].evenRow : _CellMeasurerExample2["default"].oddRow;
+  return (0, _clsx3["default"])(rowClass, _CellMeasurerExample2["default"].cell, (0, _defineProperty2["default"])({}, _CellMeasurerExample2["default"].centeredCell, columnIndex > 2));
+}
+function getContent(_ref3) {
+  var index = _ref3.index,
+    datum = _ref3.datum,
+    _ref3$long = _ref3["long"],
+    _long = _ref3$long === void 0 ? true : _ref3$long;
+  switch (index % 3) {
+    case 0:
+      return datum.color;
+    case 1:
+      return datum.name;
+    case 2:
+      return _long ? datum.randomLong : datum.random;
+  }
+}
+function Tab(_ref4) {
+  var children = _ref4.children,
+    currentTab = _ref4.currentTab,
+    id = _ref4.id,
+    _onClick2 = _ref4.onClick;
+  var classNames = (0, _clsx3["default"])(_CellMeasurerExample2["default"].Tab, (0, _defineProperty2["default"])({}, _CellMeasurerExample2["default"].ActiveTab, currentTab === id));
+  return /*#__PURE__*/React.createElement("button", {
+    className: classNames,
+    onClick: function onClick() {
+      return _onClick2(id);
+    }
+  }, children);
+}

package/dist/commonjs/CellMeasurer/CellMeasurer.jest.js

@@ -0,0 +1,345 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var React = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _TestUtils = require("../TestUtils");
+var _CellMeasurer = _interopRequireDefault(require("./CellMeasurer"));
+var _CellMeasurerCache = _interopRequireWildcard(require("./CellMeasurerCache"));
+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; }
+// Accounts for the fact that JSDom doesn't support measurements.
+function mockClientWidthAndHeight(_ref) {
+  var height = _ref.height,
+    width = _ref.width;
+  var object = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : HTMLElement.prototype;
+  var heightFn = jest.fn().mockReturnValue(height);
+  var widthFn = jest.fn().mockReturnValue(width);
+  Object.defineProperty(object, 'offsetHeight', {
+    configurable: true,
+    get: heightFn
+  });
+  Object.defineProperty(object, 'offsetWidth', {
+    configurable: true,
+    get: widthFn
+  });
+  return {
+    heightFn: heightFn,
+    widthFn: widthFn
+  };
+}
+function createParent() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    cache = _ref2.cache,
+    _ref2$invalidateCellS = _ref2.invalidateCellSizeAfterRender,
+    invalidateCellSizeAfterRender = _ref2$invalidateCellS === void 0 ? jest.fn() : _ref2$invalidateCellS;
+  return {
+    invalidateCellSizeAfterRender: invalidateCellSizeAfterRender,
+    props: {
+      deferredMeasurementCache: cache
+    }
+  };
+}
+function renderHelper() {
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref3$cache = _ref3.cache,
+    cache = _ref3$cache === void 0 ? new _CellMeasurerCache["default"]({
+      fixedWidth: true
+    }) : _ref3$cache,
+    _ref3$children = _ref3.children,
+    children = _ref3$children === void 0 ? /*#__PURE__*/React.createElement("div", null) : _ref3$children,
+    parent = _ref3.parent;
+  (0, _TestUtils.render)(/*#__PURE__*/React.createElement(_CellMeasurer["default"], {
+    cache: cache,
+    columnIndex: 0,
+    parent: parent,
+    rowIndex: 0,
+    style: {}
+  }, children));
+}
+describe('CellMeasurer', function () {
+  it('componentDidMount() should measure content that is not already in the cache', function () {
+    var cache = new _CellMeasurerCache["default"]({
+      fixedWidth: true
+    });
+    var parent = createParent({
+      cache: cache
+    });
+    var _mockClientWidthAndHe = mockClientWidthAndHeight({
+        height: 20,
+        width: 100
+      }),
+      heightFn = _mockClientWidthAndHe.heightFn,
+      widthFn = _mockClientWidthAndHe.widthFn;
+    expect(heightFn).toHaveBeenCalledTimes(0);
+    expect(widthFn).toHaveBeenCalledTimes(0);
+    expect(cache.has(0, 0)).toBe(false);
+    renderHelper({
+      cache: cache,
+      parent: parent
+    });
+    expect(parent.invalidateCellSizeAfterRender).toHaveBeenCalled();
+    expect(heightFn).toHaveBeenCalledTimes(1);
+    expect(widthFn).toHaveBeenCalledTimes(1);
+    expect(cache.has(0, 0)).toBe(true);
+    expect(cache.getWidth(0, 0)).toBe(100);
+    expect(cache.getHeight(0, 0)).toBe(20);
+  });
+  it('componentDidMount() should not measure content that is already in the cache', function () {
+    var cache = new _CellMeasurerCache["default"]({
+      fixedWidth: true
+    });
+    cache.set(0, 0, 100, 20);
+    var parent = createParent({
+      cache: cache
+    });
+    var _mockClientWidthAndHe2 = mockClientWidthAndHeight({
+        height: 20,
+        width: 100
+      }),
+      heightFn = _mockClientWidthAndHe2.heightFn,
+      widthFn = _mockClientWidthAndHe2.widthFn;
+    expect(cache.has(0, 0)).toBe(true);
+    renderHelper({
+      cache: cache,
+      parent: parent
+    });
+    expect(parent.invalidateCellSizeAfterRender).not.toHaveBeenCalled();
+    expect(heightFn).toHaveBeenCalledTimes(0);
+    expect(widthFn).toHaveBeenCalledTimes(0);
+  });
+  it('componentDidUpdate() should measure content that is not already in the cache', function () {
+    var cache = new _CellMeasurerCache["default"]({
+      fixedWidth: true
+    });
+    var parent = createParent({
+      cache: cache
+    });
+    renderHelper({
+      cache: cache,
+      parent: parent
+    });
+    cache.clear(0, 0);
+    parent.invalidateCellSizeAfterRender.mockReset();
+    expect(cache.has(0, 0)).toBe(false);
+    expect(cache.getWidth(0, 0)).toBe(_CellMeasurerCache.DEFAULT_WIDTH);
+    expect(cache.getHeight(0, 0)).toBe(_CellMeasurerCache.DEFAULT_HEIGHT);
+    var _mockClientWidthAndHe3 = mockClientWidthAndHeight({
+        height: 20,
+        width: 100
+      }),
+      heightFn = _mockClientWidthAndHe3.heightFn,
+      widthFn = _mockClientWidthAndHe3.widthFn;
+    renderHelper({
+      cache: cache,
+      parent: parent
+    });
+    expect(cache.has(0, 0)).toBe(true);
+    expect(parent.invalidateCellSizeAfterRender).toHaveBeenCalled();
+    expect(heightFn).toHaveBeenCalledTimes(1);
+    expect(widthFn).toHaveBeenCalledTimes(1);
+    expect(cache.getWidth(0, 0)).toBe(100);
+    expect(cache.getHeight(0, 0)).toBe(20);
+  });
+  it('componentDidUpdate() should not measure content that is already in the cache', function () {
+    var cache = new _CellMeasurerCache["default"]({
+      fixedWidth: true
+    });
+    cache.set(0, 0, 100, 20);
+    var parent = createParent({
+      cache: cache
+    });
+    expect(cache.has(0, 0)).toBe(true);
+    var _mockClientWidthAndHe4 = mockClientWidthAndHeight({
+        height: 20,
+        width: 100
+      }),
+      heightFn = _mockClientWidthAndHe4.heightFn,
+      widthFn = _mockClientWidthAndHe4.widthFn;
+    renderHelper({
+      cache: cache,
+      parent: parent
+    });
+    renderHelper({
+      cache: cache,
+      parent: parent
+    });
+    expect(parent.invalidateCellSizeAfterRender).not.toHaveBeenCalled();
+    expect(heightFn).toHaveBeenCalledTimes(0);
+    expect(widthFn).toHaveBeenCalledTimes(0);
+  });
+  it('registerChild() should measure content that is not already in the cache', function () {
+    var cache = new _CellMeasurerCache["default"]({
+      fixedWidth: true
+    });
+    var parent = createParent({
+      cache: cache
+    });
+    var element = document.createElement('div');
+    var _mockClientWidthAndHe5 = mockClientWidthAndHeight({
+        height: 20,
+        width: 100
+      }, element),
+      heightFn = _mockClientWidthAndHe5.heightFn,
+      widthFn = _mockClientWidthAndHe5.widthFn;
+    expect(heightFn).toHaveBeenCalledTimes(0);
+    expect(widthFn).toHaveBeenCalledTimes(0);
+    expect(cache.has(0, 0)).toBe(false);
+    renderHelper({
+      cache: cache,
+      parent: parent,
+      children: function children(_ref4) {
+        var registerChild = _ref4.registerChild;
+        registerChild(element);
+        return null;
+      }
+    });
+    expect(parent.invalidateCellSizeAfterRender).toHaveBeenCalled();
+    expect(heightFn).toHaveBeenCalledTimes(1);
+    expect(widthFn).toHaveBeenCalledTimes(1);
+    expect(cache.has(0, 0)).toBe(true);
+    expect(cache.getWidth(0, 0)).toBe(100);
+    expect(cache.getHeight(0, 0)).toBe(20);
+  });
+  it('registerChild() should not measure content that is already in the cache', function () {
+    var cache = new _CellMeasurerCache["default"]({
+      fixedWidth: true
+    });
+    cache.set(0, 0, 100, 20);
+    var parent = createParent({
+      cache: cache
+    });
+    var element = document.createElement('div');
+    var _mockClientWidthAndHe6 = mockClientWidthAndHeight({
+        height: 20,
+        width: 100
+      }, element),
+      heightFn = _mockClientWidthAndHe6.heightFn,
+      widthFn = _mockClientWidthAndHe6.widthFn;
+    expect(cache.has(0, 0)).toBe(true);
+    renderHelper({
+      cache: cache,
+      parent: parent,
+      children: function children(_ref5) {
+        var registerChild = _ref5.registerChild;
+        registerChild(element);
+        return null;
+      }
+    });
+    expect(parent.invalidateCellSizeAfterRender).not.toHaveBeenCalled();
+    expect(heightFn).toHaveBeenCalledTimes(0);
+    expect(widthFn).toHaveBeenCalledTimes(0);
+  });
+  it('should pass a :measure param to a function child', function () {
+    var cache = new _CellMeasurerCache["default"]({
+      fixedWidth: true
+    });
+    var children = jest.fn().mockReturnValue(/*#__PURE__*/React.createElement("div", null));
+    renderHelper({
+      cache: cache,
+      children: children
+    });
+    expect(children).toHaveBeenCalled();
+    var params = children.mock.calls[0][0];
+    expect(typeof params.measure === 'function').toBe(true);
+  });
+  it('should still update cache without a parent Grid', function () {
+    jest.spyOn(console, 'warn');
+    mockClientWidthAndHeight({
+      height: 20,
+      width: 100
+    });
+    var cache = new _CellMeasurerCache["default"]({
+      fixedWidth: true
+    });
+    renderHelper({
+      cache: cache
+    }); // No parent Grid
+
+    expect(cache.has(0, 0)).toBe(true);
+    expect(console.warn).not.toHaveBeenCalled();
+  });
+
+  // See issue #593
+  it('should explicitly set width/height style to "auto" before re-measuring', function () {
+    var cache = new _CellMeasurerCache["default"]({
+      fixedWidth: true
+    });
+    var parent = createParent({
+      cache: cache
+    });
+    var child = jest.fn().mockReturnValue(/*#__PURE__*/React.createElement("div", {
+      style: {
+        width: 100,
+        height: 30
+      }
+    }));
+    var measurer;
+    var node = (0, _reactDom.findDOMNode)((0, _TestUtils.render)(/*#__PURE__*/React.createElement(_CellMeasurer["default"], {
+      ref: function ref(_ref6) {
+        measurer = _ref6;
+      },
+      cache: cache,
+      columnIndex: 0,
+      parent: parent,
+      rowIndex: 0,
+      style: {}
+    }, child)));
+    var styleHeights = [30];
+    var styleWidths = [100];
+    Object.defineProperties(node.style, {
+      height: {
+        get: function get() {
+          return styleHeights[styleHeights.length - 1];
+        },
+        set: function set(value) {
+          return styleHeights.push(value);
+        }
+      },
+      width: {
+        get: function get() {
+          return styleWidths[styleWidths.length - 1];
+        },
+        set: function set(value) {
+          return styleWidths.push(value);
+        }
+      }
+    });
+    var _measurer$_getCellMea = measurer._getCellMeasurements(node),
+      height = _measurer$_getCellMea.height,
+      width = _measurer$_getCellMea.width;
+    expect(height).toBeGreaterThan(0);
+    expect(width).toBeGreaterThan(0);
+    expect(styleHeights).toEqual([30, 'auto', 30]);
+    expect(styleWidths).toEqual([100, 100]);
+  });
+
+  // See issue #660
+  it('should reset width/height style values after measuring with style "auto"', function () {
+    var cache = new _CellMeasurerCache["default"]({
+      fixedHeight: true
+    });
+    var parent = createParent({
+      cache: cache
+    });
+    var child = jest.fn().mockReturnValue(/*#__PURE__*/React.createElement("div", {
+      style: {
+        width: 100,
+        height: 30
+      }
+    }));
+    var node = (0, _reactDom.findDOMNode)((0, _TestUtils.render)(/*#__PURE__*/React.createElement(_CellMeasurer["default"], {
+      cache: cache,
+      columnIndex: 0,
+      parent: parent,
+      rowIndex: 0,
+      style: {}
+    }, child)));
+    node.style.width = 200;
+    node.style.height = 60;
+    child.mock.calls[0][0].measure();
+    expect(node.style.height).toBe('30px');
+    expect(node.style.width).toBe('100px');
+  });
+});