@depup/react-virtualized 9.22.6-depup.0

package/dist/commonjs/AutoSizer/AutoSizer.js

@@ -0,0 +1,199 @@
+"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 _detectElementResize = _interopRequireDefault(require("../vendor/detectElementResize"));
+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; })(); }
+/*:: type Size = {
+  height: number,
+  width: number,
+};*/
+/*:: type Props = {
+  /** Function responsible for rendering children.*-/
+  children: Size => React.Element<*>,
+
+  /** Optional custom CSS class name to attach to root AutoSizer element.  *-/
+  className?: string,
+
+  /** Default height to use for initial render; useful for SSR *-/
+  defaultHeight?: number,
+
+  /** Default width to use for initial render; useful for SSR *-/
+  defaultWidth?: number,
+
+  /** Disable dynamic :height property *-/
+  disableHeight: boolean,
+
+  /** Disable dynamic :width property *-/
+  disableWidth: boolean,
+
+  /** Nonce of the inlined stylesheet for Content Security Policy *-/
+  nonce?: string,
+
+  /** Callback to be invoked on-resize *-/
+  onResize: Size => void,
+
+  /** Optional inline style *-/
+  style: ?Object,
+};*/
+/*:: type State = {
+  height: number,
+  width: number,
+};*/
+/*:: type ResizeHandler = (element: HTMLElement, onResize: () => void) => void;*/
+/*:: type DetectElementResize = {
+  addResizeListener: ResizeHandler,
+  removeResizeListener: ResizeHandler,
+};*/
+var AutoSizer = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  function AutoSizer() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, AutoSizer);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, AutoSizer, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
+      height: _this.props.defaultHeight || 0,
+      width: _this.props.defaultWidth || 0
+    });
+    (0, _defineProperty2["default"])(_this, "_parentNode", void 0);
+    (0, _defineProperty2["default"])(_this, "_autoSizer", void 0);
+    (0, _defineProperty2["default"])(_this, "_window", void 0);
+    // uses any instead of Window because Flow doesn't have window type
+    (0, _defineProperty2["default"])(_this, "_detectElementResize", void 0);
+    (0, _defineProperty2["default"])(_this, "_onResize", function () {
+      var _this$props = _this.props,
+        disableHeight = _this$props.disableHeight,
+        disableWidth = _this$props.disableWidth,
+        onResize = _this$props.onResize;
+      if (_this._parentNode) {
+        // Guard against AutoSizer component being removed from the DOM immediately after being added.
+        // This can result in invalid style values which can result in NaN values if we don't handle them.
+        // See issue #150 for more context.
+
+        var height = _this._parentNode.offsetHeight || 0;
+        var width = _this._parentNode.offsetWidth || 0;
+        var win = _this._window || window;
+        var style = win.getComputedStyle(_this._parentNode) || {};
+        var paddingLeft = parseInt(style.paddingLeft, 10) || 0;
+        var paddingRight = parseInt(style.paddingRight, 10) || 0;
+        var paddingTop = parseInt(style.paddingTop, 10) || 0;
+        var paddingBottom = parseInt(style.paddingBottom, 10) || 0;
+        var newHeight = height - paddingTop - paddingBottom;
+        var newWidth = width - paddingLeft - paddingRight;
+        if (!disableHeight && _this.state.height !== newHeight || !disableWidth && _this.state.width !== newWidth) {
+          _this.setState({
+            height: height - paddingTop - paddingBottom,
+            width: width - paddingLeft - paddingRight
+          });
+          onResize({
+            height: height,
+            width: width
+          });
+        }
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "_setRef", function (autoSizer /*: ?HTMLElement*/) {
+      _this._autoSizer = autoSizer;
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(AutoSizer, _React$Component);
+  return (0, _createClass2["default"])(AutoSizer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var nonce = this.props.nonce;
+      if (this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement) {
+        // Delay access of parentNode until mount.
+        // This handles edge-cases where the component has already been unmounted before its ref has been set,
+        // As well as libraries like react-lite which have a slightly different lifecycle.
+        this._parentNode = this._autoSizer.parentNode;
+        this._window = this._autoSizer.parentNode.ownerDocument.defaultView;
+
+        // Defer requiring resize handler in order to support server-side rendering.
+        // See issue #41
+        this._detectElementResize = (0, _detectElementResize["default"])(nonce, this._window);
+        this._detectElementResize.addResizeListener(this._parentNode, this._onResize);
+        this._onResize();
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this._detectElementResize && this._parentNode) {
+        this._detectElementResize.removeResizeListener(this._parentNode, this._onResize);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        children = _this$props2.children,
+        className = _this$props2.className,
+        disableHeight = _this$props2.disableHeight,
+        disableWidth = _this$props2.disableWidth,
+        style = _this$props2.style;
+      var _this$state = this.state,
+        height = _this$state.height,
+        width = _this$state.width;
+
+      // Outer div should not force width/height since that may prevent containers from shrinking.
+      // Inner component should overflow and use calculated width/height.
+      // See issue #68 for more information.
+      var outerStyle /*: Object*/ = {
+        overflow: 'visible'
+      };
+      var childParams /*: Object*/ = {};
+      if (!disableHeight) {
+        outerStyle.height = 0;
+        childParams.height = height;
+      }
+      if (!disableWidth) {
+        outerStyle.width = 0;
+        childParams.width = width;
+      }
+
+      /**
+       * TODO: Avoid rendering children before the initial measurements have been collected.
+       * At best this would just be wasting cycles.
+       * Add this check into version 10 though as it could break too many ref callbacks in version 9.
+       * Note that if default width/height props were provided this would still work with SSR.
+      if (
+        height !== 0 &&
+        width !== 0
+      ) {
+        child = children({ height, width })
+      }
+      */
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: className,
+        ref: this._setRef,
+        style: _objectSpread(_objectSpread({}, outerStyle), style)
+      }, children(childParams));
+    }
+  }]);
+}(React.Component);
+(0, _defineProperty2["default"])(AutoSizer, "defaultProps", {
+  onResize: function onResize() {},
+  disableHeight: false,
+  disableWidth: false,
+  style: {}
+});

package/dist/commonjs/AutoSizer/AutoSizer.ssr.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var React = _interopRequireWildcard(require("react"));
+var ReactDOMServer = _interopRequireWildcard(require("react-dom/server"));
+var _AutoSizer = _interopRequireDefault(require("./AutoSizer"));
+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; }
+/**
+ * @jest-environment node
+ */
+
+test('should render content with default widths and heights initially', function () {
+  var rendered = ReactDOMServer.renderToString(/*#__PURE__*/React.createElement(_AutoSizer["default"], {
+    defaultHeight: 100,
+    defaultWidth: 200
+  }, function (_ref) {
+    var height = _ref.height,
+      width = _ref.width;
+    return /*#__PURE__*/React.createElement("div", null, "height:".concat(height, ";width:").concat(width));
+  }));
+  expect(rendered).toContain('height:100');
+  expect(rendered).toContain('width:200');
+});

package/dist/commonjs/AutoSizer/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AutoSizer", {
+  enumerable: true,
+  get: function get() {
+    return _AutoSizer["default"];
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _AutoSizer["default"];
+  }
+});
+var _AutoSizer = _interopRequireDefault(require("./AutoSizer"));

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

@@ -0,0 +1,100 @@
+"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 _Grid = _interopRequireDefault(require("../Grid"));
+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 DynamicHeightGrid = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
+  function DynamicHeightGrid(props, context) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, DynamicHeightGrid);
+    _this = _callSuper(this, DynamicHeightGrid, [props, context]);
+    _this._cache = new _CellMeasurerCache["default"]({
+      defaultWidth: 150,
+      fixedWidth: true
+    });
+    _this._cellRenderer = _this._cellRenderer.bind(_this);
+    return _this;
+  }
+  (0, _inherits2["default"])(DynamicHeightGrid, _React$PureComponent);
+  return (0, _createClass2["default"])(DynamicHeightGrid, [{
+    key: "render",
+    value: function render() {
+      var width = this.props.width;
+      return /*#__PURE__*/React.createElement(_Grid["default"], {
+        className: _CellMeasurerExample["default"].BodyGrid,
+        columnCount: 50,
+        columnWidth: 150,
+        deferredMeasurementCache: this._cache,
+        height: 400,
+        overscanColumnCount: 0,
+        overscanRowCount: 2,
+        cellRenderer: this._cellRenderer,
+        rowCount: 1000,
+        rowHeight: this._cache.rowHeight,
+        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
+      });
+      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), {}, {
+          width: 150
+        })
+      }, content));
+    }
+  }]);
+}(React.PureComponent);
+DynamicHeightGrid.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.DynamicHeightList.example.js

@@ -0,0 +1,99 @@
+"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 _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 _List = _interopRequireDefault(require("../List"));
+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 _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 DynamicHeightList = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
+  function DynamicHeightList(props, context) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, DynamicHeightList);
+    _this = _callSuper(this, DynamicHeightList, [props, context]);
+    _this._cache = new _CellMeasurerCache["default"]({
+      fixedWidth: true,
+      minHeight: 50
+    });
+    _this._rowRenderer = _this._rowRenderer.bind(_this);
+    return _this;
+  }
+  (0, _inherits2["default"])(DynamicHeightList, _React$PureComponent);
+  return (0, _createClass2["default"])(DynamicHeightList, [{
+    key: "render",
+    value: function render() {
+      var width = this.props.width;
+      return /*#__PURE__*/React.createElement(_List["default"], {
+        className: _CellMeasurerExample["default"].BodyGrid,
+        deferredMeasurementCache: this._cache,
+        height: 400,
+        overscanRowCount: 0,
+        rowCount: 1000,
+        rowHeight: this._cache.rowHeight,
+        rowRenderer: this._rowRenderer,
+        width: width
+      });
+    }
+  }, {
+    key: "_rowRenderer",
+    value: function _rowRenderer(_ref) {
+      var index = _ref.index,
+        key = _ref.key,
+        parent = _ref.parent,
+        style = _ref.style;
+      var _this$props = this.props,
+        getClassName = _this$props.getClassName,
+        list = _this$props.list;
+      var datum = list.get(index % list.size);
+      var classNames = getClassName({
+        columnIndex: 0,
+        rowIndex: index
+      });
+      var imageWidth = 300;
+      var imageHeight = datum.size * (1 + index % 3);
+      var source = "https://www.fillmurray.com/".concat(imageWidth, "/").concat(imageHeight);
+      return /*#__PURE__*/React.createElement(_CellMeasurer["default"], {
+        cache: this._cache,
+        columnIndex: 0,
+        key: key,
+        rowIndex: index,
+        parent: parent
+      }, function (_ref2) {
+        var measure = _ref2.measure,
+          registerChild = _ref2.registerChild;
+        return /*#__PURE__*/React.createElement("div", {
+          ref: registerChild,
+          className: classNames,
+          style: style
+        }, /*#__PURE__*/React.createElement("img", {
+          onLoad: measure,
+          src: source,
+          style: {
+            width: imageWidth
+          }
+        }));
+      });
+    }
+  }]);
+}(React.PureComponent);
+DynamicHeightList.propTypes = process.env.NODE_ENV !== "production" ? {
+  getClassName: _propTypes["default"].func.isRequired,
+  list: _propTypes["default"].instanceOf(_immutable["default"].List).isRequired,
+  width: _propTypes["default"].number.isRequired
+} : {};

package/dist/commonjs/CellMeasurer/CellMeasurer.DynamicHeightTableColumn.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 _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 _CellMeasurer = _interopRequireDefault(require("./CellMeasurer"));
+var _CellMeasurerCache = _interopRequireDefault(require("./CellMeasurerCache"));
+var _Table = require("../Table");
+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 _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 DynamicHeightTableColumn = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
+  function DynamicHeightTableColumn() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, DynamicHeightTableColumn);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, DynamicHeightTableColumn, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "_cache", new _CellMeasurerCache["default"]({
+      fixedWidth: true,
+      minHeight: 25
+    }));
+    (0, _defineProperty2["default"])(_this, "_lastRenderedWidth", _this.props.width);
+    (0, _defineProperty2["default"])(_this, "_columnCellRenderer", function (_ref) {
+      var dataKey = _ref.dataKey,
+        parent = _ref.parent,
+        rowIndex = _ref.rowIndex;
+      var list = _this.props.list;
+      var datum = list.get(rowIndex % list.size);
+      var content = rowIndex % 5 === 0 ? '' : datum.randomLong;
+      return /*#__PURE__*/React.createElement(_CellMeasurer["default"], {
+        cache: _this._cache,
+        columnIndex: 0,
+        key: dataKey,
+        parent: parent,
+        rowIndex: rowIndex
+      }, /*#__PURE__*/React.createElement("div", {
+        className: _CellMeasurerExample["default"].tableColumn,
+        style: {
+          whiteSpace: 'normal'
+        }
+      }, content));
+    });
+    (0, _defineProperty2["default"])(_this, "_rowGetter", function (_ref2) {
+      var index = _ref2.index;
+      var list = _this.props.list;
+      return list.get(index % list.size);
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(DynamicHeightTableColumn, _React$PureComponent);
+  return (0, _createClass2["default"])(DynamicHeightTableColumn, [{
+    key: "render",
+    value: function render() {
+      var width = this.props.width;
+      if (this._lastRenderedWidth !== this.props.width) {
+        this._lastRenderedWidth = this.props.width;
+        this._cache.clearAll();
+      }
+      return /*#__PURE__*/React.createElement(_Table.Table, {
+        deferredMeasurementCache: this._cache,
+        headerHeight: 20,
+        height: 400,
+        overscanRowCount: 2,
+        rowClassName: _CellMeasurerExample["default"].tableRow,
+        rowHeight: this._cache.rowHeight,
+        rowGetter: this._rowGetter,
+        rowCount: 1000,
+        width: width
+      }, /*#__PURE__*/React.createElement(_Table.Column, {
+        className: _CellMeasurerExample["default"].tableColumn,
+        dataKey: "name",
+        label: "Name",
+        width: 125
+      }), /*#__PURE__*/React.createElement(_Table.Column, {
+        className: _CellMeasurerExample["default"].tableColumn,
+        dataKey: "color",
+        label: "Color",
+        width: 75
+      }), /*#__PURE__*/React.createElement(_Table.Column, {
+        width: width - 200,
+        dataKey: "random",
+        label: "Dynamic text",
+        cellRenderer: this._columnCellRenderer
+      }));
+    }
+  }]);
+}(React.PureComponent);
+DynamicHeightTableColumn.propTypes = process.env.NODE_ENV !== "production" ? {
+  list: _propTypes["default"].instanceOf(_immutable["default"].List).isRequired,
+  width: _propTypes["default"].number.isRequired
+} : {};

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

@@ -0,0 +1,102 @@
+"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 _Grid = _interopRequireDefault(require("../Grid"));
+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 DynamicWidthGrid = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
+  function DynamicWidthGrid(props, context) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, DynamicWidthGrid);
+    _this = _callSuper(this, DynamicWidthGrid, [props, context]);
+    _this._cache = new _CellMeasurerCache["default"]({
+      defaultWidth: 100,
+      fixedHeight: true
+    });
+    _this._cellRenderer = _this._cellRenderer.bind(_this);
+    return _this;
+  }
+  (0, _inherits2["default"])(DynamicWidthGrid, _React$PureComponent);
+  return (0, _createClass2["default"])(DynamicWidthGrid, [{
+    key: "render",
+    value: function render() {
+      var width = this.props.width;
+      return /*#__PURE__*/React.createElement(_Grid["default"], {
+        className: _CellMeasurerExample["default"].BodyGrid,
+        columnCount: 1000,
+        columnWidth: this._cache.columnWidth,
+        deferredMeasurementCache: this._cache,
+        height: 400,
+        overscanColumnCount: 0,
+        overscanRowCount: 2,
+        cellRenderer: this._cellRenderer,
+        rowCount: 50,
+        rowHeight: 35,
+        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: columnIndex,
+        datum: datum,
+        "long": false
+      });
+      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), {}, {
+          height: 35,
+          whiteSpace: 'nowrap'
+        })
+      }, content));
+    }
+  }]);
+}(React.PureComponent);
+DynamicWidthGrid.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
+} : {};