turnerniles / react-virtualized-pivot Goto Github PK

Quick pivot ui should be mobile friendly

Pivot grouped row drilldown should still work with multiple frozen headers

Multiple large datasets should be available to show the power of quick pivot / quick pivot ui.

Add time to render vs. time to calulate

Grid cells should have border color and respective colorPack option.

Add code coverage via istanbul

Add search functionality to filters

Header cells are going over top left cell. Should go underneath.

Quick pivot has filtering logic that needs to be implemented in quick pivot ui. Each dimension should be filterable. Filters should stack and have include and exclude options.

When adding a filter on a certain dimension and then going back to edit that same filter, I need access to all the original unique values associated with that dimension. I am keeping track of the selected values associated with the dimension in order to filter the data using those values and could add them back into the list of values to select from; however, I would not be able to maintain the original order of values to select from unless I alphabetized strings and sorted numbers from the start. Which perhaps we should do... Other pivots seem to.

Below is an example of the current implementation, where pivot.getUniqueValues returns the unique values based on the current pivot?

const dataArray = [ ['name', 'gender', 'house', 'age'], ['Jon', 'm', 'Stark', 14], ['Arya', 'f', 'Stark', 10], ['Cersei', 'f', 'Baratheon', 38], ['Tywin', 'm', 'Lannister', 67], ['Tyrion', 'm', 'Lannister', 34], ['Joffrey', 'm', 'Baratheon', 18], ['Bran', 'm', 'Stark', 8], ['Jaime', 'm', 'Lannister', 32], ['Sansa', 'f', 'Stark', 12] ];

const pivot = new pivot(dataArray, ['gender'], [], 'age', 'sum');

pivot.getUniqueValues('gender')
-> ["m", "f"]

pivot.filter('gender', ['m'], 'exclude')
pivot.getUniqueValues('gender')
-> ["f"]

Update README to include new colorpack info

Add auto-prefixed to support internet explorer

As a user, I expect there to be an ES6 build in addition to UMD.

Change color of white loader with standard colors

Always show scroll bar on all browsers for field selectors.
See http://simurai.com/blog/2011/07/26/webkit-scrollbar

Check to see if importing css stylesheet is necessary

Dragging with filters open has a bizzare effect. It should close and submit filters on drag.

Add event handler to grid cells - should alert cell position and respective fields to screen

Redo control panel as drawer, side panel style

Only one header row is sticky when aggregating across two or more columns. Multiple header rows should be sticky.

Pivot should receive a color scheme property that is an object where each key references the part of the component and the value is a color. Then in the Pivot code all of the colors should then reference this object instead of the current hard coding. We can also create two default themes, the current color theme and another more professional theme.

Should not error when filtering out all data.

As a user, it would be helpful to have a gif of the library in action directly in the README so I don't have to go to the demo to see roughly what it does.

Add babel runtime to support IE

Add Async Mode

Filters should have the ability to include and exclude

Deselecting filters should unfilter the data upon submission

React Virtalized Pivot should have a front end testing framework.

As a user, when I resize the column width to be very small it causes the other columns to also resize (and may even crash the table).

EC - Add a minimum size to column width

Add dark theme or other theme. Get rid of funky theme?

Step 1: Add dark theme option object to the colorPack dropdown
https://github.com/turnerniles/react-virtualized-pivot/blob/master/src/app.jsx#L207-L208

Step 2: Add an additional if statement in the onColorPackSelect function. And change the colors to be in dark mode. The grid being maroon and black as current is not bad but it doesn't coordinate well with the menu colors.
https://github.com/turnerniles/react-virtualized-pivot/blob/master/src/app.jsx#L95-L119

Remove leftSideGridBackground or modify to use leftSideGridBackground

As a user, I expect to be able to provide a bodyCellValue prop that accepts a callback function which supplies the current cell value as a parameter. I can then adjust how the value is displayed via javascript, which may be useful for things like rounding and number formatting.

As a developer, I expect that prior to committing eslint should run to ensure errors aren't committed to the repository.

Filter options should be virtualized.

Cells with large lengths are overflowing. Should not overflow. Overflow should be hidden on the right side of the cell. May need to add column resizing.

Filtering changes aggregation type to sum from count (check force update)

Change row header to blank instead of aggregation type (sum, count)

Add travisCI, code coverage, maybe code climate - should run automatically on PR's

React warnings should not occur

Add Jest Test Suite

Drill down works but arrow is not being displayed.

Columns should be resizable

Toggle drawer button should be a wheel icon that goes inside the top left header cell. Hopefully we can use react-md icon's pending on some help: mlaursen/react-md#483. Or will use an svg.

See photo below border is missing on one cell and encroaching on another.

Add an ESLint file, follow airbnb style guide and clean up existing code

Should include:

• How to use (code snippet)
• Prop explanation guide