react-interface - npm Package Compare versions

Comparing version 0.9.5-alpha.0.2 to 0.9.5-alpha.0.3

es/components/FlexTable/Cell.js

@@ -1,2 +0,2 @@
-var _templateObject = _taggedTemplateLiteralLoose(['\n  display: flex;\n  flex-flow: row nowrap;\n  flex-grow: ', ';\n  flex-shrink: ', ';\n  flex-basis: ', ';\n  justify-content: ', ';\n  align-items: ', ';\n  padding: 0.5em;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0px;\n  ', '\n'], ['\n  display: flex;\n  flex-flow: row nowrap;\n  flex-grow: ', ';\n  flex-shrink: ', ';\n  flex-basis: ', ';\n  justify-content: ', ';\n  align-items: ', ';\n  padding: 0.5em;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0px;\n  ', '\n']);
+var _templateObject = _taggedTemplateLiteralLoose(['\n  display: flex;\n  flex-direction: ', ';\n  flex-wrap: ', ';\n  flex-grow: ', ';\n  flex-shrink: ', ';\n  flex-basis: ', ';\n  justify-content: ', ';\n  align-items: ', ';\n  padding: 0.5em;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0px;\n  ', '\n'], ['\n  display: flex;\n  flex-direction: ', ';\n  flex-wrap: ', ';\n  flex-grow: ', ';\n  flex-shrink: ', ';\n  flex-basis: ', ';\n  justify-content: ', ';\n  align-items: ', ';\n  padding: 0.5em;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0px;\n  ', '\n']);
 
@@ -13,2 +13,6 @@ 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 Wrapper = styled.div(_templateObject, function (props) {
+  return props.direction;
+}, function (props) {
+  return props.wrap;
+}, function (props) {
   return props.grow;
@@ -41,3 +45,5 @@ }, function (props) {
   align: 'initial',
-  justify: 'start'
+  justify: 'start',
+  wrap: 'nowrap',
+  direction: 'row'
 };
@@ -50,5 +56,7 @@
   children: PropTypes.node,
-  justify: PropTypes.string
+  justify: PropTypes.string,
+  wrap: PropTypes.string,
+  direction: PropTypes.string
 } : {};
 
 export default Cell;

lib/components/FlexTable/Cell.js

@@ -5,3 +5,3 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteralLoose(['\n  display: flex;\n  flex-flow: row nowrap;\n  flex-grow: ', ';\n  flex-shrink: ', ';\n  flex-basis: ', ';\n  justify-content: ', ';\n  align-items: ', ';\n  padding: 0.5em;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0px;\n  ', '\n'], ['\n  display: flex;\n  flex-flow: row nowrap;\n  flex-grow: ', ';\n  flex-shrink: ', ';\n  flex-basis: ', ';\n  justify-content: ', ';\n  align-items: ', ';\n  padding: 0.5em;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0px;\n  ', '\n']);
+var _templateObject = _taggedTemplateLiteralLoose(['\n  display: flex;\n  flex-direction: ', ';\n  flex-wrap: ', ';\n  flex-grow: ', ';\n  flex-shrink: ', ';\n  flex-basis: ', ';\n  justify-content: ', ';\n  align-items: ', ';\n  padding: 0.5em;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0px;\n  ', '\n'], ['\n  display: flex;\n  flex-direction: ', ';\n  flex-wrap: ', ';\n  flex-grow: ', ';\n  flex-shrink: ', ';\n  flex-basis: ', ';\n  justify-content: ', ';\n  align-items: ', ';\n  padding: 0.5em;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0px;\n  ', '\n']);
 
@@ -29,2 +29,6 @@ var _react = require('react');
 var Wrapper = _styledComponents2.default.div(_templateObject, function (props) {
+  return props.direction;
+}, function (props) {
+  return props.wrap;
+}, function (props) {
   return props.grow;
@@ -57,3 +61,5 @@ }, function (props) {
   align: 'initial',
-  justify: 'start'
+  justify: 'start',
+  wrap: 'nowrap',
+  direction: 'row'
 };
@@ -66,3 +72,5 @@
   children: _propTypes2.default.node,
-  justify: _propTypes2.default.string
+  justify: _propTypes2.default.string,
+  wrap: _propTypes2.default.string,
+  direction: _propTypes2.default.string
 } : {};
@@ -69,0 +77,0 @@

package.json

 {
   "name": "react-interface",
-  "version": "0.9.5-alpha.0.2",
+  "version": "0.9.5-alpha.0.3",
   "description": "react-interface React component",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

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

273830

increased by0.17%

Lines of code

5670

increased by0.28%

No dependency changes