react-base-table - npm Package Compare versions

Comparing version 1.2.2 to 1.3.0

CHANGELOG.md

@@ -5,2 +5,7 @@ # CHANGELOG
 
+# v1.3.0 (2019-05-10)
+
+- feat: allow `rowKey` to be `number`
+- feat: add `getScrollbarSize` to `BaseTable` to custom scrollbar size measurement
+
 # v1.2.2 (2019-05-03)
@@ -7,0 +12,0 @@

es/BaseTable.js

@@ -29,3 +29,3 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import ColumnManager from './ColumnManager';
-import { renderElement, normalizeColumns, getScrollbarSize, isObjectEqual, callOrReturn, hasChildren, flattenOnKeys, cloneArray, noop } from './utils';
+import { renderElement, normalizeColumns, getScrollbarSize as defaultGetScrollbarSize, isObjectEqual, callOrReturn, hasChildren, flattenOnKeys, cloneArray, noop } from './utils';
 
@@ -740,3 +740,3 @@ var getContainerStyle = function getContainerStyle(width, maxWidth, height) {
   _proto.componentDidMount = function componentDidMount() {
-    var scrollbarSize = getScrollbarSize();
+    var scrollbarSize = this.props.getScrollbarSize();
 
@@ -1033,2 +1033,3 @@ if (scrollbarSize > 0) {
   onEndReachedThreshold: 500,
+  getScrollbarSize: defaultGetScrollbarSize,
   onScroll: noop,
@@ -1081,3 +1082,3 @@ onRowsRendered: noop,
    */
-  rowKey: PropTypes.string.isRequired,
+  rowKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
 
@@ -1202,3 +1203,3 @@ /**
    */
-  defaultExpandedRowKeys: PropTypes.arrayOf(PropTypes.string),
+  defaultExpandedRowKeys: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
 
@@ -1208,3 +1209,3 @@ /**
    */
-  expandedRowKeys: PropTypes.arrayOf(PropTypes.string),
+  expandedRowKeys: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
 
@@ -1262,2 +1263,7 @@ /**
   /**
+   * Custom scrollbar size measurement
+   */
+  getScrollbarSize: PropTypes.func,
+
+  /**
    * A callback function when scrolling the table
@@ -1264,0 +1270,0 @@ * The handler is of the shape of `({ scrollLeft, scrollTop, horizontalScrollDirection, verticalScrollDirection, scrollUpdateWasRequested }) => *`

es/GridTable.js

@@ -216,7 +216,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
   data: PropTypes.arrayOf(PropTypes.object).isRequired,
-  rowKey: PropTypes.string.isRequired,
+  rowKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
   frozenData: PropTypes.arrayOf(PropTypes.object),
   useIsScrolling: PropTypes.bool,
   overscanRowCount: PropTypes.number,
-  hoveredRowKey: PropTypes.string,
+  hoveredRowKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   style: PropTypes.object,
@@ -223,0 +223,0 @@ onScrollbarPresenceChange: PropTypes.func,

lib/BaseTable.js

@@ -801,3 +801,3 @@ "use strict";
     value: function componentDidMount() {
-      var scrollbarSize = (0, _utils.getScrollbarSize)();
+      var scrollbarSize = this.props.getScrollbarSize();
 
@@ -1118,2 +1118,3 @@ if (scrollbarSize > 0) {
   onEndReachedThreshold: 500,
+  getScrollbarSize: _utils.getScrollbarSize,
   onScroll: _utils.noop,
@@ -1166,3 +1167,3 @@ onRowsRendered: _utils.noop,
    */
-  rowKey: _propTypes.default.string.isRequired,
+  rowKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
 
@@ -1287,3 +1288,3 @@ /**
    */
-  defaultExpandedRowKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+  defaultExpandedRowKeys: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
 
@@ -1293,3 +1294,3 @@ /**
    */
-  expandedRowKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+  expandedRowKeys: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
 
@@ -1347,2 +1348,7 @@ /**
   /**
+   * Custom scrollbar size measurement
+   */
+  getScrollbarSize: _propTypes.default.func,
+
+  /**
    * A callback function when scrolling the table
@@ -1349,0 +1355,0 @@ * The handler is of the shape of `({ scrollLeft, scrollTop, horizontalScrollDirection, verticalScrollDirection, scrollUpdateWasRequested }) => *`

lib/GridTable.js

@@ -253,7 +253,7 @@ "use strict";
   data: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
-  rowKey: _propTypes.default.string.isRequired,
+  rowKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
   frozenData: _propTypes.default.arrayOf(_propTypes.default.object),
   useIsScrolling: _propTypes.default.bool,
   overscanRowCount: _propTypes.default.number,
-  hoveredRowKey: _propTypes.default.string,
+  hoveredRowKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   style: _propTypes.default.object,
@@ -260,0 +260,0 @@ onScrollbarPresenceChange: _propTypes.default.func,

package.json

 {
   "name": "react-base-table",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "a react table component to display large data set with high performance and flexibility",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -102,4 +102,10 @@ # react-base-table
 
+### Example
+
+We are using a advanced table component based on `BaseTable` internally, with much more features, including row selection, row grouping, data aggregation, column settings, column reordering, and column grouping, tooltip, inline editing.
+
+![AdvanceTable](screenshots/advance-table.png)
+
 ## Contributing
 
 Please check [guidelines](CONTRIBUTING.md) for more details

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

804121

increased by0.36%

Lines of code

5894

increased by0.17%

Number of lines in readme file

111

increased by5.71%

No dependency changes