@vtex/styleguide - npm Package Compare versions

Comparing version 6.0.0 to 6.0.1

CHANGELOG.md

@@ -10,2 +10,8 @@ # Changelog
 
+## [6.0.1] - 2018-08-23
+
+### Fixed
+- **Dropdown** forward ref to select
+- **Pagination** Next button disabled
+
 ## [6.0.0] - 2018-08-23
@@ -12,0 +18,0 @@

lib/Dropdown/index.js

@@ -221,6 +221,5 @@ 'use strict';
                 className: selectClasses,
-                onChange: this.handleChange
-              }, {
-                /* Check the comment on the constructor regarding nil values */
-              }, {
+                onChange: this.handleChange,
+                ref: this.props.forwardedRef
+              }, {/* Check the comment on the constructor regarding nil values */}, {
                 value: value == null ? '' : value,
@@ -272,3 +271,9 @@ autoFocus: autoFocus,
 
-Dropdown.defaultProps = {
+var DropdownWithRef = _react2.default.forwardRef(function (props, ref) {
+  return _react2.default.createElement(Dropdown, Object.assign({}, props, { forwardedRef: ref }));
+});
+
+DropdownWithRef.displayName = 'Dropdown';
+
+DropdownWithRef.defaultProps = {
   size: 'regular',
@@ -278,3 +283,3 @@ options: []
 
-Dropdown.propTypes = {
+DropdownWithRef.propTypes = {
   /** Error highlight */
@@ -318,5 +323,10 @@ error: _propTypes2.default.bool,
   /** onOpen event */
-  onOpen: _propTypes2.default.func
+  onOpen: _propTypes2.default.func,
+  /** Internal prop used for ref forwarding */
+  forwardedRef: _propTypes2.default.func
 };
 
-exports.default = Dropdown;
+Dropdown.propTypes = DropdownWithRef.propTypes;
+Dropdown.defaultProps = DropdownWithRef.defaultProps;
+
+exports.default = DropdownWithRef;

lib/Input/index.js

@@ -256,3 +256,9 @@ 'use strict';
 
-Input.defaultProps = {
+var InputWithRef = _react2.default.forwardRef(function (props, ref) {
+  return _react2.default.createElement(Input, Object.assign({}, props, { forwardedRef: ref }));
+});
+
+InputWithRef.displayName = 'Input';
+
+InputWithRef.defaultProps = {
   autoFocus: false,
@@ -271,3 +277,3 @@ token: false,
 
-Input.propTypes = {
+InputWithRef.propTypes = {
   /** Error highlight */
@@ -361,4 +367,5 @@ error: _propTypes2.default.bool,
 
-exports.default = _react2.default.forwardRef(function (props, ref) {
-  return _react2.default.createElement(Input, Object.assign({}, props, { forwardedRef: ref }));
-});
+Input.propTypes = InputWithRef.propTypes;
+Input.defaultProps = InputWithRef.defaultProps;
+
+exports.default = InputWithRef;

lib/NumericStepper/index.js

@@ -203,3 +203,3 @@ 'use strict';
               {
-                className: 'br2 ph0 tc ba bl-0 bw1 b--muted-4 ' + buttonSizeClasses[size] + ' ' + (isMax ? 'bg-muted-5 c-disabled' : 'pointer bg-base c-action-primary'),
+                className: 'br2 ph0 h-100 tc ba bl-0 bw1 b--muted-4 ' + buttonSizeClasses[size] + ' ' + (isMax ? 'bg-muted-5 c-disabled' : 'pointer bg-base c-action-primary'),
                 style: {
@@ -228,3 +228,3 @@ borderTopLeftRadius: 0,
               {
-                className: 'br2 ph0 ba br-0 bw1 b--muted-4 ' + buttonSizeClasses[size] + ' ' + (isMin ? 'bg-muted-5 c-disabled' : 'pointer bg-white c-action-primary'),
+                className: 'br2 ph0 h-100 ba br-0 bw1 b--muted-4 ' + buttonSizeClasses[size] + ' ' + (isMin ? 'bg-muted-5 c-disabled' : 'pointer bg-white c-action-primary'),
                 style: {
@@ -231,0 +231,0 @@ borderTopRightRadius: 0,

lib/Pagination/index.js

@@ -81,3 +81,3 @@ 'use strict';
       var isPrevDisabled = this.props.currentItemFrom === 1;
-      var isNextDisabled = this.props.currentItemTo === this.props.totalItems;
+      var isNextDisabled = this.props.currentItemTo >= this.props.totalItems;
 
@@ -84,0 +84,0 @@ return _react2.default.createElement(

package.json

 {
   "name": "@vtex/styleguide",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "scripts": {
@@ -5,0 +5,0 @@ "test": "react-scripts test --env=jsdom",

No alert changes

Improved metrics

Total package byte prevSize

259561

increased by0.29%

Lines of code

5329

increased by0.21%

No dependency changes