unosquare / tubular-react Goto Github PK

• Print grid records in the printer

Module not found: Error: Can't resolve 'tubular-react' is thrown when importing any component from the npm module

Please include a README file so we can describe how tubular-react should be implemented and any proper details.

• Add the functionality to populate the grid via URL

• Add filters to columns to filter it by operator (>, <, >=, =<, BETWEEN, EQUALS, NONE, CONTAINS, NOT CONTAINS, STARTS WITH, NOT STARTS WITH, ENDS WITH, NOT ENDS WITH)

• Implement LocalDataSource for grid

• Create interface for RemoteDataSource and LocalDataSource in TS

Basics:

• Returns a payload
• Returns a payload with 10 records
• Returns a payload with 10 records when page is set to 1
• Returns a payload in descending order
• Returns a payload with multiple sorting
• Returns a payload with search by text

Numeric filtering:

• Case None
• Case Equals
• Case Between
• Case >=
• Case >
• Case <=
• Case <
• Case when a register is not found in the <Grid />

String filtering:

• Case None
• Case Equals
• Case Not Equals
• Case Contains
• Case Starts With
• Case Not Starts With
• Case Ends With
• Case Not Ends With
• Case when a register is not found in the <Grid />

Unit tests:

• Default body
• Custom body
• When custom footer is not defined
• When custom footer is defined
• Clean <Grid /> file test: Some constants were removed and placed into files to make the tests more readable

• Add a functionality to edit records (use a Dialog)

Please match the same column model as at:
https://github.com/unosquare/tubular/blob/master/src/js/tubular/models/tubular-column.js#L32

Please create a column model class that can be used instead of the "any" we're using at this moment when dealing with columns.

Rename Tubular Grid component to not create confusion or conflict with the Grid component of material-ui.
https://material-ui-next.com/api/grid/

Current structure example:

 {
    Label: 'Label',
    Name: 'Name',
    Sortable: true,
    SortOrder: 1,
    SortDirection: 'None',
    IsKey: false,
    Searchable: true,
    Visible: true,
    Filter: { 
      Argument: [],
      HasFilter: false,
      Name: 'Name',
      Operator: 'None',
      OptionsUrl: null,
      Text: null
    },
    DataType: 'string',
    Aggregate: 'Count'
  }

how it should be :

{
   Name: 'Name',
    Sortable: true, 
    SortOrder: 1,
    SortDirection: 'Ascending',
    Searchable: true,
    Aggregate: 'Count',
    Filtering: true
}

with these default values:

{
    Sortable: false, // if sortable is true SortOrder and SortDirection must be set passed as well   
    Searchable: false,
    Aggregate: 'None',
    Filtering: false,
    DataType: 'string',
    IsKey: false,
    Visible: true
}

• Unit test to validate if top pager is showing a <Paginator />

• Remove the constants used in the <Grid /> tests, and placed it in separate files. The objective of that is to make the test file more readable.

• Restructure project in order to use TypeScript

Up to this moment the grid is rendering a grid body that cannot be customized. Please add the ability to customize the grid body or render using the default format (as it is now)

• Export grid records to CSV (check this)

• Add eslint in scripts

In the columns definition if the filter property is null it throws an error

Allow Grid to retrieve information from a file

• Add a Header and Toolbar to grid component

• Add a search filter by text to grid

Rename from TubularTable to Grid

• Add aggregation methods to columns

If you try to print when there are not any records on the table, it throws an Internal Server Error

• Add a footer to grid component

• Set up CI with AppVeyor