@vtex/styleguide - npm Package Compare versions

Comparing version 2.0.0-rc.23 to 2.0.0-rc.24

lib/Dropdown/index.js

@@ -48,3 +48,3 @@ 'use strict';
 
-      document.getElementById('select').blur();
+      _this.select && _this.select.blur();
       _this.setState({ open: !_this.state.open }, function () {
@@ -104,3 +104,3 @@ _this.state.open ? onOpen && onOpen(e) : onClose && onClose(e);
 
-      var optionsStyle = { 'overflowY': 'scroll', 'height': '120px' };
+      var optionsStyle = { overflowY: 'scroll', height: '120px' };
       if (open) {
@@ -112,3 +112,3 @@ optionsStyle['boxShadow'] = '0px 0px 4px 0px rgba( 0, 0, 0, .15)';
         'div',
-        { ref: this.setWrapperRef },
+        { className: 'relative', ref: this.setWrapperRef },
         _react2.default.createElement(
@@ -118,6 +118,9 @@ 'button',
             disabled: disabled,
-            id: 'select',
+            ref: function ref(el) {
+              return _this2.select = el;
+            },
             className: this.getButtonClass(),
             onClick: this.handleClick,
-            style: { outline: 'none', height: '44px' } },
+            style: { outline: 'none', height: '44px' }
+          },
           _react2.default.createElement(
@@ -132,6 +135,11 @@ 'div',
                 'svg',
-                { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 24 24' },
+                {
+                  xmlns: 'http://www.w3.org/2000/svg',
+                  width: '16',
+                  height: '16',
+                  viewBox: '0 0 24 24'
+                },
                 _react2.default.createElement(
                   'g',
-                  { 'class': 'nc-icon-wrapper', fill: disabled ? '#969799' : '#368DF7' },
+                  { fill: disabled ? '#969799' : '#368DF7' },
                   _react2.default.createElement('path', { d: 'M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z' })
@@ -146,4 +154,5 @@ )
           {
-            className: 'w-100 mw6 ba br2 b--near-white bg-white flex-column',
-            style: optionsStyle },
+            className: 'absolute w-100 mw6 ba br2 b--near-white bg-white flex-column',
+            style: optionsStyle
+          },
           options.map(function (option) {
@@ -153,2 +162,3 @@ return _react2.default.createElement(
               {
+                key: option,
                 className: 'flex w-100 right pa4 hover-bg-near-white near-black',
@@ -158,3 +168,8 @@ onClick: function onClick(e) {
                 },
-                style: { height: '44px', 'border': '0px', 'borderBottom': '1px solid #F5F7FA' } },
+                style: {
+                  height: '44px',
+                  border: '0px',
+                  borderBottom: '1px solid #F5F7FA'
+                }
+              },
               option
@@ -161,0 +176,0 @@ );

package.json

 {
   "name": "@vtex/styleguide",
-  "version": "2.0.0-rc.23",
+  "version": "2.0.0-rc.24",
   "scripts": {
@@ -13,3 +13,3 @@ "test": "react-scripts test --env=jsdom",
     "copycss": "copyfiles -u 2 src/**/*.css lib",
-    "cleanlib": "sudo rm -rf lib",
+    "cleanlib": "rm -rf lib",
     "prepublishOnly": "npm run compile",
@@ -16,0 +16,0 @@ "develop": "npm link && watch 'npm run compile' src"

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

59097

increased by0.46%

Lines of code

1208

increased by1.26%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes