fixed-data-table-2 - npm Package Compare versions

Comparing version 0.7.1 to 0.7.2

examples/FilterExample.js

@@ -94,3 +94,3 @@ /**
           <Column
-            cell={<ImageCell data={filteredDataList} col="avartar" />}
+            cell={<ImageCell data={filteredDataList} col="avatar" />}
             fixed={true}
@@ -97,0 +97,0 @@ width={50}

examples/helpers/FakeObjectDataListStore.js

@@ -16,3 +16,3 @@ /**
       id: index,
-      avartar: faker.image.avatar(),
+      avatar: faker.image.avatar(),
       city: faker.address.city(),
@@ -19,0 +19,0 @@ email: faker.internet.email(),

examples/ObjectDataExample.js

@@ -58,3 +58,3 @@ /**
         <Column
-          cell={<ImageCell data={dataList} col="avartar" />}
+          cell={<ImageCell data={dataList} col="avatar" />}
           fixed={true}
@@ -61,0 +61,0 @@ width={50}

examples/old/FilterExample.js

@@ -69,3 +69,3 @@ /**
             cellRenderer={renderImage}
-            dataKey='avartar'
+            dataKey='avatar'
             fixed={true}
@@ -72,0 +72,0 @@ label=''

examples/old/ObjectDataExample.js

@@ -53,3 +53,3 @@ /**
           cellRenderer={renderImage}
-          dataKey="avartar"
+          dataKey="avatar"
           fixed={true}
@@ -56,0 +56,0 @@ label=""

examples/ReorderExample.js

@@ -99,2 +99,3 @@ /**
           return <Column
+            allowCellsRecycling={true}
             columnKey={columnKey}
@@ -101,0 +102,0 @@ key={i}

internal/FixedDataTable.js

@@ -761,2 +761,7 @@ 'use strict';
     });
+
+    var onHorizontalScroll = this.props.onHorizontalScroll;
+    if (this.state.columnReorderingData.scrollStart !== this.state.scrollX && onHorizontalScroll) {
+      onHorizontalScroll(this.state.scrollX);
+    };
   },
@@ -763,0 +768,0 @@ _areColumnSettingsIdentical: function _areColumnSettingsIdentical(oldColumns, newColumns) {

internal/FixedDataTableCellDefault.js

@@ -80,2 +80,3 @@ 'use strict';
   render: function render() {
+    //Remove some props like columnKey and rowIndex so we don't pass it into the div
     var _props = this.props;
@@ -88,4 +89,5 @@ var height = _props.height;
     var columnKey = _props.columnKey;
+    var rowIndex = _props.rowIndex;
 
-    var props = _objectWithoutProperties(_props, ['height', 'width', 'style', 'className', 'children', 'columnKey']);
+    var props = _objectWithoutProperties(_props, ['height', 'width', 'style', 'className', 'children', 'columnKey', 'rowIndex']);
 
@@ -92,0 +94,0 @@ var innerStyle = _extends({

internal/FixedDataTableCellGroup.js

@@ -101,3 +101,4 @@ /**
       var columnProps = columns[i].props;
-      if (!columnProps.allowCellsRecycling || currentPosition - props.left <= props.width && currentPosition - props.left + columnProps.width >= 0) {
+      var recycable = columnProps.allowCellsRecycling && !isColumnReordering;
+      if (!recycable || currentPosition - props.left <= props.width && currentPosition - props.left + columnProps.width >= 0) {
         var key = 'cell_' + i;
@@ -104,0 +105,0 @@ cells[i] = this._renderCell(props.rowIndex, props.rowHeight, columnProps, currentPosition, key, contentWidth, isColumnReordering);

internal/FixedDataTableColumnReorderHandle.js

@@ -73,2 +73,4 @@ 'use strict';
     if (this._mouseMoveTracker) {
+      cancelAnimationFrame(this.frameId);
+      this.frameId = null;
       this._mouseMoveTracker.releaseMouseMoves();
@@ -112,3 +114,3 @@ this._mouseMoveTracker = null;
     this._animating = true;
-    requestAnimationFrame(this._updateState);
+    this.frameId = requestAnimationFrame(this._updateState);
   },
@@ -120,2 +122,4 @@ _onMove: function _onMove( /*number*/deltaX) {
     this._animating = false;
+    cancelAnimationFrame(this.frameId);
+    this.frameId = null;
     this._mouseMoveTracker.releaseMouseMoves();
@@ -126,3 +130,3 @@ this.props.onColumnReorderEnd();
     if (this._animating) {
-      requestAnimationFrame(this._updateState);
+      this.frameId = requestAnimationFrame(this._updateState);
     }
@@ -129,0 +133,0 @@ this.setState({

internal/FixedDataTableRoot.js

@@ -39,3 +39,3 @@ /**
 
-FixedDataTableRoot.version = '0.7.1';
+FixedDataTableRoot.version = '0.7.2';
 module.exports = FixedDataTableRoot;

internal/ReactTouchHandler.js

@@ -140,3 +140,3 @@ /**
       // Initialize decelerating autoscroll on drag stop
-      requestAnimationFrame(this._startAutoScroll);
+      (0, _requestAnimationFramePolyfill2.default)(this._startAutoScroll);
 
@@ -301,3 +301,3 @@ if (this._stopPropagation()) {
         this._onTouchScrollCallback(deltaX, deltaY);
-        requestAnimationFrame(this._autoScroll);
+        (0, _requestAnimationFramePolyfill2.default)(this._autoScroll);
       }
@@ -304,0 +304,0 @@ }

package.json

 {
   "name": "fixed-data-table-2",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "A React table component designed to allow presenting thousands of rows of data.",
@@ -12,4 +12,5 @@ "main": "main.js",
     "autoprefixer": "^5.0.0",
-    "babel-core": "^6.10.4",
+    "babel-core": "^6.11.4",
     "babel-loader": "^6.2.4",
+    "babel-plugin-rewire": "^1.0.0-rc-4",
     "babel-plugin-syntax-trailing-function-commas": "^6.8.0",
@@ -40,2 +41,3 @@ "babel-plugin-transform-object-assign": "^6.8.0",
     "react-tools": "^0.12.2",
+    "sinon": "^2.0.0-pre.2",
     "style-loader": "^0.8.3",
@@ -42,0 +44,0 @@ "url-loader": "^0.5.5",

README.md

@@ -86,2 +86,11 @@ Fixed Data Table 2 for React ![Travic CI status](https://api.travis-ci.org/schrodinger/fixed-data-table-2.svg) [![npm version](https://badge.fury.io/js/fixed-data-table-2.svg)](https://www.npmjs.com/package/fixed-data-table-2)
 
+Browser Support
+------------
+
+| Chrome        | Firefox           | IE  | Safari 
+--- | --- | --- | --- |
+| Latest | Latest | 11+ | Unsupported* |
+
+###### * Safari may function correct, but we are not actively testing with it
+
 <a name="contributions"/>
@@ -88,0 +97,0 @@ Contributions

webpack.config-test.js

@@ -27,3 +27,3 @@ var webpack = require('webpack');
         exclude: /node_modules/,
-        loader: 'babel-loader'
+        loader: 'babel-loader?plugins=babel-plugin-rewire'
       }
@@ -30,0 +30,0 @@ ]

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

802126

increased by0.23%

Lines of code

17663

increased by0.14%

Number of lines in readme file

115

increased by8.49%

Worsened metrics

Dev dependency count

34

increased by6.25%

No dependency changes