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

Comparing version 0.8.22 to 0.8.23

docs/api/ColumnAPI.md

@@ -169,17 +169,2 @@ <!-- File generated from "src/FixedDataTableColumn.js" -->
 
-### `allowCellsRecycling`
-
-Whether cells in this column can be removed from document when outside
-of viewport as a result of horizontal scrolling.
-Setting this property to true allows the table to not render cells in
-particular column that are outside of viewport for visible rows. This
-allows to create table with many columns and not have vertical scrolling
-performance drop.
-Setting the property to false will keep previous behaviour and keep
-cell rendered if the row it belongs to is visible.
-
-type: `bool`
-defaultValue: `false`
-
-
 ### `pureRendering`
@@ -186,0 +171,0 @@

internal/FixedDataTable.js

@@ -18,5 +18,5 @@ 'use strict';
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -101,3 +101,3 @@ var _createReactClass = require('create-react-class');
 
-var ReactChildren = _React2.default.Children;
+var ReactChildren = _react2.default.Children;
 
@@ -646,3 +646,3 @@ var EMPTY_OBJECT = {};
     if (state.useGroupHeader) {
-      groupHeader = _React2.default.createElement(_FixedDataTableRow2.default, {
+      groupHeader = _react2.default.createElement(_FixedDataTableRow2.default, {
         key: 'group_header',
@@ -689,3 +689,3 @@ isScrolling: this._isScrolling,
     if (showScrollbarY) {
-      verticalScrollbar = _React2.default.createElement(_Scrollbar2.default, {
+      verticalScrollbar = _react2.default.createElement(_Scrollbar2.default, {
         size: scrollbarYHeight,
@@ -703,3 +703,3 @@ contentSize: scrollbarYHeight + maxScrollY,
       var scrollbarXWidth = state.width;
-      horizontalScrollbar = _React2.default.createElement(HorizontalScrollbar, {
+      horizontalScrollbar = _react2.default.createElement(HorizontalScrollbar, {
         contentSize: scrollbarXWidth + state.maxScrollX,
@@ -714,3 +714,3 @@ offset: bottomSectionOffset,
 
-    var dragKnob = _React2.default.createElement(_FixedDataTableColumnResizeHandle2.default, {
+    var dragKnob = _react2.default.createElement(_FixedDataTableColumnResizeHandle2.default, {
       height: state.height,
@@ -731,3 +731,3 @@ initialWidth: state.columnResizingData.width || 0,
     if (state.footerHeight) {
-      footer = _React2.default.createElement(_FixedDataTableRow2.default, {
+      footer = _react2.default.createElement(_FixedDataTableRow2.default, {
         key: 'footer',
@@ -751,3 +751,3 @@ isScrolling: this._isScrolling,
 
-    var header = _React2.default.createElement(_FixedDataTableRow2.default, {
+    var header = _react2.default.createElement(_FixedDataTableRow2.default, {
       key: 'header',
@@ -779,3 +779,3 @@ isScrolling: this._isScrolling,
     if (state.scrollY) {
-      topShadow = _React2.default.createElement('div', {
+      topShadow = _react2.default.createElement('div', {
         className: (0, _joinClasses2.default)((0, _cx2.default)('fixedDataTableLayout/topShadow'), (0, _cx2.default)('public/fixedDataTable/topShadow')),
@@ -787,3 +787,3 @@ style: { top: bodyOffsetTop }
     if (state.ownerHeight != null && state.ownerHeight < state.height && state.scrollContentHeight + state.reservedHeight > state.ownerHeight || state.scrollY < maxScrollY) {
-      bottomShadow = _React2.default.createElement('div', {
+      bottomShadow = _react2.default.createElement('div', {
         className: (0, _joinClasses2.default)((0, _cx2.default)('fixedDataTableLayout/bottomShadow'), (0, _cx2.default)('public/fixedDataTable/bottomShadow')),
@@ -797,3 +797,3 @@ style: { top: footOffsetTop }
     }
-    return _React2.default.createElement(
+    return _react2.default.createElement(
       'div',
@@ -810,3 +810,3 @@ {
         style: { height: state.height, width: state.width } },
-      _React2.default.createElement(
+      _react2.default.createElement(
         'div',
@@ -832,3 +832,3 @@ {
 
-    return _React2.default.createElement(_FixedDataTableBufferedRows2.default, {
+    return _react2.default.createElement(_FixedDataTableBufferedRows2.default, {
       isScrolling: this._isScrolling,
@@ -1296,3 +1296,3 @@ defaultRowHeight: state.rowHeight,
       var column = columns[i];
-      newColumns.push(_React2.default.cloneElement(column, {
+      newColumns.push(_react2.default.cloneElement(column, {
         cell: type ? column.props[type] : column.props[CELL]
@@ -1457,3 +1457,3 @@ }));
 
-    return _React2.default.createElement(
+    return _react2.default.createElement(
       'div',
@@ -1463,6 +1463,6 @@ {
         style: outerContainerStyle },
-      _React2.default.createElement(
+      _react2.default.createElement(
         'div',
         { style: innerContainerStyle },
-        _React2.default.createElement(_Scrollbar2.default, _extends({}, this.props, {
+        _react2.default.createElement(_Scrollbar2.default, _extends({}, this.props, {
           isOpaque: true,
@@ -1469,0 +1469,0 @@ orientation: 'horizontal',

internal/FixedDataTableBufferedRows.js

 'use strict';
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -158,3 +158,3 @@ var _createReactClass = require('create-react-class');
 
-      this._staticRowArray[i] = _React2.default.createElement(_FixedDataTableRow2.default, {
+      this._staticRowArray[i] = _react2.default.createElement(_FixedDataTableRow2.default, {
         key: rowKey,
@@ -190,3 +190,3 @@ isScrolling: props.isScrolling,
 
-    return _React2.default.createElement(
+    return _react2.default.createElement(
       'div',
@@ -193,0 +193,0 @@ null,

internal/FixedDataTableCell.js

@@ -17,5 +17,5 @@ 'use strict';
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -279,3 +279,3 @@ var _createReactClass = require('create-react-class');
       ;
-      columnResizerComponent = _React2.default.createElement(
+      columnResizerComponent = _react2.default.createElement(
         'div',
@@ -289,3 +289,3 @@ {
           onTouchMove: this.props.touchEnabled ? suppress : null },
-        _React2.default.createElement('div', {
+        _react2.default.createElement('div', {
           className: (0, _joinClasses2.default)((0, _cx2.default)('fixedDataTableCellLayout/columnResizerKnob'), (0, _cx2.default)('public/fixedDataTableCell/columnResizerKnob')),
@@ -300,3 +300,3 @@ style: columnResizerStyle
       //header row
-      columnReorderComponent = _React2.default.createElement(_FixedDataTableColumnReorderHandle2.default, _extends({
+      columnReorderComponent = _react2.default.createElement(_FixedDataTableColumnReorderHandle2.default, _extends({
         columnKey: this.columnKey,
@@ -321,8 +321,8 @@ touchEnabled: this.props.touchEnabled,
     var content;
-    if (_React2.default.isValidElement(props.cell)) {
-      content = _React2.default.cloneElement(props.cell, cellProps);
+    if (_react2.default.isValidElement(props.cell)) {
+      content = _react2.default.cloneElement(props.cell, cellProps);
     } else if (typeof props.cell === 'function') {
       content = props.cell(cellProps);
     } else {
-      content = _React2.default.createElement(
+      content = _react2.default.createElement(
         _FixedDataTableCellDefault2.default,
@@ -334,3 +334,3 @@ cellProps,
 
-    return _React2.default.createElement(
+    return _react2.default.createElement(
       'div',
@@ -337,0 +337,0 @@ { className: className, style: style },

internal/FixedDataTableCellDefault.js

@@ -7,5 +7,5 @@ 'use strict';
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -95,3 +95,3 @@ var _propTypes = require('prop-types');
 
-      return _React2.default.createElement(
+      return _react2.default.createElement(
         'div',
@@ -101,11 +101,11 @@ _extends({}, props, {
           style: innerStyle }),
-        _React2.default.createElement(
+        _react2.default.createElement(
           'div',
           {
             className: (0, _joinClasses2.default)((0, _cx2.default)('fixedDataTableCellLayout/wrap2'), (0, _cx2.default)('public/fixedDataTableCell/wrap2')) },
-          _React2.default.createElement(
+          _react2.default.createElement(
             'div',
             {
               className: (0, _joinClasses2.default)((0, _cx2.default)('fixedDataTableCellLayout/wrap3'), (0, _cx2.default)('public/fixedDataTableCell/wrap3')) },
-            _React2.default.createElement(
+            _react2.default.createElement(
               'div',
@@ -122,3 +122,3 @@ { className: (0, _cx2.default)('public/fixedDataTableCell/cellContent') },
   return FixedDataTableCellDefault;
-}(_React2.default.Component);
+}(_react2.default.Component);
 
@@ -125,0 +125,0 @@ FixedDataTableCellDefault.propTypes = {

internal/FixedDataTableCellGroup.js

@@ -21,5 +21,5 @@ /**
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -130,3 +130,3 @@ var _createReactClass = require('create-react-class');
 
-    return _React2.default.createElement(
+    return _react2.default.createElement(
       'div',
@@ -157,3 +157,3 @@ {
 
-    return _React2.default.createElement(_FixedDataTableCell2.default, {
+    return _react2.default.createElement(_FixedDataTableCell2.default, {
       isScrolling: this.props.isScrolling,
@@ -243,3 +243,3 @@ align: columnProps.align,
 
-    return _React2.default.createElement(
+    return _react2.default.createElement(
       'div',
@@ -249,3 +249,3 @@ {
         className: (0, _cx2.default)('fixedDataTableCellGroupLayout/cellGroupWrapper') },
-      _React2.default.createElement(FixedDataTableCellGroupImpl, _extends({}, props, {
+      _react2.default.createElement(FixedDataTableCellGroupImpl, _extends({}, props, {
         onColumnResize: onColumnResize
@@ -252,0 +252,0 @@ }))

internal/FixedDataTableColumn.js

@@ -5,5 +5,5 @@ 'use strict';
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -55,3 +55,3 @@ var _propTypes = require('prop-types');
   return FixedDataTableColumn;
-}(_React2.default.Component);
+}(_react2.default.Component);
 
@@ -58,0 +58,0 @@ FixedDataTableColumn.__TableColumn__ = true;

internal/FixedDataTableColumnGroup.js

@@ -5,5 +5,5 @@ 'use strict';
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -55,3 +55,3 @@ var _propTypes = require('prop-types');
   return FixedDataTableColumnGroup;
-}(_React2.default.Component);
+}(_react2.default.Component);
 
@@ -58,0 +58,0 @@ FixedDataTableColumnGroup.__TableColumnGroup__ = true;

internal/FixedDataTableColumnReorderHandle.js

@@ -11,5 +11,5 @@ 'use strict';
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -82,3 +82,3 @@ var _createReactClass = require('create-react-class');
     };
-    return _React2.default.createElement('div', {
+    return _react2.default.createElement('div', {
       className: (0, _cx2.default)({
@@ -85,0 +85,0 @@ 'fixedDataTableCellLayout/columnReorderContainer': true,

internal/FixedDataTableColumnResizeHandle.js

@@ -11,5 +11,5 @@ 'use strict';
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -148,3 +148,3 @@ var _createReactClass = require('create-react-class');
     }
-    return _React2.default.createElement(
+    return _react2.default.createElement(
       'div',
@@ -158,3 +158,3 @@ {
         style: style },
-      _React2.default.createElement('div', {
+      _react2.default.createElement('div', {
         className: (0, _cx2.default)('fixedDataTableColumnResizerLineLayout/mouseArea'),
@@ -161,0 +161,0 @@ style: { height: this.props.height }

internal/FixedDataTableHelper.js

@@ -19,5 +19,5 @@ /**
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -55,3 +55,3 @@ var _FixedDataTableColumnGroup = require('./FixedDataTableColumnGroup');
 function forEachColumn(children, callback) {
-  _React2.default.Children.forEach(children, function (child) {
+  _react2.default.Children.forEach(children, function (child) {
     if (child.type === _FixedDataTableColumnGroup2.default) {
@@ -76,3 +76,3 @@ forEachColumn(child.props.children, callback);
   var newChildren = [];
-  _React2.default.Children.forEach(children, function (originalChild) {
+  _react2.default.Children.forEach(children, function (originalChild) {
     var newChild = originalChild;
@@ -98,3 +98,3 @@
       if (haveColumnsChanged) {
-        newChild = _React2.default.cloneElement(originalChild, {
+        newChild = _react2.default.cloneElement(originalChild, {
           children: newColumns
@@ -101,0 +101,0 @@ });

internal/FixedDataTableRoot.js

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

internal/FixedDataTableRow.js

@@ -19,5 +19,5 @@ /**
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -94,4 +94,4 @@ var _propTypes = require('prop-types');
         var rowExpanded;
-        if (_React2.default.isValidElement(_this.props.rowExpanded)) {
-          rowExpanded = _React2.default.cloneElement(_this.props.rowExpanded, rowExpandedProps);
+        if (_react2.default.isValidElement(_this.props.rowExpanded)) {
+          rowExpanded = _react2.default.cloneElement(_this.props.rowExpanded, rowExpandedProps);
         } else if (typeof _this.props.rowExpanded === 'function') {
@@ -115,3 +115,3 @@ rowExpanded = _this.props.rowExpanded(rowExpandedProps);
       };
-      return _React2.default.createElement('div', { className: className, style: style });
+      return _react2.default.createElement('div', { className: className, style: style });
     }, _this._renderFixedRightColumnsShadow = function ( /*number*/left) /*?object*/{
@@ -123,3 +123,3 @@ var className = (0, _cx2.default)('fixedDataTableRowLayout/columnsShadow', 'fixedDataTableRowLayout/columnsRightShadow', 'fixedDataTableRowLayout/fixedColumnsDivider', 'public/fixedDataTableRow/columnsShadow', 'public/fixedDataTableRow/columnsRightShadow', 'public/fixedDataTableRow/fixedColumnsDivider');
       };
-      return _React2.default.createElement('div', { className: className, style: style });
+      return _react2.default.createElement('div', { className: className, style: style });
     }, _this._renderColumnsRightShadow = function ( /*number*/totalWidth) /*?object*/{
@@ -131,3 +131,3 @@ if (Math.ceil(_this.props.scrollLeft + _this.props.width) < Math.floor(totalWidth)) {
         };
-        return _React2.default.createElement('div', { className: className, style: style });
+        return _react2.default.createElement('div', { className: className, style: style });
       }
@@ -190,3 +190,3 @@ }, _this._onClick = function ( /*object*/event) {
       var fixedColumnsWidth = this._getColumnsWidth(this.props.fixedColumns);
-      var fixedColumns = _React2.default.createElement(_FixedDataTableCellGroup2.default, {
+      var fixedColumns = _react2.default.createElement(_FixedDataTableCellGroup2.default, {
         key: 'fixed_cells',
@@ -213,3 +213,3 @@ isScrolling: this.props.isScrolling,
       var scrollbarOffset = this.props.showScrollbarY ? _Scrollbar2.default.SIZE : 0;
-      var fixedRightColumns = _React2.default.createElement(_FixedDataTableCellGroup2.default, {
+      var fixedRightColumns = _react2.default.createElement(_FixedDataTableCellGroup2.default, {
         key: 'fixed_right_cells',
@@ -234,3 +234,3 @@ isScrolling: this.props.isScrolling,
       var fixedRightColumnsShadow = fixedRightColumnsWidth ? this._renderFixedRightColumnsShadow(this.props.width - fixedRightColumnsWidth - scrollbarOffset - 5) : null;
-      var scrollableColumns = _React2.default.createElement(_FixedDataTableCellGroup2.default, {
+      var scrollableColumns = _react2.default.createElement(_FixedDataTableCellGroup2.default, {
         key: 'scrollable_cells',
@@ -272,3 +272,3 @@ isScrolling: this.props.isScrolling,
         };
-        scrollbarSpacer = _React2.default.createElement('div', {
+        scrollbarSpacer = _react2.default.createElement('div', {
           style: spacerStyles,
@@ -279,3 +279,3 @@ className: (0, _cx2.default)('public/fixedDataTable/scrollbarSpacer')
 
-      return _React2.default.createElement(
+      return _react2.default.createElement(
         'div',
@@ -295,3 +295,3 @@ {
           style: style },
-        _React2.default.createElement(
+        _react2.default.createElement(
           'div',
@@ -306,3 +306,3 @@ { className: (0, _cx2.default)('fixedDataTableRowLayout/body') },
         ),
-        rowExpanded && _React2.default.createElement(
+        rowExpanded && _react2.default.createElement(
           'div',
@@ -320,3 +320,3 @@ {
   return FixedDataTableRowImpl;
-}(_React2.default.Component);
+}(_react2.default.Component);
 
@@ -461,3 +461,3 @@ FixedDataTableRowImpl.propTypes = {
 
-      return _React2.default.createElement(
+      return _react2.default.createElement(
         'div',
@@ -467,3 +467,3 @@ {
           className: (0, _cx2.default)('fixedDataTableRowLayout/rowWrapper') },
-        _React2.default.createElement(FixedDataTableRowImpl, _extends({}, this.props, {
+        _react2.default.createElement(FixedDataTableRowImpl, _extends({}, this.props, {
           offsetTop: undefined,
@@ -477,3 +477,3 @@ zIndex: undefined
   return FixedDataTableRow;
-}(_React2.default.Component);
+}(_react2.default.Component);
 
@@ -480,0 +480,0 @@ FixedDataTableRow.propTypes = {

internal/FixedDataTableWidthHelper.js

@@ -15,5 +15,5 @@ /**
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -65,3 +65,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-    newColumns.push(_React2.default.cloneElement(column, { width: newColumnWidth }));
+    newColumns.push(_react2.default.cloneElement(column, { width: newColumnWidth }));
   }
@@ -81,3 +81,3 @@
   for (i = 0; i < columnGroups.length; ++i) {
-    _React2.default.Children.forEach(columnGroups[i].props.children, function (column) {
+    _react2.default.Children.forEach(columnGroups[i].props.children, function (column) {
       allColumns.push(column);
@@ -97,3 +97,3 @@ });
 
-    _React2.default.Children.forEach(columnGroup.props.children, function (column) {
+    _react2.default.Children.forEach(columnGroup.props.children, function (column) {
       currentColumns.push(column);
@@ -114,3 +114,3 @@ });
 
-    newColumnGroups.push(_React2.default.cloneElement(columnGroup, { width: newColumnSettings.width }));
+    newColumnGroups.push(_react2.default.cloneElement(columnGroup, { width: newColumnSettings.width }));
   }
@@ -117,0 +117,0 @@

internal/Scrollbar.js

@@ -11,5 +11,5 @@ 'use strict';
 
-var _React = require('./React');
+var _react = require('react');
 
-var _React2 = _interopRequireDefault(_React);
+var _react2 = _interopRequireDefault(_react);
 
@@ -190,3 +190,3 @@ var _createReactClass = require('create-react-class');
 
-    return _React2.default.createElement(
+    return _react2.default.createElement(
       'div',
@@ -205,3 +205,3 @@ {
         style: mainStyle },
-      _React2.default.createElement('div', {
+      _react2.default.createElement('div', {
         ref: this.faceRef,
@@ -208,0 +208,0 @@ className: faceClassName,

package.json

 {
   "name": "fixed-data-table-2",
-  "version": "0.8.22",
+  "version": "0.8.23",
   "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

1430234

increased by15.61%

Worsened metrics

Number of package files

105

decreased by-16%

Lines of code

19751

decreased by-10.73%

No dependency changes