.babelrc

@@ -0,0 +1,7 @@
+{
+  "presets": [
+    "es2015",
+    "react",
+    "stage-1"
+  ]
+}

.eslintrc.js

@@ -0,0 +1,46 @@
+const OFF = 0;
+const WARNING = 1;
+const ERROR = 2;
+
+module.exports = {
+  parser: 'babel-eslint',
+
+  plugins: [
+    'react',
+  ],
+
+  parserOptions: {
+    ecmaVersion: 6,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+
+  env: {
+    browser: true,
+    node: true,
+    jasmine: true,
+    es6: true,
+  },
+
+  globals: {
+    jest: false,
+  },
+
+  rules: {
+    'strict': OFF,
+    'quotes': [ERROR, 'single'],
+    'max-len': [ERROR, 80],
+    'curly': [ERROR, 'multi-line'],
+    'eqeqeq': [ERROR, 'smart'],
+    'block-scoped-var': ERROR,
+    'semi': [WARNING, 'always'],
+    'space-before-blocks': [WARNING, 'always'],
+    'space-in-parens': [OFF, 'never'],
+    'comma-dangle': [ERROR, 'only-multiline'],
+    'no-underscore-dangle': 0,
+    'no-delete-var': ERROR,
+    'react/jsx-uses-react': 1,
+  },
+};

.flowconfig

@@ -0,0 +1,9 @@
+[ignore]
+
+[include]
+
+[libs]
+
+[options]
+esproposal.class_instance_fields=enable
+esproposal.class_static_fields=enable

.gitignore

@@ -3,4 +3,5 @@
 node_modules
 lib
 coverage
+dist
 npm-debug.log

.travis.yml

@@ -1,5 +1,4 @@
 language: node_js
 
 node_js:
-  - "iojs"
-
+  - "6.2.2"

CHANGELOG.md

@@ -1,3 +1,16 @@
+## 1.0.0
+Overall just internal changes.
+* Remove DataMixin in favor of a component.
+* Use a reducer for changes of data.
+* Use React 15.
+
+## 0.6.0
+* Support for React 0.14.
+* Use lodash for sorting.
+
+## 0.5.0
+* Pass down `buildRowOptions` to Table.
+
 ## 0.4.0
 
 * Reinitialize state when props change. (Fixes #5).

README.md

@@ -2,23 +2,29 @@
 
 [![Build Status](https://travis-ci.org/carlosrocha/react-data-components.svg?branch=master)](https://travis-ci.org/carlosrocha/react-data-components)
 
-DataTable: [Live demo and source](https://jsbin.com/ziyawu/9/edit?js,output)
+DataTable: [Live demo and source](https://jsfiddle.net/carlosrocha/xgde4uh0/)
 
-SelectableTable: [Live demo and source](https://jsbin.com/yokara/edit?js,output)
+SelectableTable: [Live demo and source](https://jsfiddle.net/carlosrocha/p9pouh1v/)
 
 ## Getting started
 
 ```sh
 npm install react-data-components --save
 ```
 
+This component requires Bootstrap stylesheet and Font Awesome fonts, in addition
+to the [stylesheet for headers](css/table-twbs.css). If you are using Webpack
+and the `css-loader` you can also require the css
+with `require('react-data-components/css/table-twbs.css')`.
+
 ### Using the default implementation
 
 The default implementation includes a filter for case insensitive global search,
 pagination and page size.
 
 ```javascript
 var React = require('react');
+var ReactDOM = require('react-dom');
 var DataTable = require('react-data-components').DataTable;
 
 var columns = [
@@ -34,53 +40,16 @@ var data = [
   // [ 'name value', 'city value', 'address value', 'phone value' ]
 ];
 
-React.render((
+ReactDOM.render((
     <DataTable
-      className="container"
-      keys={[ 'name', 'address' ]}
+      keys="name"
       columns={columns}
       initialData={data}
       initialPageLength={5}
       initialSortBy={{ prop: 'city', order: 'descending' }}
-      pageLengthOptions={[ 5, 20, 50 ]}
     />
-  ), document.body);
+  ), document.getElementById('root'));
 ```
 
-See [complete example](example/table/main.js), see [Flux example](example/flux/).
-
-## DataMixin options
-
-#### `keys: Array<string> | string`
-Properties that make each row unique, e.g. an id.
-
-#### `columns: Array<ColumnOption>`
-See `Table` column options.
-
-#### `pageLengthOptions: Array<number>`
-
-#### `initialData: Array<object | Array<any>>`
-
-#### `initialPageLength: number`
-
-#### `initialSortBy: { prop: string | number, order: string }`
-
-## Table column options
-
-#### `title: string`
-The title to display on the header.
-
-#### `prop: string | number`
-The name of the property or index on the data.
-
-#### `render: (val: any, row: any) => any`
-Function to render a different component.
-
-#### `className: string | (val: any, row: any) => string`
-Class name for the td.
-
-#### `defaultContent: string`
-
-#### `sortable: boolean`
+See [complete example](example/table/main.js).
 
-#### `width: string | number`