react-flexgrid - npm Package Compare versions

Comparing version 0.8.1 to 1.0.0

lib/__tests__/Col.js

 'use strict';
 
-jest.dontMock('../Col');
+var _react = require('react');
 
+var _react2 = _interopRequireDefault(_react);
+
+var _enzyme = require('enzyme');
+
+var _ = require('../');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 describe('Col', function () {
-  var React = require('react');
-  var ReactDOM = require('react-dom');
-  var TestUtils = require('react-dom/lib/ReactTestUtils');
-  var Col = require('../Col');
+  it('Should add classes equals to props', function () {
+    var enzymeWrapper = (0, _enzyme.shallow)(_react2.default.createElement(_.Col, { xs: 12, sm: 8, md: 6, lg: 4, first: 'xs', last: 'lg' }));
 
-  it('Should add classes equals to props', function () {
-    var col = TestUtils.renderIntoDocument(React.createElement(Col, { xs: 12, sm: 8, md: 6, lg: 4, first: 'xs', last: 'lg' }));
-    var className = ReactDOM.findDOMNode(col).className;
-    expect(className).toContain('col-xs-12');
-    expect(className).toContain('col-sm-8');
-    expect(className).toContain('col-md-6');
-    expect(className).toContain('col-lg-4');
-    expect(className).toContain('first-xs');
-    expect(className).toContain('last-lg');
+    expect(enzymeWrapper.hasClass('col-xs-12')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('col-sm-8')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('col-md-6')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('col-lg-4')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('first-xs')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('last-lg')).toBeTruthy();
   });
 
   it('Should add "reverse" class if "reverse" property is true', function () {
-    var col = TestUtils.renderIntoDocument(React.createElement(Col, { reverse: true }));
-    expect(ReactDOM.findDOMNode(col).className).toContain('reverse');
+    var enzymeWrapper = (0, _enzyme.shallow)(_react2.default.createElement(_.Col, { reverse: true }));
+
+    expect(enzymeWrapper.hasClass('reverse')).toBeTruthy();
   });
 
   it('Should not replace class', function () {
-    var col = TestUtils.renderIntoDocument(React.createElement(Col, { className: 'foo', md: 3 }));
-    var className = ReactDOM.findDOMNode(col).className;
-    expect(className).toContain('foo');
-    expect(className).toContain('col-md-3');
+    var enzymeWrapper = (0, _enzyme.shallow)(_react2.default.createElement(_.Col, { className: 'foo', md: 3 }));
+
+    expect(enzymeWrapper.hasClass('foo')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('col-md-3')).toBeTruthy();
   });
 
   it('Should allow zero offset', function () {
-    var col = TestUtils.renderIntoDocument(React.createElement(Col, { xs: 11, sm: 8, md: 6, lg: 4, xsOffset: 1, smOffset: 0 }));
-    var className = ReactDOM.findDOMNode(col).className;
-    expect(className).toContain('col-xs-11');
-    expect(className).toContain('col-sm-offset-0');
-    expect(className).toContain('col-xs-offset-1');
+    var enzymeWrapper = (0, _enzyme.shallow)(_react2.default.createElement(_.Col, { xs: 11, sm: 8, md: 6, lg: 4, xsOffset: 1, smOffset: 0 }));
+
+    expect(enzymeWrapper.hasClass('col-xs-11')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('col-sm-offset-0')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('col-xs-offset-1')).toBeTruthy();
   });
 });

lib/__tests__/Grid.js

 'use strict';
 
-jest.dontMock('../Grid');
+var _react = require('react');
 
+var _react2 = _interopRequireDefault(_react);
+
+var _enzyme = require('enzyme');
+
+var _ = require('../');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 describe('Grid', function () {
-  var React = require('react');
-  var ReactDOM = require('react-dom');
-  var TestUtils = require('react-dom/lib/ReactTestUtils');
-  var Grid = require('../Grid');
+  it('Should add "container" class', function () {
+    var enzymeWrapper = (0, _enzyme.shallow)(_react2.default.createElement(_.Grid, null));
 
-  it('Should add "container" class', function () {
-    var grid = TestUtils.renderIntoDocument(React.createElement(Grid, null));
-    expect(ReactDOM.findDOMNode(grid).className).toEqual('container');
+    expect(enzymeWrapper.hasClass('container')).toBeTruthy();
   });
 
   it('Should not replace class', function () {
-    var grid = TestUtils.renderIntoDocument(React.createElement(Grid, { className: 'foo' }));
-    var className = ReactDOM.findDOMNode(grid).className;
-    expect(className).toContain('foo');
-    expect(className).toContain('container');
+    var enzymeWrapper = (0, _enzyme.shallow)(_react2.default.createElement(_.Grid, { className: 'foo' }));
+
+    expect(enzymeWrapper.hasClass('foo')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('container')).toBeTruthy();
   });
 
   it('Should add "container-fluid" class if "fluid" property is true', function () {
-    var grid = TestUtils.renderIntoDocument(React.createElement(Grid, { fluid: true }));
-    expect(ReactDOM.findDOMNode(grid).className).toEqual('container-fluid');
+    var enzymeWrapper = (0, _enzyme.shallow)(_react2.default.createElement(_.Grid, { fluid: true }));
+
+    expect(enzymeWrapper.hasClass('container-fluid')).toBeTruthy();
   });
 });

lib/__tests__/Row.js

 'use strict';
 
-jest.dontMock('../Row');
+var _react = require('react');
 
+var _react2 = _interopRequireDefault(_react);
+
+var _enzyme = require('enzyme');
+
+var _ = require('../');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 describe('Row', function () {
-  var React = require('react');
-  var ReactDOM = require('react-dom');
-  var TestUtils = require('react-dom/lib/ReactTestUtils');
-  var Row = require('../Row');
+  it('Should add "row" class', function () {
+    var enzymeWrapper = (0, _enzyme.shallow)(_react2.default.createElement(_.Row, null));
 
-  it('Should add "row" class', function () {
-    var row = TestUtils.renderIntoDocument(React.createElement(Row, null));
-    expect(ReactDOM.findDOMNode(row).className).toEqual('row');
+    expect(enzymeWrapper.hasClass('row')).toBeTruthy();
   });
 
   it('Should add "reverse" class if "reverse" property is true', function () {
-    var row = TestUtils.renderIntoDocument(React.createElement(Row, { reverse: true }));
-    expect(ReactDOM.findDOMNode(row).className).toContain('reverse');
+    var enzymeWrapper = (0, _enzyme.shallow)(_react2.default.createElement(_.Row, { reverse: true }));
+
+    expect(enzymeWrapper.hasClass('reverse')).toBeTruthy();
   });
 
   it('Should not replace class', function () {
-    var row = TestUtils.renderIntoDocument(React.createElement(Row, { className: 'foo' }));
-    var className = ReactDOM.findDOMNode(row).className;
-    expect(className).toContain('foo');
-    expect(className).toContain('row');
+    var enzymeWrapper = (0, _enzyme.shallow)(_react2.default.createElement(_.Row, { className: 'foo' }));
+
+    expect(enzymeWrapper.hasClass('foo')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('row')).toBeTruthy();
   });
 
   it('Should add modificators', function () {
-    var row = TestUtils.renderIntoDocument(React.createElement(Row, {
+    var enzymeWrapper = (0, _enzyme.shallow)(_react2.default.createElement(_.Row, {
       start: 'xs',
@@ -39,14 +44,13 @@ center: 'sm',
     }));
-    var className = ReactDOM.findDOMNode(row).className;
 
-    expect(className).toContain('row');
-    expect(className).toContain('start-xs');
-    expect(className).toContain('center-sm');
-    expect(className).toContain('end-md');
-    expect(className).toContain('top-lg');
-    expect(className).toContain('middle-xs');
-    expect(className).toContain('bottom-sm');
-    expect(className).toContain('around-md');
-    expect(className).toContain('between-lg');
+    expect(enzymeWrapper.hasClass('row')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('start-xs')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('center-sm')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('end-md')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('top-lg')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('middle-xs')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('bottom-sm')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('around-md')).toBeTruthy();
+    expect(enzymeWrapper.hasClass('between-lg')).toBeTruthy();
   });
 });

lib/Col.js

 'use strict';
 
-var _objectWithoutProperties = require('babel-runtime/helpers/object-without-properties')['default'];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
-var _Object$assign = require('babel-runtime/core-js/object/assign')['default'];
+var _react = require('react');
 
-var React = require('react');
+var _react2 = _interopRequireDefault(_react);
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
 var classMap = {
@@ -22,53 +32,51 @@ xs: 'col-xs-',
 
-var Col = React.createClass({
-  displayName: 'Col',
+var Col = function Col(_ref) {
+  var children = _ref.children,
+      reverse = _ref.reverse,
+      className = _ref.className,
+      other = _objectWithoutProperties(_ref, ['children', 'reverse', 'className']);
 
-  propTypes: {
-    xs: React.PropTypes.number,
-    sm: React.PropTypes.number,
-    md: React.PropTypes.number,
-    lg: React.PropTypes.number,
-    xsOffset: React.PropTypes.number,
-    smOffset: React.PropTypes.number,
-    mdOffset: React.PropTypes.number,
-    lgOffset: React.PropTypes.number,
-    reverse: React.PropTypes.bool,
-    first: React.PropTypes.string,
-    last: React.PropTypes.string
-  },
-  render: function render() {
-    var _props = this.props;
-    var reverse = _props.reverse;
-    var className = _props.className;
+  var classes = [];
 
-    var other = _objectWithoutProperties(_props, ['reverse', 'className']);
+  if (className) {
+    classes.push(className);
+  }
 
-    var classes = [];
+  if (reverse) {
+    classes.push('reverse');
+  }
 
-    if (className) {
-      classes.push(className);
+  var passingProps = {};
+  Object.keys(other).forEach(function (key) {
+    if (classMap[key]) {
+      var value = other[key];
+      if (typeof value !== 'undefined') {
+        classes.push('' + classMap[key] + value);
+      }
+    } else {
+      passingProps[key] = other[key];
     }
+  });
 
-    if (reverse) {
-      classes.push('reverse');
-    }
+  return (0, _react.createElement)('div', Object.assign({}, passingProps, {
+    className: classes.join(' ')
+  }), children);
+};
 
-    var passingProps = {};
-    for (var key in other) {
-      if (classMap[key]) {
-        var value = other[key];
-        if (typeof value !== 'undefined') {
-          classes.push('' + classMap[key] + value);
-        }
-      } else {
-        passingProps[key] = other[key];
-      }
-    }
+Col.propTypes = {
+  children: _propTypes2.default.node,
+  className: _propTypes2.default.string,
+  xs: _propTypes2.default.number,
+  sm: _propTypes2.default.number,
+  md: _propTypes2.default.number,
+  lg: _propTypes2.default.number,
+  xsOffset: _propTypes2.default.number,
+  smOffset: _propTypes2.default.number,
+  mdOffset: _propTypes2.default.number,
+  lgOffset: _propTypes2.default.number,
+  reverse: _propTypes2.default.bool,
+  first: _propTypes2.default.string,
+  last: _propTypes2.default.string
+};
 
-    return React.createElement('div', _Object$assign({}, passingProps, {
-      className: classes.join(' ')
-    }), this.props.children);
-  }
-});
-
-module.exports = Col;
+exports.default = Col;

lib/Grid.js

 'use strict';
 
-var _objectWithoutProperties = require('babel-runtime/helpers/object-without-properties')['default'];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
-var _extends = require('babel-runtime/helpers/extends')['default'];
+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; };
 
-var React = require('react');
-var classNames = require('classnames');
+var _react = require('react');
 
-var Grid = React.createClass({
-  displayName: 'Grid',
+var _react2 = _interopRequireDefault(_react);
 
-  propTypes: {
-    fluid: React.PropTypes.bool
-  },
-  render: function render() {
-    var _props = this.props;
-    var fluid = _props.fluid;
-    var className = _props.className;
+var _propTypes = require('prop-types');
 
-    var other = _objectWithoutProperties(_props, ['fluid', 'className']);
+var _propTypes2 = _interopRequireDefault(_propTypes);
 
-    var containerClass = fluid ? 'container-fluid' : 'container';
-    var _className = classNames(className, containerClass);
+var _classnames = require('classnames');
 
-    return React.createElement(
-      'div',
-      _extends({}, other, { className: _className }),
-      this.props.children
-    );
-  }
-});
+var _classnames2 = _interopRequireDefault(_classnames);
 
-module.exports = Grid;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+var Grid = function Grid(_ref) {
+  var children = _ref.children,
+      fluid = _ref.fluid,
+      className = _ref.className,
+      other = _objectWithoutProperties(_ref, ['children', 'fluid', 'className']);
+
+  var containerClass = fluid ? 'container-fluid' : 'container';
+  var classes = (0, _classnames2.default)(className, containerClass);
+
+  return _react2.default.createElement(
+    'div',
+    _extends({}, other, { className: classes }),
+    children
+  );
+};
+
+Grid.propTypes = {
+  children: _propTypes2.default.node,
+  className: _propTypes2.default.string,
+  fluid: _propTypes2.default.bool
+};
+
+exports.default = Grid;

lib/index.js

 'use strict';
 
-module.exports = {
-  Grid: require('./Grid'),
-  Row: require('./Row'),
-  Col: require('./Col')
-};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Col = exports.Row = exports.Grid = undefined;
+
+var _Grid2 = require('./Grid');
+
+var _Grid3 = _interopRequireDefault(_Grid2);
+
+var _Row2 = require('./Row');
+
+var _Row3 = _interopRequireDefault(_Row2);
+
+var _Col2 = require('./Col');
+
+var _Col3 = _interopRequireDefault(_Col2);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.Grid = _Grid3.default;
+exports.Row = _Row3.default;
+exports.Col = _Col3.default;

lib/Row.js

 'use strict';
 
-var _objectWithoutProperties = require('babel-runtime/helpers/object-without-properties')['default'];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
-var _extends = require('babel-runtime/helpers/extends')['default'];
+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; };
 
-var React = require('react');
-var classNames = require('classnames');
+var _react = require('react');
 
-var ModificatorType = React.PropTypes.oneOf(['xs', 'sm', 'md', 'lg']);
-var modificatorKeys = ['start', 'center', 'end', 'top', 'middle', 'bottom', 'around', 'between'];
+var _react2 = _interopRequireDefault(_react);
 
-var Row = React.createClass({
-  displayName: 'Row',
+var _propTypes = require('prop-types');
 
-  propTypes: {
-    reverse: React.PropTypes.bool,
-    start: ModificatorType,
-    center: ModificatorType,
-    end: ModificatorType,
-    top: ModificatorType,
-    middle: ModificatorType,
-    bottom: ModificatorType,
-    around: ModificatorType,
-    between: ModificatorType
-  },
-  render: function render() {
-    var _props = this.props;
-    var reverse = _props.reverse;
-    var className = _props.className;
-    var children = _props.children;
+var _propTypes2 = _interopRequireDefault(_propTypes);
 
-    var other = _objectWithoutProperties(_props, ['reverse', 'className', 'children']);
+var _classnames = require('classnames');
 
-    var modificators = ['row'];
-    var passingProps = {};
-    for (var key in other) {
-      if (modificatorKeys.indexOf(key) > -1) {
-        var value = other[key];
-        if (value) {
-          modificators.push(key + '-' + value);
-        }
-      } else {
-        passingProps[key] = other[key];
+var _classnames2 = _interopRequireDefault(_classnames);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+var modificatorKeys = ['start', 'center', 'end', 'top', 'middle', 'bottom', 'around', 'between'];
+
+var Row = function Row(_ref) {
+  var reverse = _ref.reverse,
+      className = _ref.className,
+      children = _ref.children,
+      other = _objectWithoutProperties(_ref, ['reverse', 'className', 'children']);
+
+  var modificators = ['row'];
+  var passingProps = {};
+  Object.keys(other).forEach(function (key) {
+    if (modificatorKeys.includes(key)) {
+      var value = other[key];
+      if (value) {
+        modificators.push(key + '-' + value);
       }
+    } else {
+      passingProps[key] = other[key];
     }
+  });
 
-    if (reverse) {
-      modificators.push('reverse');
-    }
+  if (reverse) {
+    modificators.push('reverse');
+  }
 
-    var _className = classNames(className, modificators);
+  var classes = (0, _classnames2.default)(className, modificators);
 
-    return React.createElement(
-      'div',
-      _extends({}, passingProps, { className: _className }),
-      children
-    );
-  }
-});
+  return _react2.default.createElement(
+    'div',
+    _extends({}, passingProps, { className: classes }),
+    children
+  );
+};
 
-module.exports = Row;
+var ModificatorType = _propTypes2.default.oneOf(['xs', 'sm', 'md', 'lg']);
+
+Row.propTypes = {
+  children: _propTypes2.default.node,
+  className: _propTypes2.default.string,
+  reverse: _propTypes2.default.bool,
+  start: ModificatorType,
+  center: ModificatorType,
+  end: ModificatorType,
+  top: ModificatorType,
+  middle: ModificatorType,
+  bottom: ModificatorType,
+  around: ModificatorType,
+  between: ModificatorType
+};
+
+exports.default = Row;

package.json

 {
   "name": "react-flexgrid",
-  "version": "0.8.1",
+  "version": "1.0.0",
   "description": "Flexbox grid for react apps",
@@ -26,19 +26,29 @@ "keywords": [
   "peerDependencies": {
-    "react": ">=0.12.0",
-    "babel-runtime": ">=5.1.11",
-    "classnames": ">=2.1.2"
+    "classnames": ">=2.1.2",
+    "prop-types": "^15.5.8",
+    "react": ">=0.14.0"
   },
   "devDependencies": {
-    "babel": "^5.1.11",
-    "babel-eslint": "^4.1.7",
-    "babel-jest": "^5.0.1",
-    "babel-runtime": ">=5.1.11",
-    "eslint": "^0.22.1",
-    "eslint-plugin-react": "^2.2.0",
-    "jest-cli": "^0.5.0",
+    "babel-cli": "^6.24.1",
+    "babel-core": "^6.24.1",
+    "babel-eslint": "^7.2.3",
+    "babel-jest": "^19.0.0",
+    "babel-plugin-transform-export-extensions": "^6.22.0",
+    "babel-plugin-transform-object-rest-spread": "^6.23.0",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-react": "^6.24.1",
+    "classnames": ">=2.1.2",
+    "enzyme": "^2.8.2",
+    "eslint": "^3.19.0",
+    "eslint-config-airbnb": "^14.1.0",
+    "eslint-plugin-import": "^2.2.0",
+    "eslint-plugin-jsx-a11y": "^4.0.0",
+    "eslint-plugin-react": "^6.10.3",
+    "jest": "^19.0.2",
     "less": "^2.5.1",
     "less-plugin-autoprefix": "^1.4.2",
-    "react": ">=0.12.0",
-    "react-dom": ">=0.12.0",
-    "classnames": ">=2.1.2"
+    "prop-types": "^15.5.8",
+    "react": ">=0.14.0",
+    "react-dom": "^15.5.4",
+    "react-test-renderer": "^15.5.4"
   },
@@ -55,7 +65,5 @@ "scripts": {
   "jest": {
-    "scriptPreprocessor": "<rootDir>/node_modules/babel-jest",
-    "testFileExtensions": [
-      "jsx",
-      "js"
-    ],
+    "transform": {
+      ".*": "<rootDir>/node_modules/babel-jest"
+    },
     "moduleFileExtensions": [
@@ -65,11 +73,4 @@ "jsx",
       "json"
-    ],
-    "unmockedModulePathPatterns": [
-      "react",
-      "<rootDir>/node_modules/react-dom",
-      "<rootDir>/node_modules/babel",
-      "<rootDir>/node_modules/babel-runtime",
-      "<rootDir>/node_modules/classnames"
     ]
   }
 }

src/Col.js

@@ -1,2 +0,3 @@
-const React = require('react');
+import React, { createElement } from 'react';
+import PropTypes from 'prop-types';
 
@@ -13,49 +14,49 @@ const classMap = {
   first: 'first-',
-  last: 'last-'
+  last: 'last-',
 };
 
-const Col = React.createClass({
-  propTypes: {
-    xs: React.PropTypes.number,
-    sm: React.PropTypes.number,
-    md: React.PropTypes.number,
-    lg: React.PropTypes.number,
-    xsOffset: React.PropTypes.number,
-    smOffset: React.PropTypes.number,
-    mdOffset: React.PropTypes.number,
-    lgOffset: React.PropTypes.number,
-    reverse: React.PropTypes.bool,
-    first: React.PropTypes.string,
-    last: React.PropTypes.string
-  },
-  render() {
-    const { reverse, className, ...other} = this.props;
-    let classes = [];
+const Col = ({ children, reverse, className, ...other }) => {
+  const classes = [];
 
-    if (className) {
-      classes.push(className);
-    }
+  if (className) {
+    classes.push(className);
+  }
 
-    if (reverse) {
-      classes.push('reverse');
-    }
+  if (reverse) {
+    classes.push('reverse');
+  }
 
-    let passingProps = {};
-    for (let key in other) {
-      if (classMap[key]) {
-        const value = other[key];
-        if (typeof value !== 'undefined') {
-          classes.push(`${classMap[key]}${value}`);
-        }
-      } else {
-        passingProps[key] = other[key];
+  const passingProps = {};
+  Object.keys(other).forEach((key) => {
+    if (classMap[key]) {
+      const value = other[key];
+      if (typeof value !== 'undefined') {
+        classes.push(`${classMap[key]}${value}`);
       }
+    } else {
+      passingProps[key] = other[key];
     }
+  });
 
-    return React.createElement('div', Object.assign({}, passingProps, {
-      className: classes.join(' ')
-    }), this.props.children);
-  }
-});
+  return createElement('div', Object.assign({}, passingProps, {
+    className: classes.join(' '),
+  }), children);
+};
 
-module.exports = Col;
+Col.propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  xs: PropTypes.number,
+  sm: PropTypes.number,
+  md: PropTypes.number,
+  lg: PropTypes.number,
+  xsOffset: PropTypes.number,
+  smOffset: PropTypes.number,
+  mdOffset: PropTypes.number,
+  lgOffset: PropTypes.number,
+  reverse: PropTypes.bool,
+  first: PropTypes.string,
+  last: PropTypes.string,
+};
+
+export default Col;

src/index.js

@@ -1,5 +0,3 @@
-module.exports = {
-  Grid: require('./Grid'),
-  Row: require('./Row'),
-  Col: require('./Col')
-};
+export Grid from './Grid';
+export Row from './Row';
+export Col from './Col';

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Lines of code

1201

increased by0.5%

Number of low quality alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

46193

decreased by-66.46%

Dev dependency count

22

increased by83.33%

Number of package files

24

decreased by-7.69%

No dependency changes