Merge pull request #58 from easeq/master

Added datetime picker, noResultsMessage row and other improvements

Author: easeq

README.md

@@ -52,6 +52,7 @@ import { reducer, epics } from '@flipbyte/redux-datatable';
     rowHeight: 50,
     editing: false,
     primaryKey: 'id',
+    noResultsMessage: 'No row(s) found',
     routes: { // You can add other routes and handle them using custom actions.
         get: { // The route used to fetch data and it's params
             route: '/{your_route}',
@@ -350,17 +351,18 @@ const YourComponent = () =>
 
 ### Table config props
 
-| Key        | Type    | Required | Default | Description                                                                                      |
-| ---------- | ------- | -------- | ------- | ------------------------------------------------------------------------------------------------ |
-| name       | string  | true     | -       | key in the row data whose value needs to be loaded for the column (does not have to be unique)   |
-| height     | integer | true     | -       | The maximum height of the table                                                                  |
-| rowHeight  | integer | true     | -       | The maximum height of each table body row                                                        |
-| routes     | object  | true     | -       | Routes definition to fetch data and other custom routes config for custom handling (Check below) |
-| components | object  | true     | -       | All the components required for your table                                                       |
-| entity     | object  | false    | -       | [Normalizr](https://github.com/paularmstrong/normalizr) specification. Check below for details.  |
-| layout     | array   | true     | -       | The layout of your table                                                                         |
-| editing    | boolean | false    | false   | Set the default state of the table to be in editing mode                                         |
-| primaryKey | string  | true     | -       | Set the primary key column of the table for actions like editing.                                |
+| Key              | Type    | Required | Default | Description                                                                                      |
+| ---------------- | ------- | -------- | ------- | ------------------------------------------------------------------------------------------------ |
+| name             | string  | true     | -       | key in the row data whose value needs to be loaded for the column (does not have to be unique)   |
+| height           | integer | true     | -       | The maximum height of the table                                                                  |
+| rowHeight        | integer | true     | -       | The maximum height of each table body row                                                        |
+| routes           | object  | true     | -       | Routes definition to fetch data and other custom routes config for custom handling (Check below) |
+| components       | object  | true     | -       | All the components required for your table                                                       |
+| entity           | object  | false    | -       | [Normalizr](https://github.com/paularmstrong/normalizr) specification. Check below for details.  |
+| layout           | array   | true     | -       | The layout of your table                                                                         |
+| editing          | boolean | false    | false   | Set the default state of the table to be in editing mode                                         |
+| primaryKey       | string  | true     | -       | Set the primary key column of the table for actions like editing.                                |
+| noResultsMessage | string  | true     | -       | Set the message to be displayed when table is empty                                              |
 
 #### Routes object
 

demo/src/schema/normalized.js

@@ -28,6 +28,7 @@ export default {
     rowHeight: 50,
     editing: false,
     primaryKey: 'pageId',
+    noResultsMessage: 'Empty results',
     routes: {
         get: {
             route: '/page',

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@flipbyte/redux-datatable",
-    "version": "0.7.14",
+    "version": "0.8.0",
     "description": "React-Redux data table",
     "main": "lib/index.js",
     "module": "es/index.js",
@@ -30,21 +30,23 @@
         "reselect": "^4.0.0",
         "styled-components": "^4.3.2",
         "redux-observable": "^1.1.0",
+        "moment": "^2.24.0",
         "redux-thunk": "^2.3.0"
     },
     "dependencies": {
         "element-resize-event": "^3.0.3",
         "normalizr": "^3.3.0",
         "object-assign-deep": "^0.4.0",
         "query-string": "^6.1.0",
-        "react-pure-time": "^0.2.2",
+        "react-datepicker": "^2.8.0",
         "react-redux-notify": "^4.1.1"
     },
     "devDependencies": {
         "axios": "^0.19.0",
         "axios-observable": "^1.1.1",
         "bootstrap": "^4.3.1",
         "lodash": ">=4.17.13",
+        "moment": "^2.24.0",
         "nwb": "0.23.x",
         "path-to-regexp": "^3.0.0",
         "react": "^16.8.6",