@depup/react-virtualized 9.22.6-depup.0

package/dist/commonjs/MultiGrid/CellMeasurerCacheDecorator.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _CellMeasurer = require("../CellMeasurer");
+/*:: type CellMeasurerCacheDecoratorParams = {
+  cellMeasurerCache: CellMeasurerCache,
+  columnIndexOffset: number,
+  rowIndexOffset: number,
+};*/
+/*:: type IndexParam = {
+  index: number,
+};*/
+/**
+ * Caches measurements for a given cell.
+ */
+var CellMeasurerCacheDecorator = exports["default"] = /*#__PURE__*/function () {
+  function CellMeasurerCacheDecorator() {
+    var _this = this;
+    var params /*: CellMeasurerCacheDecoratorParams*/ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    (0, _classCallCheck2["default"])(this, CellMeasurerCacheDecorator);
+    (0, _defineProperty2["default"])(this, "_cellMeasurerCache", void 0);
+    (0, _defineProperty2["default"])(this, "_columnIndexOffset", void 0);
+    (0, _defineProperty2["default"])(this, "_rowIndexOffset", void 0);
+    (0, _defineProperty2["default"])(this, "columnWidth", function (_ref /*:: */) {
+      var index = _ref /*:: */.index;
+      _this._cellMeasurerCache.columnWidth({
+        index: index + _this._columnIndexOffset
+      });
+    });
+    (0, _defineProperty2["default"])(this, "rowHeight", function (_ref2 /*:: */) {
+      var index = _ref2 /*:: */.index;
+      _this._cellMeasurerCache.rowHeight({
+        index: index + _this._rowIndexOffset
+      });
+    });
+    var cellMeasurerCache = params.cellMeasurerCache,
+      _params$columnIndexOf = params.columnIndexOffset,
+      columnIndexOffset = _params$columnIndexOf === void 0 ? 0 : _params$columnIndexOf,
+      _params$rowIndexOffse = params.rowIndexOffset,
+      rowIndexOffset = _params$rowIndexOffse === void 0 ? 0 : _params$rowIndexOffse;
+    this._cellMeasurerCache = cellMeasurerCache;
+    this._columnIndexOffset = columnIndexOffset;
+    this._rowIndexOffset = rowIndexOffset;
+  }
+  return (0, _createClass2["default"])(CellMeasurerCacheDecorator, [{
+    key: "clear",
+    value: function clear(rowIndex /*: number*/, columnIndex /*: number*/) /*: void*/{
+      this._cellMeasurerCache.clear(rowIndex + this._rowIndexOffset, columnIndex + this._columnIndexOffset);
+    }
+  }, {
+    key: "clearAll",
+    value: function clearAll() /*: void*/{
+      this._cellMeasurerCache.clearAll();
+    }
+  }, {
+    key: "defaultHeight",
+    get: function get() /*: number*/{
+      return this._cellMeasurerCache.defaultHeight;
+    }
+  }, {
+    key: "defaultWidth",
+    get: function get() /*: number*/{
+      return this._cellMeasurerCache.defaultWidth;
+    }
+  }, {
+    key: "hasFixedHeight",
+    value: function hasFixedHeight() /*: boolean*/{
+      return this._cellMeasurerCache.hasFixedHeight();
+    }
+  }, {
+    key: "hasFixedWidth",
+    value: function hasFixedWidth() /*: boolean*/{
+      return this._cellMeasurerCache.hasFixedWidth();
+    }
+  }, {
+    key: "getHeight",
+    value: function getHeight(rowIndex /*: number*/) /*: ?number*/{
+      var columnIndex /*: ?number*/ = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      return this._cellMeasurerCache.getHeight(rowIndex + this._rowIndexOffset, columnIndex + this._columnIndexOffset);
+    }
+  }, {
+    key: "getWidth",
+    value: function getWidth(rowIndex /*: number*/) /*: ?number*/{
+      var columnIndex /*: ?number*/ = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      return this._cellMeasurerCache.getWidth(rowIndex + this._rowIndexOffset, columnIndex + this._columnIndexOffset);
+    }
+  }, {
+    key: "has",
+    value: function has(rowIndex /*: number*/) /*: boolean*/{
+      var columnIndex /*: ?number*/ = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      return this._cellMeasurerCache.has(rowIndex + this._rowIndexOffset, columnIndex + this._columnIndexOffset);
+    }
+  }, {
+    key: "set",
+    value: function set(rowIndex /*: number*/, columnIndex /*: number*/, width /*: number*/, height /*: number*/) /*: void*/{
+      this._cellMeasurerCache.set(rowIndex + this._rowIndexOffset, columnIndex + this._columnIndexOffset, (width /*: number*/), (height /*: number*/));
+    }
+  }]);
+}();

package/dist/commonjs/MultiGrid/MultiGrid.example.js

@@ -0,0 +1,131 @@
+"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 _LabeledInput = require("../demo/LabeledInput");
+var _AutoSizer = _interopRequireDefault(require("../AutoSizer"));
+var _MultiGrid = _interopRequireDefault(require("./MultiGrid"));
+var _MultiGridExample2 = _interopRequireDefault(require("./MultiGrid.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 STYLE = {
+  border: '1px solid #ddd'
+};
+var STYLE_BOTTOM_LEFT_GRID = {
+  borderRight: '2px solid #aaa',
+  backgroundColor: '#f7f7f7'
+};
+var STYLE_TOP_LEFT_GRID = {
+  borderBottom: '2px solid #aaa',
+  borderRight: '2px solid #aaa',
+  fontWeight: 'bold'
+};
+var STYLE_TOP_RIGHT_GRID = {
+  borderBottom: '2px solid #aaa',
+  fontWeight: 'bold'
+};
+var MultiGridExample = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
+  function MultiGridExample(props, context) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, MultiGridExample);
+    _this = _callSuper(this, MultiGridExample, [props, context]);
+    _this.state = {
+      fixedColumnCount: 2,
+      fixedRowCount: 1,
+      scrollToColumn: 0,
+      scrollToRow: 0
+    };
+    _this._cellRenderer = _this._cellRenderer.bind(_this);
+    _this._onFixedColumnCountChange = _this._createEventHandler('fixedColumnCount');
+    _this._onFixedRowCountChange = _this._createEventHandler('fixedRowCount');
+    _this._onScrollToColumnChange = _this._createEventHandler('scrollToColumn');
+    _this._onScrollToRowChange = _this._createEventHandler('scrollToRow');
+    return _this;
+  }
+  (0, _inherits2["default"])(MultiGridExample, _React$PureComponent);
+  return (0, _createClass2["default"])(MultiGridExample, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(_ContentBox.ContentBox, null, /*#__PURE__*/React.createElement(_ContentBox.ContentBoxHeader, {
+        text: "MultiGrid",
+        sourceLink: "https://github.com/bvaughn/react-virtualized/blob/master/source/MultiGrid/MultiGrid.example.js",
+        docsLink: "https://github.com/bvaughn/react-virtualized/blob/master/docs/MultiGrid.md"
+      }), /*#__PURE__*/React.createElement(_ContentBox.ContentBoxParagraph, null, "This component stitches together several grids to provide a fixed column/row interface."), /*#__PURE__*/React.createElement(_LabeledInput.InputRow, null, this._createLabeledInput('fixedColumnCount', this._onFixedColumnCountChange), this._createLabeledInput('fixedRowCount', this._onFixedRowCountChange), this._createLabeledInput('scrollToColumn', this._onScrollToColumnChange), this._createLabeledInput('scrollToRow', this._onScrollToRowChange)), /*#__PURE__*/React.createElement(_AutoSizer["default"], {
+        disableHeight: true
+      }, function (_ref) {
+        var width = _ref.width;
+        return /*#__PURE__*/React.createElement(_MultiGrid["default"], (0, _extends2["default"])({}, _this2.state, {
+          cellRenderer: _this2._cellRenderer,
+          columnWidth: 75,
+          columnCount: 50,
+          enableFixedColumnScroll: true,
+          enableFixedRowScroll: true,
+          height: 300,
+          rowHeight: 40,
+          rowCount: 100,
+          style: STYLE,
+          styleBottomLeftGrid: STYLE_BOTTOM_LEFT_GRID,
+          styleTopLeftGrid: STYLE_TOP_LEFT_GRID,
+          styleTopRightGrid: STYLE_TOP_RIGHT_GRID,
+          width: width,
+          hideTopRightGridScrollbar: true,
+          hideBottomLeftGridScrollbar: true
+        }));
+      }));
+    }
+  }, {
+    key: "_cellRenderer",
+    value: function _cellRenderer(_ref2) {
+      var columnIndex = _ref2.columnIndex,
+        key = _ref2.key,
+        rowIndex = _ref2.rowIndex,
+        style = _ref2.style;
+      return /*#__PURE__*/React.createElement("div", {
+        className: _MultiGridExample2["default"].Cell,
+        key: key,
+        style: style
+      }, columnIndex, ", ", rowIndex);
+    }
+  }, {
+    key: "_createEventHandler",
+    value: function _createEventHandler(property) {
+      var _this3 = this;
+      return function (event) {
+        var value = parseInt(event.target.value, 10) || 0;
+        _this3.setState((0, _defineProperty2["default"])({}, property, value));
+      };
+    }
+  }, {
+    key: "_createLabeledInput",
+    value: function _createLabeledInput(property, eventHandler) {
+      var value = this.state[property];
+      return /*#__PURE__*/React.createElement(_LabeledInput.LabeledInput, {
+        label: property,
+        name: property,
+        onChange: eventHandler,
+        value: value
+      });
+    }
+  }]);
+}(React.PureComponent);
+(0, _defineProperty2["default"])(MultiGridExample, "contextTypes", {
+  list: _propTypes["default"].instanceOf(_immutable["default"].List).isRequired
+});