styled-bootstrap-grid - npm Package Compare versions

Comparing version 0.0.11 to 0.1.0-beta0.1

dist/Col.js

@@ -13,2 +13,6 @@ 'use strict';
 
+var _buildProps = require('./utils/buildProps');
+
+var _buildProps2 = _interopRequireDefault(_buildProps);
+
 var _styled = require('./styled');
@@ -36,7 +40,3 @@
 
-  var otherProps = Object.keys(props).filter(function (key) {
-    return propsKeys.indexOf(key) === -1;
-  }).reduce(function (acc, key) {
-    return acc[key] = props[key];
-  }, {});
+  var otherProps = (0, _buildProps2.default)(props, propsKeys);
 
@@ -49,6 +49,6 @@ var dataName = '';
   if (smOffset) {
-    dataName = dataName + 'offset-sm-' + smOffset;
+    dataName = dataName + 'offset-sm-' + smOffset + ' ';
   }
   if (smPush) {
-    dataName = dataName + 'push-sm-' + smPush;
+    dataName = dataName + 'push-sm-' + smPush + ' ';
   }
@@ -61,6 +61,6 @@
   if (mdOffset) {
-    dataName = dataName + 'offset-md-' + mdOffset;
+    dataName = dataName + 'offset-md-' + mdOffset + ' ';
   }
   if (mdPush) {
-    dataName = dataName + 'push-md-' + mdPush;
+    dataName = dataName + 'push-md-' + mdPush + ' ';
   }
@@ -73,6 +73,6 @@
   if (mdOffset) {
-    dataName = dataName + 'offset-md-' + mdOffset;
+    dataName = dataName + 'offset-md-' + mdOffset + ' ';
   }
   if (mdPush) {
-    dataName = dataName + 'push-md-' + mdPush;
+    dataName = dataName + 'push-md-' + mdPush + ' ';
   }
@@ -82,9 +82,9 @@
   if (xl) {
-    dataName = dataName + 'col-xl-' + xl;
+    dataName = dataName + 'col-xl-' + xl + ' ';
   }
   if (xlOffset) {
-    dataName = dataName + 'offset-xl-' + xlOffset;
+    dataName = dataName + 'offset-xl-' + xlOffset + ' ';
   }
   if (xlPush) {
-    dataName = dataName + 'push-xl-' + xlPush;
+    dataName = dataName + 'push-xl-' + xlPush + ' ';
   }
@@ -91,0 +91,0 @@

dist/Container.js

@@ -13,2 +13,6 @@ 'use strict';
 
+var _buildProps = require('./utils/buildProps');
+
+var _buildProps2 = _interopRequireDefault(_buildProps);
+
 var _styled = require('./styled');
@@ -25,7 +29,3 @@
 
-  var otherProps = Object.keys(props).filter(function (key) {
-    return propsKeys.indexOf(key) === -1;
-  }).reduce(function (acc, key) {
-    return acc[key] = props[key];
-  }, {});
+  var otherProps = (0, _buildProps2.default)(props, propsKeys);
 
@@ -32,0 +32,0 @@ if (fluid) {

dist/Row.js

@@ -13,2 +13,6 @@ 'use strict';
 
+var _buildProps = require('./utils/buildProps');
+
+var _buildProps2 = _interopRequireDefault(_buildProps);
+
 var _styled = require('./styled');
@@ -24,7 +28,3 @@
 
-  var otherProps = Object.keys(props).filter(function (key) {
-    return propsKeys.indexOf(key) === -1;
-  }).reduce(function (acc, key) {
-    return acc[key] = props[key];
-  }, {});
+  var otherProps = (0, _buildProps2.default)(props, propsKeys);
 
@@ -31,0 +31,0 @@ return _react2.default.createElement(

package.json

 {
   "name": "styled-bootstrap-grid",
-  "version": "0.0.11",
+  "version": "0.1.0-beta0.1",
   "description": "bootstrap grid system using styled components",
@@ -27,4 +27,6 @@ "main": "dist/index.js",
   "homepage": "https://github.com/dragma/styled-bootstrap-grid#readme",
+  "peerDependencies": {
+    "react": "^0.14.0 || ^15.0.0-0"
+  },
   "dependencies": {
-    "react": "^15.4.2",
     "styled-components": "^1.4.4"
@@ -31,0 +33,0 @@ },

README.md

@@ -10,3 +10,3 @@ # styled-bootstrap-grid
 This module is also based on the [Twitter Bootstrap](https://v4-alpha.getbootstrap.com/getting-started/download/) v4.0.0-alpha.6 layout CSS.
-**The css provided to styled components is not mine.**
+**The css provided to styled bootstrap grid is not mine.**
 
@@ -13,0 +13,0 @@ > For more information about how does this grid system works *(I mean with classes like containers, row, col, offset, push)* , please refer to the official [Twitter Bootstrap layout documentation](https://v4-alpha.getbootstrap.com/layout/overview/).

src/Col.jsx

 import React from 'react';
 
+import buildProps from './utils/buildProps';
 import { Col } from './styled';
 
-
 const col = (props) => {
@@ -40,7 +40,3 @@
 
-  const otherProps =
-    Object
-      .keys(props)
-      .filter(key => propsKeys.indexOf(key) === -1)
-      .reduce((acc, key) => (acc[key] = props[key]), {});
+  const otherProps = buildProps(props, propsKeys);
 
@@ -53,6 +49,6 @@ let dataName = '';
   if (smOffset) {
-    dataName = `${dataName}offset-sm-${smOffset}`;
+    dataName = `${dataName}offset-sm-${smOffset} `;
   }
   if (smPush) {
-    dataName = `${dataName}push-sm-${smPush}`;
+    dataName = `${dataName}push-sm-${smPush} `;
   }
@@ -65,6 +61,6 @@
   if (mdOffset) {
-    dataName = `${dataName}offset-md-${mdOffset}`;
+    dataName = `${dataName}offset-md-${mdOffset} `;
   }
   if (mdPush) {
-    dataName = `${dataName}push-md-${mdPush}`;
+    dataName = `${dataName}push-md-${mdPush} `;
   }
@@ -77,6 +73,6 @@
   if (mdOffset) {
-    dataName = `${dataName}offset-md-${mdOffset}`;
+    dataName = `${dataName}offset-md-${mdOffset} `;
   }
   if (mdPush) {
-    dataName = `${dataName}push-md-${mdPush}`;
+    dataName = `${dataName}push-md-${mdPush} `;
   }
@@ -86,9 +82,9 @@
   if (xl) {
-    dataName = `${dataName}col-xl-${xl}`;
+    dataName = `${dataName}col-xl-${xl} `;
   }
   if (xlOffset) {
-    dataName = `${dataName}offset-xl-${xlOffset}`;
+    dataName = `${dataName}offset-xl-${xlOffset} `;
   }
   if (xlPush) {
-    dataName = `${dataName}push-xl-${xlPush}`;
+    dataName = `${dataName}push-xl-${xlPush} `;
   }
@@ -95,0 +91,0 @@

src/Container.jsx

 import React from 'react';
 
+import buildProps from './utils/buildProps';
 import { Container, ContainerFluid } from './styled';
@@ -13,7 +14,3 @@
 
-  const otherProps =
-    Object
-      .keys(props)
-      .filter(key => propsKeys.indexOf(key) === -1)
-      .reduce((acc, key) => (acc[key] = props[key]), {});
+  const otherProps = buildProps(props, propsKeys);
 
@@ -20,0 +17,0 @@ if (fluid) {

src/Row.jsx

 import React from 'react';
 
+import buildProps from './utils/buildProps';
 import { Row } from './styled';
@@ -12,7 +13,3 @@
 
-  const otherProps =
-    Object
-      .keys(props)
-      .filter(key => propsKeys.indexOf(key) === -1)
-      .reduce((acc, key) => (acc[key] = props[key]), {});
+  const otherProps = buildProps(props, propsKeys);
 
@@ -19,0 +16,0 @@ return <Row

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

39843

increased by1.73%

Number of package files

29

increased by7.41%

Lines of code

949

increased by1.28%

Dependency changes

• - Removedreact@^15.4.2