Col, Row fixed tests and linter

.gitignore

@@ -1,2 +1,4 @@
 node_modules
-lib
+lib
+.idea
+coverage

examples/kitchenSink.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Box, Email, Image, Item, Span, A } from '../src/index'
+import { Box, Email, Image, Item, Span, A, Row, Col } from '../src/index'
 
 const css = `
 @media only screen and (max-device-width: 480px) {
@@ -22,6 +22,12 @@ const email = (
         </Item>
       </Box>
     </Item>
+    <Item>
+      <Row>
+        <Col>Column1</Col>
+        <Col>Column2</Col>
+      </Row>
+    </Item>
   </Email>
 )
 

src/components/A.jsx

@@ -10,6 +10,7 @@ export default function A(props) {
       download={props.download}
       href={props.href}
       target="_blank"
+      rel="noopener noreferrer"
       style={{
         color: props.color,
         textDecoration: props.textDecoration,

src/components/Col.jsx

@@ -0,0 +1,40 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import EmailPropTypes from '../PropTypes'
+import includeDataProps from '../includeDataProps'
+
+export default function Col(props) {
+  return (
+    <td
+      {...includeDataProps(props)}
+      className={props.className}
+      align={props.align}
+      valign={props.valign}
+      bgcolor={props.bgcolor}
+      colSpan={props.colSpan}
+      style={props.style}
+    >
+      {props.children}
+    </td>
+  )
+}
+
+Col.propTypes = {
+  className: PropTypes.string,
+  bgcolor: PropTypes.string,
+  colSpan: PropTypes.number,
+  align: PropTypes.oneOf(['left', 'center', 'right']),
+  valign: PropTypes.oneOf(['top', 'middle', 'bottom']),
+  style: EmailPropTypes.style,
+  children: PropTypes.node,
+}
+
+Col.defaultProps = {
+  colSpan: null,
+  children: null,
+  className: null,
+  bgcolor: null,
+  align: 'center',
+  valign: 'top',
+  style: null,
+}

src/components/Row.jsx

@@ -0,0 +1,37 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import EmailPropTypes from '../PropTypes'
+import includeDataProps from '../includeDataProps'
+
+export default function Row(props) {
+  return (
+    <tr
+      {...includeDataProps(props)}
+      className={props.className}
+      align={props.align}
+      valign={props.valign}
+      bgcolor={props.bgcolor}
+      style={props.style}
+    >
+      {props.children}
+    </tr>
+  )
+}
+
+Row.propTypes = {
+  className: PropTypes.string,
+  bgcolor: PropTypes.string,
+  align: PropTypes.oneOf(['left', 'center', 'right']),
+  valign: PropTypes.oneOf(['top', 'middle', 'bottom']),
+  style: EmailPropTypes.style,
+  children: PropTypes.node,
+}
+
+Row.defaultProps = {
+  children: null,
+  className: null,
+  bgcolor: null,
+  align: 'center',
+  valign: 'top',
+  style: null,
+}

src/index.js

@@ -3,6 +3,8 @@ import Box from './components/Box'
 import Email from './components/Email'
 import Image from './components/Image'
 import Item from './components/Item'
+import Row from './components/Row'
+import Col from './components/Col'
 import Span from './components/Span'
 import A from './components/A'
 import renderEmail from './renderEmail'
@@ -19,6 +21,8 @@ export {
   Email,
   Image,
   Item,
+  Row,
+  Col,
   Span,
   A,
   configStyleValidator,