react-tabulator
Advanced tools
Comparing version 0.5.0 to 0.5.5
@@ -1,5 +0,6 @@ | ||
## [0.5.0] - 2018-10-14 | ||
## [0.5.5] - 2018-10-14 | ||
### Added | ||
- `__tests__/ui` - UI for tests. | ||
- `src/css` - css files for themes. | ||
### Changed | ||
@@ -6,0 +7,0 @@ - use getDerivedStateFromProps so we can set grid data from state. (updated Examples) |
@@ -16,2 +16,3 @@ "use strict"; | ||
exports.__esModule = true; | ||
var _a; | ||
var React = require("react"); | ||
@@ -29,5 +30,5 @@ var ReactTabulator_1 = require("./ReactTabulator"); | ||
{ id: 1, name: 'Oli Bob', age: '12', col: 'red', dob: '', rating: 5, passed: true }, | ||
{ id: 2, name: 'Mary May', age: '1', col: 'blue', dob: '14/05/1989', rating: 4, passed: true }, | ||
{ id: 2, name: 'Mary May', age: '1', col: 'green', dob: '14/05/1989', rating: 4, passed: true }, | ||
{ id: 3, name: 'Christine Lobowski', age: '42', col: 'green', dob: '22/05/1985', rating: 4, passed: false }, | ||
{ id: 4, name: 'Brendon Philips', age: '125', col: 'orange', dob: '01/08/1980', rating: 4.5, passed: true }, | ||
{ id: 4, name: 'Brendon Philips', age: '125', col: 'red', dob: '01/08/1980', rating: 4.5, passed: true }, | ||
{ id: 5, name: 'Margret Marmajuke', age: '16', col: 'yellow', dob: '31/01/1999', rating: 4, passed: false }, | ||
@@ -37,6 +38,15 @@ { id: 6, name: 'Van Ng', age: '37', col: 'green', dob: '06/15/1982', rating: 4, passed: true }, | ||
]; | ||
// Editable Example: | ||
var colorOptions = (_a = {}, _a[''] = '', _a.red = 'red', _a.green = 'green', _a.yellow = 'yellow', _a); | ||
var editableColumns = [ | ||
{ title: 'Name', field: 'name', width: 150, editor: 'input', headerFilter: 'input' }, | ||
{ title: 'Age', field: 'age', align: 'left', formatter: 'progress', editor: 'progress' }, | ||
{ title: 'Favourite Color', field: 'col', editor: 'input' }, | ||
{ | ||
title: 'Favourite Color', | ||
field: 'col', | ||
editor: 'select', | ||
editorParams: colorOptions, | ||
headerFilter: true, | ||
headerFilterParams: colorOptions | ||
}, | ||
{ title: 'Date Of Birth', field: 'dob', align: 'center', editor: 'input' }, | ||
@@ -43,0 +53,0 @@ { title: 'Rating', field: 'rating', align: 'center', formatter: 'star', editor: true }, |
{ | ||
"name": "react-tabulator", | ||
"version": "0.5.0", | ||
"version": "0.5.5", | ||
"description": "React Tabulator component", | ||
@@ -15,3 +15,3 @@ "main": "lib/index.js", | ||
"build": "npm run clean && tsc --outDir ./lib --jsx react ./src/index.tsx && npm run postbuild", | ||
"postbuild": "cp ./src/styles.css ./lib/", | ||
"postbuild": "cp ./src/styles.css ./lib/ && cp -R ./src/css ./lib", | ||
"clean": "nwb clean-module && nwb clean-demo", | ||
@@ -18,0 +18,0 @@ "prepublishOnly": "npm run build", |
@@ -15,2 +15,3 @@ # react-tabulator | ||
- React 16.5.x | ||
- For React 15.x - use [this branch](https://github.com/ngduc/react-tabulator/tree/use-react-15) | ||
- Typescript 3.x | ||
@@ -25,3 +26,3 @@ - Tslint | ||
import 'react-tabulator/lib/styles.css'; | ||
import 'react-tabulator/lib/styles.css'; // default theme | ||
import { ReactTabulator } from 'react-tabulator'; | ||
@@ -34,2 +35,8 @@ | ||
``` | ||
For React 15.x, install it using this branch: | ||
$ npm install git://github.com/ngduc/react-tabulator.git#use-react-15 --save | ||
``` | ||
### 🔧 Commands | ||
@@ -36,0 +43,0 @@ |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage 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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
495867
33
6168
58
1