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

Comparing version 0.8.9 to 0.8.10

docs/api/ColumnAPI.md

@@ -25,10 +25,2 @@ <!-- File generated from "src/FixedDataTableColumn.js" -->
 
-### `fixedRight`
-
-Controls if the column is fixed to the right side of the table when scrolling in the X axis.
-
-type: `bool`
-defaultValue: `false`
-
-
 ### `header`
@@ -35,0 +27,0 @@

docs/api/TableAPI.md

@@ -124,16 +124,2 @@ <!-- File generated from "src/FixedDataTable.js" -->
 
-### `keyboardScrollEnabled`
-
-Boolean flags to control if scrolling with keys is enabled
-
-type: `bool`
-defaultValue: `false`
-
-
-### `keyboardPageEnabled`
-
-type: `bool`
-defaultValue: `false`
-
-
 ### `showScrollbarX`
@@ -144,3 +130,2 @@
 type: `bool`
-defaultValue: `true`
 
@@ -151,3 +136,2 @@
 type: `bool`
-defaultValue: `true`
 
@@ -222,3 +206,3 @@
   rowIndex; number // (the row index)
-  height: number // (supplied from the Table or rowHeightGetter)
+  height: number // (supplied from subRowHeight or subRowHeightGetter)
   width: number // (supplied from the Table)
@@ -258,3 +242,2 @@ }
 type: `number`
-defaultValue: `0`
 
@@ -267,27 +250,4 @@
 type: `number`
-defaultValue: `0`
 
 
-### `cellGroupWrapperHeight`
-
-Pixel height of fixedDataTableCellGroupLayout/cellGroupWrapper.
-Default is headerHeight and groupHeaderHeight.
-
-This can be used with CSS to make a header cell span both the group & normal header row.
-Setting this to a value larger than height will cause the content to
-overflow the height. This is useful when adding a 2nd table as the group
-header and vertically merging the 2 headers when a column is not part
-of a group. Here are the necessary CSS changes:
-
-Both headers:
- - cellGroupWrapper needs overflow-x: hidden and pointer-events: none
- - cellGroup needs pointer-events: auto to reenable them on child els
-Group header:
- - Layout/main needs overflow: visible and a higher z-index
- - CellLayout/main needs overflow-y: visible
- - cellGroup needs overflow: visible
-
-type: `number`
-
-
 ### `footerHeight`
@@ -298,3 +258,2 @@
 type: `number`
-defaultValue: `0`
 
@@ -384,9 +343,2 @@
 
-### `onRowMouseUp`
-
-Callback that is called when a mouse-up event happens on a row.
-
-type: `func`
-
-
 ### `onRowMouseEnter`
@@ -406,23 +358,2 @@
 
-### `onRowTouchStart`
-
-Callback that is called when a touch-start event happens on a row.
-
-type: `func`
-
-
-### `onRowTouchEnd`
-
-Callback that is called when a touch-end event happens on a row.
-
-type: `func`
-
-
-### `onRowTouchMove`
-
-Callback that is called when a touch-move event happens on a row.
-
-type: `func`
-
-
 ### `onColumnResizeEndCallback`
@@ -484,1 +415,10 @@
 
+
+### `elementHeights`
+
+defaultValue: `{
+  footerHeight: 0,
+  groupHeaderHeight: 0,
+  headerHeight: 0,
+}`
+

examples/ResizeExample.js

@@ -47,2 +47,3 @@ /**
         isColumnResizing={false}
+        touchScrollEnabled={true}
         width={1000}
@@ -49,0 +50,0 @@ height={500}

internal/DOMMouseMoveTracker.js

@@ -79,7 +79,6 @@ /**
     value: function captureMouseMoves( /*object*/event) {
-      if (!this._eventMoveToken && !this._eventUpToken && !this._eventLeaveToken && !this._eventOutToken) {
+      if (!this._eventMoveToken && !this._eventUpToken && !this._eventLeaveToken) {
         this._eventMoveToken = _EventListener2.default.listen(this._domNode, 'mousemove', this._onMouseMove);
         this._eventUpToken = _EventListener2.default.listen(this._domNode, 'mouseup', this._onMouseUp);
         this._eventLeaveToken = _EventListener2.default.listen(this._domNode, 'mouseleave', this._onMouseEnd);
-        this._eventOutToken = _EventListener2.default.listen(this._domNode, 'mouseout', this.onMouseEnd);
       }
@@ -107,3 +106,3 @@
     /**
-     * These releases all of the listeners on document.body.
+     * This releases all of the listeners on document.body.
      */
@@ -114,3 +113,3 @@
     value: function releaseMouseMoves() {
-      if (this._eventMoveToken && this._eventUpToken && this._eventLeaveToken && this._eventOutToken) {
+      if (this._eventMoveToken && this._eventUpToken && this._eventLeaveToken) {
         this._eventMoveToken.remove();
@@ -122,4 +121,2 @@ this._eventMoveToken = null;
         this._eventLeaveToken = null;
-        this._eventOutToken.remove();
-        this._eventOutToken = null;
       }
@@ -126,0 +123,0 @@

internal/FixedDataTableCell.js

@@ -269,5 +269,11 @@ 'use strict';
     if (props.onColumnResize) {
+      var suppress = function suppress(event) {
+        event.preventDefault();
+        event.stopPropagation();
+      };
+
       var columnResizerStyle = {
         height: height
       };
+      ;
       columnResizerComponent = _React2.default.createElement(
@@ -280,8 +286,4 @@ 'div',
           onTouchStart: this.props.touchEnabled ? this._onColumnResizerMouseDown : null,
-          onTouchEnd: this.props.touchEnabled ? function (e) {
-            return e.stopPropagation();
-          } : null,
-          onTouchMove: this.props.touchEnabled ? function (e) {
-            return e.stopPropagation();
-          } : null },
+          onTouchEnd: this.props.touchEnabled ? suppress : null,
+          onTouchMove: this.props.touchEnabled ? suppress : null },
         _React2.default.createElement('div', {
@@ -344,2 +346,3 @@ className: (0, _joinClasses2.default)((0, _cx2.default)('fixedDataTableCellLayout/columnResizerKnob'), (0, _cx2.default)('public/fixedDataTableCell/columnResizerKnob')),
     if (this.props.touchEnabled) {
+      event.preventDefault();
       event.stopPropagation();
@@ -346,0 +349,0 @@ }

internal/FixedDataTableRoot.js

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

internal/reducers.js

@@ -281,3 +281,3 @@ /**
 
-  newState.elementHeights = _extends({}, newState.elementHeights, (0, _pick2.default)(props, ['footerHeight', 'groupHeaderHeight', 'headerHeight']));
+  _extends(newState.elementHeights, (0, _pick2.default)(props, ['footerHeight', 'groupHeaderHeight', 'headerHeight']));
   if (!useGroupHeader) {
@@ -287,3 +287,3 @@ newState.elementHeights.groupHeaderHeight = 0;
 
-  newState.rowSettings = _extends({}, newState.rowSettings, (0, _pick2.default)(props, ['bufferRowCount', 'rowHeight', 'rowsCount', 'subRowHeight']));
+  _extends(newState.rowSettings, (0, _pick2.default)(props, ['bufferRowCount', 'rowHeight', 'rowsCount', 'subRowHeight']));
   var _newState$rowSettings = newState.rowSettings,
@@ -300,5 +300,5 @@ rowHeight = _newState$rowSettings.rowHeight,
 
-  newState.scrollFlags = _extends({}, newState.scrollFlags, (0, _pick2.default)(props, ['overflowX', 'overflowY', 'showScrollbarX', 'showScrollbarY']));
+  _extends(newState.scrollFlags, (0, _pick2.default)(props, ['overflowX', 'overflowY', 'showScrollbarX', 'showScrollbarY']));
 
-  newState.tableSize = _extends({}, newState.tableSize, (0, _pick2.default)(props, ['height', 'maxHeight', 'ownerHeight', 'width']));
+  _extends(newState.tableSize, (0, _pick2.default)(props, ['height', 'maxHeight', 'ownerHeight', 'width']));
   newState.tableSize.useMaxHeight = newState.tableSize.height === undefined;
@@ -305,0 +305,0 @@

package.json

 {
   "name": "fixed-data-table-2",
-  "version": "0.8.9",
+  "version": "0.8.10",
   "description": "A React table component designed to allow presenting thousands of rows of data.",
@@ -5,0 +5,0 @@ "main": "main.js",

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

6872079

increased by365.95%

Number of package files

128

increased by3.23%

Lines of code

43088

increased by102.08%

No dependency changes