react-inclusive-sortable-table - npm Package Compare versions

Comparing version 0.1.1 to 0.1.3

dist/index.es.js

@@ -215,3 +215,4 @@ import React, { Component } from 'react';
           sortable = _props.sortable,
-          rowHeaders = _props.rowHeaders;
+          rowHeaders = _props.rowHeaders,
+          className = _props.className;
 
@@ -221,3 +222,3 @@
         'div',
-        null,
+        { className: className },
         React.createElement(
@@ -316,2 +317,3 @@ 'div',
   caption: PropTypes.string,
+  className: PropTypes.string,
   headers: PropTypes.array.isRequired,
@@ -318,0 +320,0 @@ rowHeaders: PropTypes.bool,

dist/index.js

@@ -220,3 +220,4 @@ 'use strict';
           sortable = _props.sortable,
-          rowHeaders = _props.rowHeaders;
+          rowHeaders = _props.rowHeaders,
+          className = _props.className;
 
@@ -226,3 +227,3 @@
         'div',
-        null,
+        { className: className },
         React__default.createElement(
@@ -321,2 +322,3 @@ 'div',
   caption: PropTypes.string,
+  className: PropTypes.string,
   headers: PropTypes.array.isRequired,
@@ -323,0 +325,0 @@ rowHeaders: PropTypes.bool,

package.json

 {
   "name": "react-inclusive-sortable-table",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "An accessible, sortable table based off of Heydon Pickering's Sortable Table from Inclusive Components.",
@@ -5,0 +5,0 @@ "author": "benjamingrobertson",

README.md

@@ -22,4 +22,43 @@ # react-inclusive-sortable-table
   render () {
+    const headers = ['Site', 'Founder', 'Inception', 'URL'];
+
+    const rows = [
+      [
+        'CSS Tricks',
+        'Chris Coyier',
+        '2007',
+        <a href="http://css-tricks.com">http://css-tricks.com</a>
+      ],
+      [
+        'Smashing Magazine',
+        'Vitaly Friedman and Sven Lennartz',
+        '2006',
+        <a href="https://www.smashingmagazine.com/">
+          https://www.smashingmagazine.com/
+        </a>
+      ],
+      [
+        'A List Apart',
+        'Jeffrey Zeldman',
+        '1998',
+        <a href="https://alistapart.com/">https://alistapart.com/</a>
+      ],
+      [
+        'codrops',
+        'Manoela Ilic and Pedro Botelho',
+        '2009',
+        <a href="https://tympanus.net/codrops/">
+          https://tympanus.net/codrops/
+        </a>
+      ]
+    ];
+
     return (
-      <Table />
+      <Table
+        rows={rows}
+        headers={headers}
+        rowHeaders
+        caption="Front end websites"
+        sortable
+        />
     )
@@ -26,0 +65,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

47996

increased by3.11%

Lines of code

603

increased by0.67%

Number of lines in readme file

71

increased by121.88%

No dependency changes