Code modifications and styled components usage

.gitignore

@@ -1 +1,7 @@
+/coverage
+/demo/dist
+/es
+/lib
 /node_modules
+/umd
+npm-debug.log*

.travis.yml

@@ -0,0 +1,16 @@
+sudo: false
+
+language: node_js
+node_js:
+  - 8
+
+before_install:
+  - npm install codecov.io coveralls
+
+after_success:
+  - cat ./coverage/lcov.info | ./node_modules/codecov.io/bin/codecov.io.js
+  - cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js
+
+branches:
+  only:
+    - master

CONTRIBUTING.md

@@ -0,0 +1,22 @@
+## Prerequisites
+
+[Node.js](http://nodejs.org/) >= 6 must be installed.
+
+## Installation
+
+-   Running `npm install` in the component's root directory will install everything you need for development.
+
+## Demo Development Server
+
+-   `npm start` will run a development server with the component's demo app at [http://localhost:3000](http://localhost:3000) with hot module reloading.
+
+## Running Tests
+
+-   `npm test` will run the tests once.
+-   `npm run test:coverage` will run the tests and produce a coverage report in `coverage/`.
+-   `npm run test:watch` will run the tests on every change.
+
+## Building
+
+-   `npm run build` will build the component for publishing to npm and also bundle the demo app.
+-   `npm run clean` will delete built resources.

README.md

@@ -0,0 +1,16 @@
+# @flipbyte/redux-datatable
+
+[![Travis][build-badge]][build]
+[![npm package][npm-badge]][npm]
+[![Coveralls][coveralls-badge]][coveralls]
+
+Describe @flipbyte/redux-datatable here.
+
+[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
+[build]: https://travis-ci.org/user/repo
+
+[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
+[npm]: https://www.npmjs.org/package/npm-package
+
+[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
+[coveralls]: https://coveralls.io/github/user/repo

demo/src/ExampleTableContainer.js

@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+import { render } from 'react-dom';
+import ReduxDatatable from '../../src';
+import config from './config';
+
+const ExampleTableContainer = ({ title, className, id, ...tableProps }) =>
+    <div id={ id } className="form-container">
+        <h5 className="card-title">{ title }</h5>
+        <ReduxDatatable reducerName={ config.tableReducerName } { ...tableProps } />
+    </div>
+
+export default ExampleTableContainer;

demo/src/config.js

@@ -0,0 +1,12 @@
+import { reducer, epics } from '../../src';
+
+export default {
+    tableReducerName: 'reduxDatatable',
+    reducers: {
+        reduxDatatable: reducer
+    },
+    epics: {
+        pageTableFetchDataEpic: epics.fetchDataEpic,
+        pageTableSetParamsEpic: epics.setParamsEpic
+    }
+}

demo/src/css/simple-sidebar.css

@@ -0,0 +1,71 @@
+/*!
+ * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
+ * Copyright 2013-2019 Start Bootstrap
+ * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
+ */
+body {
+    overflow-x: hidden;
+}
+
+#sidebar-wrapper {
+    min-height: 100vh;
+    margin-left: -15rem;
+    -webkit-transition: margin .25s ease-out;
+    -moz-transition: margin .25s ease-out;
+    -o-transition: margin .25s ease-out;
+    transition: margin .25s ease-out;
+    height: 100%;
+    position: fixed;
+    z-index: 1;
+    top: 0;
+    left: 0;
+    overflow-x: hidden;
+}
+
+#sidebar-wrapper .sidebar-heading {
+    padding: 0.875rem 1.25rem;
+    font-size: 1.2rem;
+}
+
+#sidebar-wrapper .list-group {
+    width: 15rem;
+}
+
+#page-content-wrapper {
+    min-width: 100vw;
+    margin-left: 0;
+}
+
+.content {
+    position: fixed;
+    overflow: scroll;
+    height: 100%;
+    top: 60px;
+}
+
+#wrapper.toggled #sidebar-wrapper {
+    margin-left: 0;
+}
+
+@media (min-width: 768px) {
+    #sidebar-wrapper {
+        margin-left: 0;
+    }
+
+    #page-content-wrapper {
+        min-width: 0;
+        width: 100%;
+        margin-left: 15rem;
+    }
+
+    .content {
+        position: relative;
+        height: auto;
+        overflow: none;
+        top: auto;
+    }
+
+    #wrapper.toggled #sidebar-wrapper {
+        margin-left: -15rem;
+    }
+}