@cloudflare/builder-table - npm Package Compare versions

Comparing version 1.0.11 to 1.0.12

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+       <a name="1.0.12"></a>
+## [1.0.12](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/builder-table@1.0.11...@cloudflare/builder-table@1.0.12) (2018-06-05)
+
+
+
+
+**Note:** Version bump only for package @cloudflare/builder-table
+
        <a name="1.0.11"></a>
@@ -15,3 +23,3 @@ ## [1.0.11](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/builder-table@1.0.10...@cloudflare/builder-table@1.0.11) (2018-05-31)
 
-       <a name="1.0.10"></a>
+      <a name="1.0.10"></a>
 ## [1.0.10](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/builder-table@1.0.9...@cloudflare/builder-table@1.0.10) (2018-05-25)
@@ -24,3 +32,3 @@
 
-      <a name="1.0.9"></a>
+     <a name="1.0.9"></a>
 ## [1.0.9](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/builder-table@1.0.8...@cloudflare/builder-table@1.0.9) (2018-05-25)
@@ -33,3 +41,3 @@
 
-     <a name="1.0.8"></a>
+    <a name="1.0.8"></a>
 ## [1.0.8](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/builder-table@1.0.7...@cloudflare/builder-table@1.0.8) (2018-05-24)
@@ -42,3 +50,3 @@
 
-    <a name="1.0.7"></a>
+   <a name="1.0.7"></a>
 ## [1.0.7](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/builder-table@1.0.6...@cloudflare/builder-table@1.0.7) (2018-05-24)
@@ -51,3 +59,3 @@
 
-   <a name="1.0.6"></a>
+  <a name="1.0.6"></a>
 ## [1.0.6](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/builder-table@1.0.5...@cloudflare/builder-table@1.0.6) (2018-05-24)
@@ -60,3 +68,3 @@
 
-  <a name="1.0.5"></a>
+ <a name="1.0.5"></a>
 ## [1.0.5](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/builder-table@1.0.4...@cloudflare/builder-table@1.0.5) (2018-05-23)
@@ -69,3 +77,3 @@
 
- <a name="1.0.4"></a>
+<a name="1.0.4"></a>
 ## [1.0.4](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/builder-table@1.0.3...@cloudflare/builder-table@1.0.4) (2018-05-17)
@@ -72,0 +80,0 @@

es/index.js

@@ -1,4 +0,17 @@
-import TableBuilder from './TableBuilder';
-import TableBuilderPropTypes from './TableBuilderPropTypes';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableBuilderPropTypes = exports.TableBuilder = undefined;
 
-export { TableBuilder, TableBuilderPropTypes };
+var _TableBuilder = require('./TableBuilder');
+
+var _TableBuilder2 = _interopRequireDefault(_TableBuilder);
+
+var _TableBuilderPropTypes = require('./TableBuilderPropTypes');
+
+var _TableBuilderPropTypes2 = _interopRequireDefault(_TableBuilderPropTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.TableBuilder = _TableBuilder2.default;
+exports.TableBuilderPropTypes = _TableBuilderPropTypes2.default;

es/TableBuilder.js

@@ -0,9 +1,25 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-import React from 'react';
-import PropTypes from 'prop-types';
-import TableBuilderPropTypes from './TableBuilderPropTypes';
-import { Table, TableBody, TableHead, TableCell, TableRow } from '@cloudflare/component-table';
-import { Sortable } from '@cloudflare/component-sortable';
+var _react = require('react');
 
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _TableBuilderPropTypes = require('./TableBuilderPropTypes');
+
+var _TableBuilderPropTypes2 = _interopRequireDefault(_TableBuilderPropTypes);
+
+var _index = require('@cloudflare/component-table/src/index.js');
+
+var _index2 = require('@cloudflare/component-sortable/src/index.js');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var TableBuilder = function TableBuilder(_ref) {
@@ -15,10 +31,10 @@ var rows = _ref.rows,
       rowHover = _ref.rowHover;
-  return React.createElement(
-    Table,
+  return _react2.default.createElement(
+    _index.Table,
     { fixedLayout: fixedLayout, bordered: bordered },
-    React.createElement(
-      TableHead,
+    _react2.default.createElement(
+      _index.TableHead,
       null,
-      React.createElement(
-        TableRow,
+      _react2.default.createElement(
+        _index.TableRow,
         null,
@@ -29,4 +45,4 @@ columns.map(function (_ref2, index) {
               sortProps = _ref2.sortProps;
-          return sortProps ? React.createElement(
-            Sortable,
+          return sortProps ? _react2.default.createElement(
+            _index2.Sortable,
             _extends({ key: index }, sortProps),
@@ -36,12 +52,12 @@ function (_ref3) {
                   Arrow = _ref3.Arrow;
-              return React.createElement(
-                TableCell,
+              return _react2.default.createElement(
+                _index.TableCell,
                 _extends({}, props, { align: align }),
                 label,
                 ' ',
-                React.createElement(Arrow, null)
+                _react2.default.createElement(Arrow, null)
               );
             }
-          ) : React.createElement(
-            TableCell,
+          ) : _react2.default.createElement(
+            _index.TableCell,
             { key: index, align: align },
@@ -53,12 +69,12 @@ label
     ),
-    React.createElement(
-      TableBody,
+    _react2.default.createElement(
+      _index.TableBody,
       null,
       rows.map(function (row, idx) {
-        return React.createElement(
-          TableRow,
+        return _react2.default.createElement(
+          _index.TableRow,
           { key: idx, hover: rowHover },
           columns.map(function (column, index) {
-            return React.createElement(
-              TableCell,
+            return _react2.default.createElement(
+              _index.TableCell,
               {
@@ -79,9 +95,9 @@ key: index,
 TableBuilder.propTypes = {
-  rows: TableBuilderPropTypes.rows.isRequired,
-  columns: TableBuilderPropTypes.columns.isRequired,
-  fixedLayout: PropTypes.bool,
-  bordered: PropTypes.bool,
-  rowHover: PropTypes.bool
+  rows: _TableBuilderPropTypes2.default.rows.isRequired,
+  columns: _TableBuilderPropTypes2.default.columns.isRequired,
+  fixedLayout: _propTypes2.default.bool,
+  bordered: _propTypes2.default.bool,
+  rowHover: _propTypes2.default.bool
 };
 
-export default TableBuilder;
+exports.default = TableBuilder;

es/TableBuilderPropTypes.js

@@ -1,19 +0,28 @@
-import 'react';
-import PropTypes from 'prop-types';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
-var row = PropTypes.object;
+require('react');
 
-var rows = PropTypes.arrayOf(row);
+var _propTypes = require('prop-types');
 
-var column = PropTypes.shape({
-  label: PropTypes.string.isRequired,
-  cell: PropTypes.func.isRequired,
-  columnHover: PropTypes.bool,
-  align: PropTypes.string,
-  sortProps: PropTypes.object
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var row = _propTypes2.default.object;
+
+var rows = _propTypes2.default.arrayOf(row);
+
+var column = _propTypes2.default.shape({
+  label: _propTypes2.default.string.isRequired,
+  cell: _propTypes2.default.func.isRequired,
+  columnHover: _propTypes2.default.bool,
+  align: _propTypes2.default.string,
+  sortProps: _propTypes2.default.object
 });
 
-var columns = PropTypes.arrayOf(column);
+var columns = _propTypes2.default.arrayOf(column);
 
-export default {
+exports.default = {
   row: row,
@@ -20,0 +29,0 @@ rows: rows,

lib/TableBuilder.js

@@ -21,52 +21,72 @@ 'use strict';
 
-var _componentTable = require('@cloudflare/component-table');
+var _index = require('@cloudflare/component-table/src/index.js');
 
-var _componentSortable = require('@cloudflare/component-sortable');
+var _index2 = require('@cloudflare/component-sortable/src/index.js');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const TableBuilder = ({ rows, columns, fixedLayout, bordered, rowHover }) => _react2.default.createElement(
-  _componentTable.Table,
-  { fixedLayout: fixedLayout, bordered: bordered },
-  _react2.default.createElement(
-    _componentTable.TableHead,
-    null,
+var TableBuilder = function TableBuilder(_ref) {
+  var rows = _ref.rows,
+      columns = _ref.columns,
+      fixedLayout = _ref.fixedLayout,
+      bordered = _ref.bordered,
+      rowHover = _ref.rowHover;
+  return _react2.default.createElement(
+    _index.Table,
+    { fixedLayout: fixedLayout, bordered: bordered },
     _react2.default.createElement(
-      _componentTable.TableRow,
+      _index.TableHead,
       null,
-      columns.map(({ label, align, sortProps }, index) => sortProps ? _react2.default.createElement(
-        _componentSortable.Sortable,
-        _extends({ key: index }, sortProps),
-        ({ props, Arrow }) => _react2.default.createElement(
-          _componentTable.TableCell,
-          _extends({}, props, { align: align }),
-          label,
-          ' ',
-          _react2.default.createElement(Arrow, null)
-        )
-      ) : _react2.default.createElement(
-        _componentTable.TableCell,
-        { key: index, align: align },
-        label
-      ))
+      _react2.default.createElement(
+        _index.TableRow,
+        null,
+        columns.map(function (_ref2, index) {
+          var label = _ref2.label,
+              align = _ref2.align,
+              sortProps = _ref2.sortProps;
+          return sortProps ? _react2.default.createElement(
+            _index2.Sortable,
+            _extends({ key: index }, sortProps),
+            function (_ref3) {
+              var props = _ref3.props,
+                  Arrow = _ref3.Arrow;
+              return _react2.default.createElement(
+                _index.TableCell,
+                _extends({}, props, { align: align }),
+                label,
+                ' ',
+                _react2.default.createElement(Arrow, null)
+              );
+            }
+          ) : _react2.default.createElement(
+            _index.TableCell,
+            { key: index, align: align },
+            label
+          );
+        })
+      )
+    ),
+    _react2.default.createElement(
+      _index.TableBody,
+      null,
+      rows.map(function (row, idx) {
+        return _react2.default.createElement(
+          _index.TableRow,
+          { key: idx, hover: rowHover },
+          columns.map(function (column, index) {
+            return _react2.default.createElement(
+              _index.TableCell,
+              {
+                key: index,
+                align: column.align,
+                hover: column.columnHover
+              },
+              column.cell(row)
+            );
+          })
+        );
+      })
     )
-  ),
-  _react2.default.createElement(
-    _componentTable.TableBody,
-    null,
-    rows.map((row, idx) => _react2.default.createElement(
-      _componentTable.TableRow,
-      { key: idx, hover: rowHover },
-      columns.map((column, index) => _react2.default.createElement(
-        _componentTable.TableCell,
-        {
-          key: index,
-          align: column.align,
-          hover: column.columnHover
-        },
-        column.cell(row)
-      ))
-    ))
-  )
-);
+  );
+};
 
@@ -73,0 +93,0 @@ TableBuilder.propTypes = {

lib/TableBuilderPropTypes.js

@@ -15,7 +15,7 @@ 'use strict';
 
-const row = _propTypes2.default.object;
+var row = _propTypes2.default.object;
 
-const rows = _propTypes2.default.arrayOf(row);
+var rows = _propTypes2.default.arrayOf(row);
 
-const column = _propTypes2.default.shape({
+var column = _propTypes2.default.shape({
   label: _propTypes2.default.string.isRequired,
@@ -28,9 +28,9 @@ cell: _propTypes2.default.func.isRequired,
 
-const columns = _propTypes2.default.arrayOf(column);
+var columns = _propTypes2.default.arrayOf(column);
 
 exports.default = {
-  row,
-  rows,
-  column,
-  columns
+  row: row,
+  rows: rows,
+  column: column,
+  columns: columns
 };

package.json

 {
   "name": "@cloudflare/builder-table",
   "description": "Cloudflare Table Builder",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "main": "lib/index.js",
@@ -15,4 +15,4 @@ "module": "es/index.js",
   "dependencies": {
-    "@cloudflare/component-sortable": "^1.0.7",
-    "@cloudflare/component-table": "^2.0.7",
+    "@cloudflare/component-sortable": "^1.0.8",
+    "@cloudflare/component-table": "^2.0.8",
     "prop-types": "^15.6.0",
@@ -19,0 +19,0 @@ "raf": "^3.3.2",

No alert changes

Improved metrics

Total package byte prevSize

26718

increased by8.57%

Lines of code

314

increased by14.6%

Dependency changes

• Updated@cloudflare/component-sortable@^1.0.8

• Updated@cloudflare/component-table@^2.0.8