Version 1.3.0

unosquare · Sep 3, 2019 · 4363f05 · 4363f05
1 parent ee04dc8
commit 4363f05
Show file tree

Hide file tree

Showing 16 changed files with 679 additions and 776 deletions.
diff --git a/docs/date-fns.b614d7f9.js b/docs/date-fns.b614d7f9.js
diff --git a/docs/esm.2d6a9242.js b/docs/esm.2d6a9242.js
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<html><head><meta charSet="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, maximum-scale=1, minimum-scale=1"><meta name="description" content="Tubular React - Quick and reliable grids to build modern web applications in ReactJS"><meta name="keywords" content="application, html5, reactJS, responsive, web api"><meta name="author" content="Unosquare"><link rel="shortcut icon" href="/tubular-react/favicon.2af2dfd9.ico"><title>Tubular React | Unosquare Open Source</title><style>#app,body,html{height:100%;font-family:Roboto}body{margin:0}</style><link rel="stylesheet" href="/tubular-react/pages.750df968.css"></head><body> <div id="app"></div> <script src="/tubular-react/pages.11a2192a.js" type="text/javascript"></script> </body><script>!function(e,a,n,t,c,g,o){e.GoogleAnalyticsObject=c,e.ga=e.ga||function(){(e.ga.q=e.ga.q||[]).push(arguments)},e.ga.l=1*new Date,g=a.createElement(n),o=a.getElementsByTagName(n)[0],g.async=1,g.src="//www.google-analytics.com/analytics.js",o.parentNode.insertBefore(g,o)}(window,document,"script",0,"ga"),ga("create","UA-8535255-1","unosquare.com"),ga("send","pageview");</script></html>
+<html><head><meta charSet="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, maximum-scale=1, minimum-scale=1"><meta name="description" content="Tubular React - Quick and reliable grids to build modern web applications in ReactJS"><meta name="keywords" content="application, html5, reactJS, responsive, web api"><meta name="author" content="Unosquare"><link rel="shortcut icon" href="/tubular-react/favicon.2af2dfd9.ico"><title>Tubular React | Unosquare Open Source</title><style>#app,body,html{height:100%;font-family:Roboto}body{margin:0}</style><link rel="stylesheet" href="/tubular-react/pages.750df968.css"></head><body> <div id="app"></div> <script src="/tubular-react/pages.a2cc046d.js" type="text/javascript"></script> </body><script>!function(e,a,n,t,c,g,o){e.GoogleAnalyticsObject=c,e.ga=e.ga||function(){(e.ga.q=e.ga.q||[]).push(arguments)},e.ga.l=1*new Date,g=a.createElement(n),o=a.getElementsByTagName(n)[0],g.async=1,g.src="//www.google-analytics.com/analytics.js",o.parentNode.insertBefore(g,o)}(window,document,"script",0,"ga"),ga("create","UA-8535255-1","unosquare.com"),ga("send","pageview");</script></html>
diff --git a/docs/pages.11a2192a.js → docs/pages.a2cc046d.js b/docs/pages.11a2192a.js → docs/pages.a2cc046d.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tubular-react",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "Unosquare Tubular React",
   "main": "dist/index.js",
   "scripts": {
@@ -65,21 +65,17 @@
   },
   "homepage": "https://github.com/unosquare/tubular-react#readme",
   "dependencies": {
-    "@material-ui/core": "^4.3.3",
+    "@material-ui/core": "^4.4.0",
     "@material-ui/icons": "^4.2.1",
     "@material-ui/styles": "^4.3.3",
     "date-fns": "^2.0.1",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
     "tubular-common": "^1.4.1",
-    "uno-material-ui": "^1.4.1",
-    "uno-react": "^0.9.1"
+    "uno-material-ui": "^1.4.2"
   },
   "devDependencies": {
     "@testing-library/react": "^9.1.3",
     "@testing-library/react-hooks": "^2.0.1",
     "@types/jest": "^24.0.18",
-    "@types/node": "^12.7.2",
     "@types/react": "^16.9.2",
     "@types/react-dom": "^16.9.0",
     "@types/react-router": "^5.0.3",
@@ -90,6 +86,8 @@
     "nyc": "^14.1.1",
     "parcel-bundler": "^1.12.3",
     "parcel-plugin-clean-easy": "^1.0.2",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-highlight": "^0.12.0",
     "react-router": "^5.0.1",
     "react-router-dom": "^5.0.1",

diff --git a/sample/src/CustomLayoutDataGrid.tsx b/sample/src/CustomLayoutDataGrid.tsx
@@ -1,32 +1,20 @@
-import * as React from 'react';
-
 import Snackbar from '@material-ui/core/Snackbar';
+import Table from '@material-ui/core/Table';
 import TableCell from '@material-ui/core/TableCell';
+import TableHead from '@material-ui/core/TableHead';
 import TableRow from '@material-ui/core/TableRow';
 import Typography from '@material-ui/core/Typography';
-
 import CheckBox from '@material-ui/icons/CheckBox';
 import CheckBoxOutlineBlank from '@material-ui/icons/CheckBoxOutlineBlank';
-
-import Table from '@material-ui/core/Table';
-import TableHead from '@material-ui/core/TableHead';
+import * as React from 'react';
 import { DataGridTable } from '../../src/DataGrid';
 import useDataGrid from '../../src/Hooks/useDataGrid';
 import { Paginator } from '../../src/Pagination';
-import { ToolbarOptions } from '../../src/Toolbar';
+import { renderDateTimeCell } from '../../src/utils';
 import columns from './data/columns';
 import localData from './data/localData';
 
-// tslint:disable-next-line: no-var-requires
-const format = require('date-fns/format');
-const toolbarOptions = new ToolbarOptions({
-  advancePagination: false,
-  bottomPager: false,
-  rowsPerPageOptions: [5, 10],
-  topPager: false,
-});
-
-const CustomLayoutDataGrid: React.FunctionComponent = () => {
+const CustomLayoutDataGrid: React.FunctionComponent = () => { 
 
   const [getErrorMessage, setErrorMessage] = React.useState(null as string);
   const grid = useDataGrid(columns, {}, localData);
@@ -36,7 +24,7 @@ const CustomLayoutDataGrid: React.FunctionComponent = () => {
       <TableCell padding='default'>{row.OrderID}</TableCell>
       <TableCell padding='default'>{row.CustomerName}</TableCell>
       <TableCell padding='default'>
-        {format(row.ShippedDate, 'MMMM Do YYYY, h:mm:ss a')}
+        {renderDateTimeCell(row.ShippedDate, 'MMMM Do yyyy, h:mm:ss a')}
       </TableCell>
       <TableCell padding='default'>{row.ShipperCity}</TableCell>
       <TableCell padding='default' align={'right'}>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<html><head><meta charSet="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, maximum-scale=1, minimum-scale=1"><meta name="description" content="Tubular React - Quick and reliable grids to build modern web applications in ReactJS"><meta name="keywords" content="application, html5, reactJS, responsive, web api"><meta name="author" content="Unosquare"><link rel="shortcut icon" href="/tubular-react/favicon.2af2dfd9.ico"><title>Tubular React \| Unosquare Open Source</title><style>#app,body,html{height:100%;font-family:Roboto}body{margin:0}</style><link rel="stylesheet" href="/tubular-react/pages.750df968.css"></head><body> <div id="app"></div> <script src="/tubular-react/pages.11a2192a.js" type="text/javascript"></script> </body><script>!function(e,a,n,t,c,g,o){e.GoogleAnalyticsObject=c,e.ga=e.ga\|\|function(){(e.ga.q=e.ga.q\|\|[]).push(arguments)},e.ga.l=1*new Date,g=a.createElement(n),o=a.getElementsByTagName(n)[0],g.async=1,g.src="//www.google-analytics.com/analytics.js",o.parentNode.insertBefore(g,o)}(window,document,"script",0,"ga"),ga("create","UA-8535255-1","unosquare.com"),ga("send","pageview");</script></html>
		<html><head><meta charSet="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, maximum-scale=1, minimum-scale=1"><meta name="description" content="Tubular React - Quick and reliable grids to build modern web applications in ReactJS"><meta name="keywords" content="application, html5, reactJS, responsive, web api"><meta name="author" content="Unosquare"><link rel="shortcut icon" href="/tubular-react/favicon.2af2dfd9.ico"><title>Tubular React \| Unosquare Open Source</title><style>#app,body,html{height:100%;font-family:Roboto}body{margin:0}</style><link rel="stylesheet" href="/tubular-react/pages.750df968.css"></head><body> <div id="app"></div> <script src="/tubular-react/pages.a2cc046d.js" type="text/javascript"></script> </body><script>!function(e,a,n,t,c,g,o){e.GoogleAnalyticsObject=c,e.ga=e.ga\|\|function(){(e.ga.q=e.ga.q\|\|[]).push(arguments)},e.ga.l=1*new Date,g=a.createElement(n),o=a.getElementsByTagName(n)[0],g.async=1,g.src="//www.google-analytics.com/analytics.js",o.parentNode.insertBefore(g,o)}(window,document,"script",0,"ga"),ga("create","UA-8535255-1","unosquare.com"),ga("send","pageview");</script></html>