@depup/react-virtualized 9.22.6-depup.0

package/dist/es/CellMeasurer/CellMeasurer.DynamicHeightTableColumn.example.js

@@ -0,0 +1,98 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 Immutable from 'immutable';
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import CellMeasurer from './CellMeasurer';
+import CellMeasurerCache from './CellMeasurerCache';
+import { Column, Table } from '../Table';
+import styles from './CellMeasurer.example.css';
+var DynamicHeightTableColumn = /*#__PURE__*/function (_React$PureComponent) {
+  function DynamicHeightTableColumn() {
+    var _this;
+    _classCallCheck(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));
+    _defineProperty(_this, "_cache", new CellMeasurerCache({
+      fixedWidth: true,
+      minHeight: 25
+    }));
+    _defineProperty(_this, "_lastRenderedWidth", _this.props.width);
+    _defineProperty(_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, {
+        cache: _this._cache,
+        columnIndex: 0,
+        key: dataKey,
+        parent: parent,
+        rowIndex: rowIndex
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.tableColumn,
+        style: {
+          whiteSpace: 'normal'
+        }
+      }, content));
+    });
+    _defineProperty(_this, "_rowGetter", function (_ref2) {
+      var index = _ref2.index;
+      var list = _this.props.list;
+      return list.get(index % list.size);
+    });
+    return _this;
+  }
+  _inherits(DynamicHeightTableColumn, _React$PureComponent);
+  return _createClass(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, {
+        deferredMeasurementCache: this._cache,
+        headerHeight: 20,
+        height: 400,
+        overscanRowCount: 2,
+        rowClassName: styles.tableRow,
+        rowHeight: this._cache.rowHeight,
+        rowGetter: this._rowGetter,
+        rowCount: 1000,
+        width: width
+      }, /*#__PURE__*/React.createElement(Column, {
+        className: styles.tableColumn,
+        dataKey: "name",
+        label: "Name",
+        width: 125
+      }), /*#__PURE__*/React.createElement(Column, {
+        className: styles.tableColumn,
+        dataKey: "color",
+        label: "Color",
+        width: 75
+      }), /*#__PURE__*/React.createElement(Column, {
+        width: width - 200,
+        dataKey: "random",
+        label: "Dynamic text",
+        cellRenderer: this._columnCellRenderer
+      }));
+    }
+  }]);
+}(React.PureComponent);
+export { DynamicHeightTableColumn as default };
+DynamicHeightTableColumn.propTypes = process.env.NODE_ENV !== "production" ? {
+  list: PropTypes.instanceOf(Immutable.List).isRequired,
+  width: PropTypes.number.isRequired
+} : {};

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

@@ -0,0 +1,93 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+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) { _defineProperty(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 = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 Immutable from 'immutable';
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import CellMeasurer from './CellMeasurer';
+import CellMeasurerCache from './CellMeasurerCache';
+import Grid from '../Grid';
+import styles from './CellMeasurer.example.css';
+var DynamicWidthGrid = /*#__PURE__*/function (_React$PureComponent) {
+  function DynamicWidthGrid(props, context) {
+    var _this;
+    _classCallCheck(this, DynamicWidthGrid);
+    _this = _callSuper(this, DynamicWidthGrid, [props, context]);
+    _this._cache = new CellMeasurerCache({
+      defaultWidth: 100,
+      fixedHeight: true
+    });
+    _this._cellRenderer = _this._cellRenderer.bind(_this);
+    return _this;
+  }
+  _inherits(DynamicWidthGrid, _React$PureComponent);
+  return _createClass(DynamicWidthGrid, [{
+    key: "render",
+    value: function render() {
+      var width = this.props.width;
+      return /*#__PURE__*/React.createElement(Grid, {
+        className: styles.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, {
+        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);
+export { DynamicWidthGrid as default };
+DynamicWidthGrid.propTypes = process.env.NODE_ENV !== "production" ? {
+  getClassName: PropTypes.func.isRequired,
+  getContent: PropTypes.func.isRequired,
+  list: PropTypes.instanceOf(Immutable.List).isRequired,
+  width: PropTypes.number.isRequired
+} : {};

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

@@ -0,0 +1,98 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+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) { _defineProperty(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 = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 Immutable from 'immutable';
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import CellMeasurer from './CellMeasurer';
+import CellMeasurerCache from './CellMeasurerCache';
+import MultiGrid from '../MultiGrid';
+import styles from './CellMeasurer.example.css';
+var DynamicWidthMultiGrid = /*#__PURE__*/function (_React$PureComponent) {
+  function DynamicWidthMultiGrid(props, context) {
+    var _this;
+    _classCallCheck(this, DynamicWidthMultiGrid);
+    _this = _callSuper(this, DynamicWidthMultiGrid, [props, context]);
+    _this._cache = new CellMeasurerCache({
+      defaultHeight: 30,
+      defaultWidth: 150,
+      fixedHeight: true
+    });
+    _this._cellRenderer = _this._cellRenderer.bind(_this);
+    return _this;
+  }
+  _inherits(DynamicWidthMultiGrid, _React$PureComponent);
+  return _createClass(DynamicWidthMultiGrid, [{
+    key: "render",
+    value: function render() {
+      var width = this.props.width;
+      return /*#__PURE__*/React.createElement(MultiGrid, {
+        className: styles.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, {
+        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);
+export { DynamicWidthMultiGrid as default };
+DynamicWidthMultiGrid.propTypes = process.env.NODE_ENV !== "production" ? {
+  getClassName: PropTypes.func.isRequired,
+  getContent: PropTypes.func.isRequired,
+  list: PropTypes.instanceOf(Immutable.List).isRequired,
+  width: PropTypes.number.isRequired
+} : {};

package/dist/es/CellMeasurer/CellMeasurer.example.js

@@ -0,0 +1,120 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 Immutable from 'immutable';
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { ContentBox, ContentBoxHeader, ContentBoxParagraph } from '../demo/ContentBox';
+import AutoSizer from '../AutoSizer';
+import clsx from 'clsx';
+import styles from './CellMeasurer.example.css';
+import DynamicWidthGrid from './CellMeasurer.DynamicWidthGrid.example.js';
+import DynamicHeightGrid from './CellMeasurer.DynamicHeightGrid.example.js';
+import DynamicWidthMultiGrid from './CellMeasurer.DynamicWidthMultiGrid.example.js';
+import DynamicHeightList from './CellMeasurer.DynamicHeightList.example.js';
+import DynamicHeightTableColumn from './CellMeasurer.DynamicHeightTableColumn.example.js';
+var demoComponents = [DynamicWidthGrid, DynamicHeightGrid, DynamicWidthMultiGrid, DynamicHeightList, DynamicHeightTableColumn];
+var CellMeasurerExample = /*#__PURE__*/function (_React$PureComponent) {
+  function CellMeasurerExample(props, context) {
+    var _this;
+    _classCallCheck(this, CellMeasurerExample);
+    _this = _callSuper(this, CellMeasurerExample, [props, context]);
+    _this.state = {
+      currentTab: 0
+    };
+    _this._onClick = _this._onClick.bind(_this);
+    return _this;
+  }
+  _inherits(CellMeasurerExample, _React$PureComponent);
+  return _createClass(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, null, /*#__PURE__*/React.createElement(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(ContentBoxParagraph, null, "This component can be used to just-in-time measure dynamic content (eg. messages in a chat interface)."), /*#__PURE__*/React.createElement(AutoSizer, {
+        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, _extends({
+          id: 0
+        }, buttonProps), "dynamic width text"), /*#__PURE__*/React.createElement(Tab, _extends({
+          id: 1
+        }, buttonProps), "dynamic height text"), /*#__PURE__*/React.createElement("strong", null, "MultiGrid"), ":", /*#__PURE__*/React.createElement(Tab, _extends({
+          id: 2
+        }, buttonProps), "dynamic width text"), /*#__PURE__*/React.createElement("strong", null, "List"), ":", /*#__PURE__*/React.createElement(Tab, _extends({
+          id: 3
+        }, buttonProps), "dynamic height image"), /*#__PURE__*/React.createElement("strong", null, "Table"), ":", /*#__PURE__*/React.createElement(Tab, _extends({
+          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);
+_defineProperty(CellMeasurerExample, "contextTypes", {
+  list: PropTypes.instanceOf(Immutable.List).isRequired
+});
+export { CellMeasurerExample as default };
+function getClassName(_ref2) {
+  var columnIndex = _ref2.columnIndex,
+    rowIndex = _ref2.rowIndex;
+  var rowClass = rowIndex % 2 === 0 ? styles.evenRow : styles.oddRow;
+  return clsx(rowClass, styles.cell, _defineProperty({}, styles.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 = clsx(styles.Tab, _defineProperty({}, styles.ActiveTab, currentTab === id));
+  return /*#__PURE__*/React.createElement("button", {
+    className: classNames,
+    onClick: function onClick() {
+      return _onClick2(id);
+    }
+  }, children);
+}