@bsara/react-layouts - npm Package Compare versions

Comparing version 1.3.1 to 1.3.2

CHANGELOG.md

@@ -1,5 +0,6 @@
-## v1.3.1 - 2018-10-23
+## v1.3.2 - 2018-10-23
 
 - **[Bug Fix]** Fixed `className` issues introduced in previous release where the
-  `className` prop was being ignored. 
+  `className` prop was being ignored.
+- **[Bug Fix]** Fixed usage of `forwardRef` in all components. 
 
@@ -6,0 +7,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.1
+                                                                                                                                                                                                                                                                   * @bsara/react-layouts v1.3.2
                                                                                                                                                                                                                                                                    *
@@ -42,3 +42,3 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)
 
-function _GridLayout(props) {
+function _GridLayout(props, ref) {
   var styleNames = 'grid-layout';
@@ -52,4 +52,3 @@
     'div',
-    _extends({ ref: props.domRef }, (0, _utils.pickGlobalHtmlAttributeProps)(props), {
-      className: (props.className ? props.className + ' ' : '') + (0, _getClassName3.default)(styleNames, _styleModuleImportMap)
+    _extends({}, (0, _utils.pickGlobalHtmlAttributeProps)(props), { ref: ref || props.domRef, className: (props.className ? props.className + ' ' : '') + (0, _getClassName3.default)(styleNames, _styleModuleImportMap)
     }),
@@ -56,0 +55,0 @@ props.children

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.1
+                                                                                                                                                                                                                                                                   * @bsara/react-layouts v1.3.2
                                                                                                                                                                                                                                                                    *
@@ -46,3 +46,3 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)
 
-function _LinearLayout(props) {
+function _LinearLayout(props, ref) {
   var isDirectionVertical = props.direction === 'v' || props.direction === 'vert' || props.direction === 'vertical';
@@ -64,4 +64,3 @@
     'div',
-    _extends({ ref: props.domRef }, (0, _utils.pickGlobalHtmlAttributeProps)(props), {
-      className: (props.className ? props.className + ' ' : '') + (0, _getClassName3.default)(styleNames, _styleModuleImportMap)
+    _extends({}, (0, _utils.pickGlobalHtmlAttributeProps)(props), { ref: ref || props.domRef, className: (props.className ? props.className + ' ' : '') + (0, _getClassName3.default)(styleNames, _styleModuleImportMap)
     }),
@@ -68,0 +67,0 @@ props.children

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.1
+                                                                                                                                                                                                                                                                   * @bsara/react-layouts v1.3.2
                                                                                                                                                                                                                                                                    *
@@ -34,7 +34,7 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)
 
-function _ResponsiveLinearLayout(props) {
+function _ResponsiveLinearLayout(props, ref) {
   return _react2.default.createElement(
     _LinearLayout2.default,
-    _extends({ ref: props.domRef
-    }, (0, _utils.pickGlobalHtmlAttributeProps)(props), {
+    _extends({}, (0, _utils.pickGlobalHtmlAttributeProps)(props), {
+      ref: ref || props.domRef,
       direction: props.direction,
@@ -41,0 +41,0 @@ inline: props.inline,

dist/utils.js

@@ -9,3 +9,3 @@ 'use strict';
 /** !
- * @bsara/react-layouts v1.3.1
+ * @bsara/react-layouts v1.3.2
  *
@@ -17,3 +17,3 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)
 
-var GLOBAL_HTML_ATTRIBUTE_NAMES = ['accesskey', 'autocapitalize', 'className', 'contenteditable', 'contextmenu', 'dir', 'draggable', 'dropzone', 'hidden', 'id', 'is', 'itemid', 'itemprop', 'itemref', 'itemscope', 'itemtype', 'lang', 'ref', 'slot', 'spellcheck', 'style', 'tabindex', 'title', 'translate'];
+var GLOBAL_HTML_ATTRIBUTE_NAMES = ['accesskey', 'autocapitalize', 'className', 'contenteditable', 'contextmenu', 'dir', 'draggable', 'dropzone', 'hidden', 'id', 'is', 'itemid', 'itemprop', 'itemref', 'itemscope', 'itemtype', 'lang', 'slot', 'spellcheck', 'style', 'tabindex', 'title', 'translate'];
 
@@ -20,0 +20,0 @@ var EVENT_HANDLER_REGEX = /^on[A-Z]/;

GridLayout.js

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

LinearLayout.js

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

package.json

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

ResponsiveLinearLayout.js

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

src/GridLayout/GridLayout.jsx

 /** !
- * @bsara/react-layouts v1.3.1
+ * @bsara/react-layouts v1.3.2
  *
@@ -18,3 +18,3 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)
 
-function _GridLayout(props) {
+function _GridLayout(props, ref) {
   let styleNames = 'grid-layout';
@@ -27,3 +27,3 @@
   return (
-    <div ref={props.domRef} {...pickGlobalHtmlAttributeProps(props)} className={props.className} styleName={styleNames}>
+    <div {...pickGlobalHtmlAttributeProps(props)} ref={ref || props.domRef} className={props.className} styleName={styleNames}>
       {props.children}
@@ -30,0 +30,0 @@ </div>

src/LinearLayout/LinearLayout.jsx

 /** !
- * @bsara/react-layouts v1.3.1
+ * @bsara/react-layouts v1.3.2
  *
@@ -18,3 +18,3 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)
 
-function _LinearLayout(props) {
+function _LinearLayout(props, ref) {
   const isDirectionVertical = (props.direction === 'v' || props.direction === 'vert' || props.direction === 'vertical');
@@ -37,3 +37,3 @@
   return (
-    <div ref={props.domRef} {...pickGlobalHtmlAttributeProps(props)} className={props.className} styleName={styleNames}>
+    <div {...pickGlobalHtmlAttributeProps(props)} ref={ref || props.domRef} className={props.className} styleName={styleNames}>
       {props.children}
@@ -40,0 +40,0 @@ </div>

src/ResponsiveLinearLayout/ResponsiveLinearLayout.jsx

 /** !
- * @bsara/react-layouts v1.3.1
+ * @bsara/react-layouts v1.3.2
  *
@@ -20,6 +20,6 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)
 
-function _ResponsiveLinearLayout(props) {
+function _ResponsiveLinearLayout(props, ref) {
   return (
-    <LinearLayout ref={props.domRef}
-                  {...pickGlobalHtmlAttributeProps(props)}
+    <LinearLayout {...pickGlobalHtmlAttributeProps(props)}
+                  ref={ref || props.domRef}
                   direction={props.direction}
@@ -26,0 +26,0 @@ inline={props.inline}

src/utils.js

 /* eslint-disable import/prefer-default-export */
 /** !
- * @bsara/react-layouts v1.3.1
+ * @bsara/react-layouts v1.3.2
  *
@@ -28,3 +28,2 @@ * Copyright (c) 2018, Brandon D. Sara (https://bsara.pro/)
   'lang',
-  'ref',
   'slot',
@@ -31,0 +30,0 @@ 'spellcheck',

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

59464

increased by0.31%

Worsened metrics

Lines of code

628

decreased by-0.48%

No dependency changes