react-treelist - npm Package Compare versions

Comparing version 0.3.0 to 0.3.1

data/tree-data-generator.js

@@ -0,0 +0,0 @@ var args = process.argv.splice(2);

package.json

 {
   "name": "react-treelist",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "A React treelist component to display data in tree structure.",
@@ -61,4 +61,5 @@ "main": "dist/react-treelist.js",
     "dateformat": "^1.0.12",
-    "lodash": "^4.17.2"
+    "lodash": "^4.17.2",
+    "object-hash": "^1.2.0"
   }
 }

README.md

@@ -0,0 +0,0 @@ # react-treelist [![Build Status](https://travis-ci.org/maheshsenni/react-treelist.svg?branch=master)](https://travis-ci.org/maheshsenni/react-treelist)

server.js

@@ -0,0 +0,0 @@ var webpack = require('webpack');

src/index.js

@@ -44,11 +44,28 @@ import React from 'react';
 
+let counter = 1;
+
 class App extends React.Component {
+  constructor() {
+    super();
+    this.rerender = this.rerender.bind(this);
+  }
+
+  rerender() {
+    console.log('rerender clicked');
+    console.log(DATA[0].firstName);
+    DATA[0].firstName = 'Updated ' + counter++;
+    this.forceUpdate();
+  }
+
   render () {
     return (
-      <TreeList
-        data={DATA}
-        columns={COLUMNS}
-        options={OPTIONS}
-        id={'id'}
-        parentId={'parentId'}></TreeList>
+      <div>
+        <button onClick={this.rerender}>Update</button>
+        <TreeList
+          data={DATA}
+          columns={COLUMNS}
+          options={OPTIONS}
+          id={'id'}
+          parentId={'parentId'}></TreeList>
+      </div>
     );
@@ -55,0 +72,0 @@ }

src/js/Body.js

@@ -138,7 +138,9 @@ import '../css/body.css';
     // 'data' in future
-    return nextState.scrollTop !== this.state.scrollTop ||
+    const shouldUpdate = nextState.scrollTop !== this.state.scrollTop ||
       nextState.scrollLeft !== this.state.scrollLeft ||
       nextProps.width !== this.props.width ||
       nextState.expandedRows.length !== this.state.expandedRows.length ||
-      nextProps.updateHash.sort !== this.props.updateHash.sort;
+      nextProps.updateHash !== this.props.updateHash;
+    console.log('should update? ', shouldUpdate);
+    return shouldUpdate;
   }
@@ -191,3 +193,3 @@
   onHScroll: PropTypes.func.isRequired,
-  updateHash: PropTypes.object,
+  updateHash: PropTypes.string,
   expandAll: PropTypes.bool,
@@ -194,0 +196,0 @@ itemHeight: PropTypes.number

src/js/Colgroup.js

@@ -0,0 +0,0 @@ import React from 'react';

src/js/ColumnOptions.js

@@ -0,0 +0,0 @@ import React, { Component, PropTypes } from 'react';

src/js/ColumnResizeHandler.js

@@ -0,0 +0,0 @@ import React from 'react';

src/js/Constants.js

 export const DndTypes = {
   RESIZE_HANDLE: 'resize_handle'
 };

src/js/FilterContainer.js

@@ -0,0 +0,0 @@ import React, { Component, PropTypes } from 'react';

src/js/Header.js

@@ -0,0 +0,0 @@ import React, { Component, PropTypes } from 'react';

src/js/HeaderCell.js

@@ -0,0 +0,0 @@ import React, { Component, PropTypes } from 'react';

src/js/ResizeGhost.js

@@ -0,0 +0,0 @@ import React, { Component, PropTypes } from 'react';

src/js/ResizeHint.js

@@ -0,0 +0,0 @@ import React, { Component, PropTypes } from 'react';

src/js/Row.js

@@ -0,0 +0,0 @@ import React, { Component, PropTypes } from 'react';

src/js/RowCell.js

@@ -0,0 +0,0 @@ import '../css/row-cell.css';

src/js/RowIndent.js

@@ -0,0 +0,0 @@ import '../css/row-indent.css';

src/js/TreeList.js

 import '../css/treegrid.css';
 import React, { Component, PropTypes } from 'react';
+import hash from 'object-hash';
 import Header from './Header';
@@ -121,6 +122,9 @@ import Body from './Body';
     // construct update keys
-    const updateHash = {
+    const updateHash = hash({
+      data: renderData,
       sort: JSON.stringify(this.state.sortedColumns)
-    };
+    });
 
+    console.log('Update hash: ', typeof updateHash);
+
     return (
@@ -127,0 +131,0 @@ <div className='tgrid'>

src/js/util/CommonFilters.js

@@ -0,0 +0,0 @@ export function is_null(data, filterKey) {

src/js/util/DateFilters.js

@@ -0,0 +0,0 @@ export {

src/js/util/FilterOptions.js

@@ -0,0 +0,0 @@ export const OPTIONS_STRING = [{

src/js/util/FilterUtils.js

@@ -0,0 +0,0 @@ import { getTree, getFilteredDisplayRows } from './TreeUtils';

src/js/util/NumberFilters.js

@@ -0,0 +0,0 @@ export function number_eq(data, filterKey, filterValue) {

src/js/util/ScrollbarWidth.js

@@ -0,0 +0,0 @@ // Solution to detect scrollbar width from

src/js/util/SortUtils.js

@@ -0,0 +0,0 @@ import sortBy from 'lodash/sortBy';

src/js/util/StringFilters.js

@@ -0,0 +0,0 @@ export function string_eq(data, filterKey, filterValue) {

src/js/util/TreeUtils.js

@@ -0,0 +0,0 @@ const getRowsWithChildren = function(data, idField, parentIdField) {

src/sample-data/tree-data-nested.js

@@ -0,0 +0,0 @@ export const DATA = [ { id: 0,

test/RowCell.test.js

@@ -0,0 +0,0 @@ import React from 'react';

test/RowIndent.test.js

@@ -0,0 +0,0 @@ import React from 'react';

test/util/CommonFilters.test.js

@@ -0,0 +0,0 @@ import { expect } from 'chai';

test/util/DateFilters.test.js

@@ -0,0 +0,0 @@ import { expect } from 'chai';

test/util/FilterUtils.test.js

@@ -0,0 +0,0 @@ import { expect } from 'chai';

test/util/NumberFilters.test.js

@@ -0,0 +0,0 @@ import { expect } from 'chai';

test/util/SortUtils.test.js

@@ -0,0 +0,0 @@ import { expect } from 'chai';

test/util/StringFilters.test.js

@@ -0,0 +0,0 @@ import { expect } from 'chai';

webpack.dev.config.js

@@ -0,0 +0,0 @@ var webpack = require('webpack');

webpack.dist.config.js

@@ -0,0 +0,0 @@ var webpack = require('webpack');

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

370939

increased by117.29%

Number of package files

57

increased by1.79%

Lines of code

3720

increased by3.94%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

5

increased by25%

Dependency changes

• + Addedobject-hash@^1.2.0

• + Addedobject-hash@1.3.1(transitive)