@bsara/react-layouts - npm Package Compare versions

Comparing version 1.3.2 to 1.3.3

CHANGELOG.md

@@ -0,1 +1,7 @@
+## v1.3.3 - 2018-10-30
+
+- **[New Feature]** Added `wrap` prop to `LinearLayout` and `ResponsiveLinearLayout`,
+  which allows wrapping when the list is rendered.
+
+
 ## v1.3.2 - 2018-10-23
@@ -2,0 +8,0 @@

dist/GridLayout/GridLayout.js

@@ -8,3 +8,3 @@ 'use strict';
 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; }; /** !
-                                                                                                                                                                                                                                                                   * @bsara/react-layouts v1.3.2
+                                                                                                                                                                                                                                                                   * @bsara/react-layouts v1.3.3
                                                                                                                                                                                                                                                                    *
@@ -11,0 +11,0 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)

dist/LinearLayout/LinearLayout.js

@@ -8,3 +8,3 @@ 'use strict';
 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; }; /** !
-                                                                                                                                                                                                                                                                   * @bsara/react-layouts v1.3.2
+                                                                                                                                                                                                                                                                   * @bsara/react-layouts v1.3.3
                                                                                                                                                                                                                                                                    *
@@ -38,2 +38,3 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)
     'linear-layout-inline': 'rl-2d8e36e6',
+    'linear-layout-wrapped': 'rl-d0b0655e',
     'linear-layout-horizontal': 'rl-b6ac2d51',
@@ -62,2 +63,6 @@ 'linear-layout-horizontal-with-item-gap': 'rl-82f88bdb',
 
+  if (props.wrap) {
+    styleNames += ' linear-layout-wrapped';
+  }
+
   return _react2.default.createElement(
@@ -80,2 +85,3 @@ 'div',
   inline: _propTypes2.default.bool,
+  wrap: _propTypes2.default.bool,
   omitItemGap: _propTypes2.default.bool
@@ -82,0 +88,0 @@ };

dist/ResponsiveLinearLayout/ResponsiveLinearLayout.js

@@ -8,3 +8,3 @@ 'use strict';
 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; }; /** !
-                                                                                                                                                                                                                                                                   * @bsara/react-layouts v1.3.2
+                                                                                                                                                                                                                                                                   * @bsara/react-layouts v1.3.3
                                                                                                                                                                                                                                                                    *
@@ -56,3 +56,4 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)
   direction: _propTypes2.default.oneOf(['h', 'horiz', 'horizontal', 'v', 'vert', 'vertical']),
-  inline: _propTypes2.default.bool
+  inline: _propTypes2.default.bool,
+  wrap: _propTypes2.default.bool
 };
@@ -59,0 +60,0 @@

dist/utils.js

@@ -9,3 +9,3 @@ 'use strict';
 /** !
- * @bsara/react-layouts v1.3.2
+ * @bsara/react-layouts v1.3.3
  *
@@ -12,0 +12,0 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)

GridLayout.js

 /** !
- * @bsara/react-layouts v1.3.2
+ * @bsara/react-layouts v1.3.3
  *
@@ -4,0 +4,0 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)

LinearLayout.js

 /** !
- * @bsara/react-layouts v1.3.2
+ * @bsara/react-layouts v1.3.3
  *
@@ -4,0 +4,0 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)

package.json

 {
   "name": "@bsara/react-layouts",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "A collection of generic, reusable layout components for React",
@@ -5,0 +5,0 @@ "authors": [

README.md

@@ -71,3 +71,7 @@ # @bsara/react-layouts [![NPM Package](https://img.shields.io/npm/v/@bsara/react-layouts.svg?style=flat-square)][npm]
   element.
+  
+- **wrap** `?Boolean` - *Default = `false`*
 
+  When `true`, list will be allowed to wrap instead of overflow.
+
 - **ref** `?Function`
@@ -207,3 +211,7 @@
   element.
+  
+- **wrap** `?Boolean` - *Default = `false`*
 
+  When `true`, list will be allowed to wrap instead of overflow.
+
 - **ref** `?Function`
@@ -210,0 +218,0 @@

ResponsiveLinearLayout.js

 /** !
- * @bsara/react-layouts v1.3.2
+ * @bsara/react-layouts v1.3.3
  *
@@ -4,0 +4,0 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)

src/GridLayout/GridLayout.jsx

 /** !
- * @bsara/react-layouts v1.3.2
+ * @bsara/react-layouts v1.3.3
  *
@@ -4,0 +4,0 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)

src/LinearLayout/LinearLayout.jsx

 /** !
- * @bsara/react-layouts v1.3.2
+ * @bsara/react-layouts v1.3.3
  *
@@ -34,3 +34,7 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)
 
+  if (props.wrap) {
+    styleNames += ' linear-layout-wrapped';
+  }
 
+
   return (
@@ -53,2 +57,3 @@ <div {...pickGlobalHtmlAttributeProps(props)} ref={ref || props.domRef} className={props.className} styleName={styleNames}>
   inline:      PropTypes.bool,
+  wrap:        PropTypes.bool,
   omitItemGap: PropTypes.bool
@@ -55,0 +60,0 @@ };

src/ResponsiveLinearLayout/ResponsiveLinearLayout.jsx

 /** !
- * @bsara/react-layouts v1.3.2
+ * @bsara/react-layouts v1.3.3
  *
@@ -43,5 +43,6 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)
   direction: PropTypes.oneOf([ 'h', 'horiz', 'horizontal', 'v', 'vert', 'vertical' ]),
-  inline:    PropTypes.bool
+  inline:    PropTypes.bool,
+  wrap:      PropTypes.bool
 };
 
 export default ResponsiveLinearLayout;

src/utils.js

 /* eslint-disable import/prefer-default-export */
 /** !
- * @bsara/react-layouts v1.3.2
+ * @bsara/react-layouts v1.3.3
  *
@@ -5,0 +5,0 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)

No alert changes

Improved metrics

Total package byte prevSize

60571

increased by1.86%

Lines of code

645

increased by2.71%

Number of lines in readme file

489

increased by1.66%

No dependency changes