@depup/react-virtualized 9.22.6-depup.0

package/dist/commonjs/MultiGrid/index.js

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

package/dist/commonjs/ScrollSync/ScrollSync.example.js

@@ -0,0 +1,257 @@
+"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 React = _interopRequireWildcard(require("react"));
+var _ContentBox = require("../demo/ContentBox");
+var _AutoSizer = _interopRequireDefault(require("../AutoSizer"));
+var _Grid = _interopRequireDefault(require("../Grid"));
+var _ScrollSync = _interopRequireDefault(require("./ScrollSync"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _ScrollSyncExample = _interopRequireDefault(require("./ScrollSync.example.css"));
+var _scrollbarSize = _interopRequireDefault(require("dom-helpers/scrollbarSize"));
+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 LEFT_COLOR_FROM = hexToRgb('#471061');
+var LEFT_COLOR_TO = hexToRgb('#BC3959');
+var TOP_COLOR_FROM = hexToRgb('#000000');
+var TOP_COLOR_TO = hexToRgb('#333333');
+var GridExample = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
+  function GridExample(props, context) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, GridExample);
+    _this = _callSuper(this, GridExample, [props, context]);
+    _this.state = {
+      columnWidth: 75,
+      columnCount: 50,
+      height: 300,
+      overscanColumnCount: 0,
+      overscanRowCount: 5,
+      rowHeight: 40,
+      rowCount: 100
+    };
+    _this._renderBodyCell = _this._renderBodyCell.bind(_this);
+    _this._renderHeaderCell = _this._renderHeaderCell.bind(_this);
+    _this._renderLeftSideCell = _this._renderLeftSideCell.bind(_this);
+    return _this;
+  }
+  (0, _inherits2["default"])(GridExample, _React$PureComponent);
+  return (0, _createClass2["default"])(GridExample, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$state = this.state,
+        columnCount = _this$state.columnCount,
+        columnWidth = _this$state.columnWidth,
+        height = _this$state.height,
+        overscanColumnCount = _this$state.overscanColumnCount,
+        overscanRowCount = _this$state.overscanRowCount,
+        rowHeight = _this$state.rowHeight,
+        rowCount = _this$state.rowCount;
+      return /*#__PURE__*/React.createElement(_ContentBox.ContentBox, null, /*#__PURE__*/React.createElement(_ContentBox.ContentBoxHeader, {
+        text: "ScrollSync",
+        sourceLink: "https://github.com/bvaughn/react-virtualized/blob/master/source/ScrollSync/ScrollSync.example.js",
+        docsLink: "https://github.com/bvaughn/react-virtualized/blob/master/docs/ScrollSync.md"
+      }), /*#__PURE__*/React.createElement(_ContentBox.ContentBoxParagraph, null, "High order component that simplifies the process of synchronizing scrolling between two or more virtualized components."), /*#__PURE__*/React.createElement(_ContentBox.ContentBoxParagraph, null, "This example shows two ", /*#__PURE__*/React.createElement("code", null, "Grid"), "s and one ", /*#__PURE__*/React.createElement("code", null, "List"), ' ', "configured to mimic a spreadsheet with a fixed header and first column. It also shows how a scroll callback can be used to control UI properties such as background color."), /*#__PURE__*/React.createElement(_ScrollSync["default"], null, function (_ref) {
+        var clientHeight = _ref.clientHeight,
+          clientWidth = _ref.clientWidth,
+          onScroll = _ref.onScroll,
+          scrollHeight = _ref.scrollHeight,
+          scrollLeft = _ref.scrollLeft,
+          scrollTop = _ref.scrollTop,
+          scrollWidth = _ref.scrollWidth;
+        var x = scrollLeft / (scrollWidth - clientWidth);
+        var y = scrollTop / (scrollHeight - clientHeight);
+        var leftBackgroundColor = mixColors(LEFT_COLOR_FROM, LEFT_COLOR_TO, y);
+        var leftColor = '#ffffff';
+        var topBackgroundColor = mixColors(TOP_COLOR_FROM, TOP_COLOR_TO, x);
+        var topColor = '#ffffff';
+        var middleBackgroundColor = mixColors(leftBackgroundColor, topBackgroundColor, 0.5);
+        var middleColor = '#ffffff';
+        return /*#__PURE__*/React.createElement("div", {
+          className: _ScrollSyncExample["default"].GridRow
+        }, /*#__PURE__*/React.createElement("div", {
+          className: _ScrollSyncExample["default"].LeftSideGridContainer,
+          style: {
+            position: 'absolute',
+            left: 0,
+            top: 0,
+            color: leftColor,
+            backgroundColor: "rgb(".concat(topBackgroundColor.r, ",").concat(topBackgroundColor.g, ",").concat(topBackgroundColor.b, ")")
+          }
+        }, /*#__PURE__*/React.createElement(_Grid["default"], {
+          cellRenderer: _this2._renderLeftHeaderCell,
+          className: _ScrollSyncExample["default"].HeaderGrid,
+          width: columnWidth,
+          height: rowHeight,
+          rowHeight: rowHeight,
+          columnWidth: columnWidth,
+          rowCount: 1,
+          columnCount: 1
+        })), /*#__PURE__*/React.createElement("div", {
+          className: _ScrollSyncExample["default"].LeftSideGridContainer,
+          style: {
+            position: 'absolute',
+            left: 0,
+            top: rowHeight,
+            color: leftColor,
+            backgroundColor: "rgb(".concat(leftBackgroundColor.r, ",").concat(leftBackgroundColor.g, ",").concat(leftBackgroundColor.b, ")")
+          }
+        }, /*#__PURE__*/React.createElement(_Grid["default"], {
+          overscanColumnCount: overscanColumnCount,
+          overscanRowCount: overscanRowCount,
+          cellRenderer: _this2._renderLeftSideCell,
+          columnWidth: columnWidth,
+          columnCount: 1,
+          className: _ScrollSyncExample["default"].LeftSideGrid,
+          height: height - (0, _scrollbarSize["default"])(),
+          rowHeight: rowHeight,
+          rowCount: rowCount,
+          scrollTop: scrollTop,
+          width: columnWidth
+        })), /*#__PURE__*/React.createElement("div", {
+          className: _ScrollSyncExample["default"].GridColumn
+        }, /*#__PURE__*/React.createElement(_AutoSizer["default"], {
+          disableHeight: true
+        }, function (_ref2) {
+          var width = _ref2.width;
+          return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+            style: {
+              backgroundColor: "rgb(".concat(topBackgroundColor.r, ",").concat(topBackgroundColor.g, ",").concat(topBackgroundColor.b, ")"),
+              color: topColor,
+              height: rowHeight,
+              width: width - (0, _scrollbarSize["default"])()
+            }
+          }, /*#__PURE__*/React.createElement(_Grid["default"], {
+            className: _ScrollSyncExample["default"].HeaderGrid,
+            columnWidth: columnWidth,
+            columnCount: columnCount,
+            height: rowHeight,
+            overscanColumnCount: overscanColumnCount,
+            cellRenderer: _this2._renderHeaderCell,
+            rowHeight: rowHeight,
+            rowCount: 1,
+            scrollLeft: scrollLeft,
+            width: width - (0, _scrollbarSize["default"])()
+          })), /*#__PURE__*/React.createElement("div", {
+            style: {
+              backgroundColor: "rgb(".concat(middleBackgroundColor.r, ",").concat(middleBackgroundColor.g, ",").concat(middleBackgroundColor.b, ")"),
+              color: middleColor,
+              height: height,
+              width: width
+            }
+          }, /*#__PURE__*/React.createElement(_Grid["default"], {
+            className: _ScrollSyncExample["default"].BodyGrid,
+            columnWidth: columnWidth,
+            columnCount: columnCount,
+            height: height,
+            onScroll: onScroll,
+            overscanColumnCount: overscanColumnCount,
+            overscanRowCount: overscanRowCount,
+            cellRenderer: _this2._renderBodyCell,
+            rowHeight: rowHeight,
+            rowCount: rowCount,
+            width: width
+          })));
+        })));
+      }));
+    }
+  }, {
+    key: "_renderBodyCell",
+    value: function _renderBodyCell(_ref3) {
+      var columnIndex = _ref3.columnIndex,
+        key = _ref3.key,
+        rowIndex = _ref3.rowIndex,
+        style = _ref3.style;
+      if (columnIndex < 1) {
+        return;
+      }
+      return this._renderLeftSideCell({
+        columnIndex: columnIndex,
+        key: key,
+        rowIndex: rowIndex,
+        style: style
+      });
+    }
+  }, {
+    key: "_renderHeaderCell",
+    value: function _renderHeaderCell(_ref4) {
+      var columnIndex = _ref4.columnIndex,
+        key = _ref4.key,
+        rowIndex = _ref4.rowIndex,
+        style = _ref4.style;
+      if (columnIndex < 1) {
+        return;
+      }
+      return this._renderLeftHeaderCell({
+        columnIndex: columnIndex,
+        key: key,
+        rowIndex: rowIndex,
+        style: style
+      });
+    }
+  }, {
+    key: "_renderLeftHeaderCell",
+    value: function _renderLeftHeaderCell(_ref5) {
+      var columnIndex = _ref5.columnIndex,
+        key = _ref5.key,
+        style = _ref5.style;
+      return /*#__PURE__*/React.createElement("div", {
+        className: _ScrollSyncExample["default"].headerCell,
+        key: key,
+        style: style
+      }, "C".concat(columnIndex));
+    }
+  }, {
+    key: "_renderLeftSideCell",
+    value: function _renderLeftSideCell(_ref6) {
+      var columnIndex = _ref6.columnIndex,
+        key = _ref6.key,
+        rowIndex = _ref6.rowIndex,
+        style = _ref6.style;
+      var rowClass = rowIndex % 2 === 0 ? columnIndex % 2 === 0 ? _ScrollSyncExample["default"].evenRow : _ScrollSyncExample["default"].oddRow : columnIndex % 2 !== 0 ? _ScrollSyncExample["default"].evenRow : _ScrollSyncExample["default"].oddRow;
+      var classNames = (0, _clsx["default"])(rowClass, _ScrollSyncExample["default"].cell);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames,
+        key: key,
+        style: style
+      }, "R".concat(rowIndex, ", C").concat(columnIndex));
+    }
+  }]);
+}(React.PureComponent);
+function hexToRgb(hex) {
+  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  } : null;
+}
+
+/**
+ * Ported from sass implementation in C
+ * https://github.com/sass/libsass/blob/0e6b4a2850092356aa3ece07c6b249f0221caced/functions.cpp#L209
+ */
+function mixColors(color1, color2, amount) {
+  var weight1 = amount;
+  var weight2 = 1 - amount;
+  var r = Math.round(weight1 * color1.r + weight2 * color2.r);
+  var g = Math.round(weight1 * color1.g + weight2 * color2.g);
+  var b = Math.round(weight1 * color1.b + weight2 * color2.b);
+  return {
+    r: r,
+    g: g,
+    b: b
+  };
+}

package/dist/commonjs/ScrollSync/ScrollSync.jest.js

@@ -0,0 +1,66 @@
+"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 _ScrollSync = _interopRequireDefault(require("./ScrollSync"));
+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 ChildComponent(_ref) {
+  var clientHeight = _ref.clientHeight,
+    clientWidth = _ref.clientWidth,
+    scrollHeight = _ref.scrollHeight,
+    scrollLeft = _ref.scrollLeft,
+    scrollTop = _ref.scrollTop,
+    scrollWidth = _ref.scrollWidth;
+  return /*#__PURE__*/React.createElement("div", null, "clientHeight:".concat(clientHeight), "clientWidth:".concat(clientWidth), "scrollHeight:".concat(scrollHeight), "scrollLeft:".concat(scrollLeft), "scrollTop:".concat(scrollTop), "scrollWidth:".concat(scrollWidth));
+}
+describe('ScrollSync', function () {
+  it('should pass through an initial value of 0 for :scrollLeft and :scrollTop', function () {
+    var component = (0, _TestUtils.render)(/*#__PURE__*/React.createElement(_ScrollSync["default"], null, function (_ref2) {
+      var clientHeight = _ref2.clientHeight,
+        clientWidth = _ref2.clientWidth,
+        scrollHeight = _ref2.scrollHeight,
+        scrollLeft = _ref2.scrollLeft,
+        scrollTop = _ref2.scrollTop,
+        scrollWidth = _ref2.scrollWidth;
+      return /*#__PURE__*/React.createElement(ChildComponent, {
+        clientHeight: clientHeight,
+        clientWidth: clientWidth,
+        scrollHeight: scrollHeight,
+        scrollLeft: scrollLeft,
+        scrollTop: scrollTop,
+        scrollWidth: scrollWidth
+      });
+    }));
+    expect((0, _reactDom.findDOMNode)(component).textContent).toContain('clientHeight:0');
+    expect((0, _reactDom.findDOMNode)(component).textContent).toContain('clientWidth:0');
+    expect((0, _reactDom.findDOMNode)(component).textContent).toContain('scrollHeight:0');
+    expect((0, _reactDom.findDOMNode)(component).textContent).toContain('scrollLeft:0');
+    expect((0, _reactDom.findDOMNode)(component).textContent).toContain('scrollTop:0');
+    expect((0, _reactDom.findDOMNode)(component).textContent).toContain('scrollWidth:0');
+  });
+  it('should update :scrollLeft and :scrollTop when :onScroll is called', function () {
+    var onScroll;
+    var component = (0, _TestUtils.render)(/*#__PURE__*/React.createElement(_ScrollSync["default"], null, function (params) {
+      onScroll = params.onScroll;
+      return /*#__PURE__*/React.createElement(ChildComponent, params);
+    }));
+    onScroll({
+      clientHeight: 400,
+      clientWidth: 200,
+      scrollHeight: 1000,
+      scrollLeft: 50,
+      scrollTop: 100,
+      scrollWidth: 500
+    });
+    expect((0, _reactDom.findDOMNode)(component).textContent).toContain('clientHeight:400');
+    expect((0, _reactDom.findDOMNode)(component).textContent).toContain('clientWidth:200');
+    expect((0, _reactDom.findDOMNode)(component).textContent).toContain('scrollHeight:1000');
+    expect((0, _reactDom.findDOMNode)(component).textContent).toContain('scrollLeft:50');
+    expect((0, _reactDom.findDOMNode)(component).textContent).toContain('scrollTop:100');
+    expect((0, _reactDom.findDOMNode)(component).textContent).toContain('scrollWidth:500');
+  });
+});

package/dist/commonjs/ScrollSync/ScrollSync.js

@@ -0,0 +1,88 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+var React = _interopRequireWildcard(require("react"));
+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; })(); }
+/**
+ * HOC that simplifies the process of synchronizing scrolling between two or more virtualized components.
+ */
+var ScrollSync = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
+  function ScrollSync(props, context) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ScrollSync);
+    _this = _callSuper(this, ScrollSync, [props, context]);
+    _this.state = {
+      clientHeight: 0,
+      clientWidth: 0,
+      scrollHeight: 0,
+      scrollLeft: 0,
+      scrollTop: 0,
+      scrollWidth: 0
+    };
+    _this._onScroll = _this._onScroll.bind(_this);
+    return _this;
+  }
+  (0, _inherits2["default"])(ScrollSync, _React$PureComponent);
+  return (0, _createClass2["default"])(ScrollSync, [{
+    key: "render",
+    value: function render() {
+      var children = this.props.children;
+      var _this$state = this.state,
+        clientHeight = _this$state.clientHeight,
+        clientWidth = _this$state.clientWidth,
+        scrollHeight = _this$state.scrollHeight,
+        scrollLeft = _this$state.scrollLeft,
+        scrollTop = _this$state.scrollTop,
+        scrollWidth = _this$state.scrollWidth;
+      return children({
+        clientHeight: clientHeight,
+        clientWidth: clientWidth,
+        onScroll: this._onScroll,
+        scrollHeight: scrollHeight,
+        scrollLeft: scrollLeft,
+        scrollTop: scrollTop,
+        scrollWidth: scrollWidth
+      });
+    }
+  }, {
+    key: "_onScroll",
+    value: function _onScroll(_ref) {
+      var clientHeight = _ref.clientHeight,
+        clientWidth = _ref.clientWidth,
+        scrollHeight = _ref.scrollHeight,
+        scrollLeft = _ref.scrollLeft,
+        scrollTop = _ref.scrollTop,
+        scrollWidth = _ref.scrollWidth;
+      this.setState({
+        clientHeight: clientHeight,
+        clientWidth: clientWidth,
+        scrollHeight: scrollHeight,
+        scrollLeft: scrollLeft,
+        scrollTop: scrollTop,
+        scrollWidth: scrollWidth
+      });
+    }
+  }]);
+}(React.PureComponent);
+ScrollSync.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * Function responsible for rendering 2 or more virtualized components.
+   * This function should implement the following signature:
+   * ({ onScroll, scrollLeft, scrollTop }) => PropTypes.element
+   */
+  children: _propTypes["default"].func.isRequired
+} : {};

package/dist/commonjs/ScrollSync/index.js

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

package/dist/commonjs/Table/Column.jest.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var React = _interopRequireWildcard(require("react"));
+var _immutable = _interopRequireDefault(require("immutable"));
+var _defaultCellDataGetter = _interopRequireDefault(require("./defaultCellDataGetter"));
+var _defaultCellRenderer = _interopRequireDefault(require("./defaultCellRenderer"));
+var _defaultHeaderRenderer = _interopRequireDefault(require("./defaultHeaderRenderer"));
+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; }
+describe('Column', function () {
+  var rowData = _immutable["default"].Map({
+    foo: 'Foo',
+    bar: 1
+  });
+  describe('defaultCellDataGetter', function () {
+    it('should return a value for specified attributes', function () {
+      expect((0, _defaultCellDataGetter["default"])({
+        dataKey: 'foo',
+        rowData: rowData
+      })).toEqual('Foo');
+      expect((0, _defaultCellDataGetter["default"])({
+        dataKey: 'bar',
+        rowData: rowData
+      })).toEqual(1);
+    });
+    it('should return undefined for missing attributes', function () {
+      expect((0, _defaultCellDataGetter["default"])({
+        dataKey: 'baz',
+        rowData: rowData
+      })).toEqual(undefined);
+    });
+  });
+  describe('defaultCellRenderer', function () {
+    it('should render a value for specified attributes', function () {
+      expect((0, _defaultCellRenderer["default"])({
+        cellData: 'Foo',
+        dataKey: 'foo',
+        rowData: rowData,
+        rowIndex: 0
+      })).toEqual('Foo');
+      expect((0, _defaultCellRenderer["default"])({
+        cellData: 1,
+        dataKey: 'bar',
+        rowData: rowData,
+        rowIndex: 0
+      })).toEqual('1');
+    });
+    it('should render empty string for null or missing attributes', function () {
+      expect((0, _defaultCellRenderer["default"])({
+        cellData: null,
+        dataKey: 'baz',
+        rowData: rowData,
+        rowIndex: 0
+      })).toEqual('');
+      expect((0, _defaultCellRenderer["default"])({
+        cellData: undefined,
+        dataKey: 'baz',
+        rowData: rowData,
+        rowIndex: 0
+      })).toEqual('');
+    });
+  });
+  describe('defaultHeaderRenderer', function () {
+    it('should render a value for specified attributes', function () {
+      expect((0, _defaultHeaderRenderer["default"])({
+        dataKey: 'foo',
+        label: 'squirrel'
+      })[0].props.children).toEqual('squirrel');
+      var label = /*#__PURE__*/React.createElement("div", {
+        className: "rabbit"
+      }, "Rabbit");
+      expect((0, _defaultHeaderRenderer["default"])({
+        dataKey: 'bar',
+        label: label
+      })[0].props.children).toEqual(label);
+    });
+    it('should render empty string for null or missing attributes', function () {
+      expect((0, _defaultHeaderRenderer["default"])({
+        dataKey: 'foo',
+        label: null
+      })[0].props.children).toBeNull();
+      expect((0, _defaultHeaderRenderer["default"])({
+        dataKey: 'bar',
+        label: undefined
+      })[0].props.children).toBeUndefined();
+    });
+  });
+});

package/dist/commonjs/Table/Column.js

@@ -0,0 +1,93 @@
+"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 _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+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 _propTypes = _interopRequireDefault(require("prop-types"));
+var React = _interopRequireWildcard(require("react"));
+var _defaultHeaderRenderer = _interopRequireDefault(require("./defaultHeaderRenderer"));
+var _defaultCellRenderer = _interopRequireDefault(require("./defaultCellRenderer"));
+var _defaultCellDataGetter = _interopRequireDefault(require("./defaultCellDataGetter"));
+var _SortDirection = _interopRequireDefault(require("./SortDirection"));
+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; })(); }
+/**
+ * Describes the header and cell contents of a table column.
+ */
+var Column = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  function Column() {
+    (0, _classCallCheck2["default"])(this, Column);
+    return _callSuper(this, Column, arguments);
+  }
+  (0, _inherits2["default"])(Column, _React$Component);
+  return (0, _createClass2["default"])(Column);
+}(React.Component);
+(0, _defineProperty2["default"])(Column, "defaultProps", {
+  cellDataGetter: _defaultCellDataGetter["default"],
+  cellRenderer: _defaultCellRenderer["default"],
+  defaultSortDirection: _SortDirection["default"].ASC,
+  flexGrow: 0,
+  flexShrink: 1,
+  headerRenderer: _defaultHeaderRenderer["default"],
+  style: {}
+});
+Column.propTypes = process.env.NODE_ENV !== "production" ? {
+  /** Optional aria-label value to set on the column header */
+  'aria-label': _propTypes["default"].string,
+  /**
+   * Callback responsible for returning a cell's data, given its :dataKey
+   * ({ columnData: any, dataKey: string, rowData: any }): any
+   */
+  cellDataGetter: _propTypes["default"].func,
+  /**
+   * Callback responsible for rendering a cell's contents.
+   * ({ cellData: any, columnData: any, dataKey: string, rowData: any, rowIndex: number }): node
+   */
+  cellRenderer: _propTypes["default"].func,
+  /** Optional CSS class to apply to cell */
+  className: _propTypes["default"].string,
+  /** Optional additional data passed to this column's :cellDataGetter */
+  columnData: _propTypes["default"].object,
+  /** Uniquely identifies the row-data attribute corresponding to this cell */
+  dataKey: _propTypes["default"].any.isRequired,
+  /** Optional direction to be used when clicked the first time */
+  defaultSortDirection: _propTypes["default"].oneOf([_SortDirection["default"].ASC, _SortDirection["default"].DESC]),
+  /** If sort is enabled for the table at large, disable it for this column */
+  disableSort: _propTypes["default"].bool,
+  /** Flex grow style; defaults to 0 */
+  flexGrow: _propTypes["default"].number,
+  /** Flex shrink style; defaults to 1 */
+  flexShrink: _propTypes["default"].number,
+  /** Optional CSS class to apply to this column's header */
+  headerClassName: _propTypes["default"].string,
+  /**
+   * Optional callback responsible for rendering a column header contents.
+   * ({ columnData: object, dataKey: string, disableSort: boolean, label: node, sortBy: string, sortDirection: string }): PropTypes.node
+   */
+  headerRenderer: _propTypes["default"].func.isRequired,
+  /** Optional inline style to apply to this column's header */
+  headerStyle: _propTypes["default"].object,
+  /** Optional id to set on the column header */
+  id: _propTypes["default"].string,
+  /** Header label for this column */
+  label: _propTypes["default"].node,
+  /** Maximum width of column; this property will only be used if :flexGrow is > 0. */
+  maxWidth: _propTypes["default"].number,
+  /** Minimum width of column. */
+  minWidth: _propTypes["default"].number,
+  /** Optional inline style to apply to cell */
+  style: _propTypes["default"].object,
+  /** Flex basis (width) for this column; This value can grow or shrink based on :flexGrow and :flexShrink properties. */
+  width: _propTypes["default"].number.isRequired
+} : {};

package/dist/commonjs/Table/SortDirection.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var SortDirection = {
+  /**
+   * Sort items in ascending order.
+   * This means arranging from the lowest value to the highest (e.g. a-z, 0-9).
+   */
+  ASC: 'ASC',
+  /**
+   * Sort items in descending order.
+   * This means arranging from the highest value to the lowest (e.g. z-a, 9-0).
+   */
+  DESC: 'DESC'
+};
+var _default = exports["default"] = SortDirection;