carbon-addons-cloud - npm Package Compare versions

Comparing version 1.3.2 to 1.4.0

lib/components/CloudHeader/CloudHeader.js

@@ -61,3 +61,3 @@ 'use strict';
   'svg',
-  { viewBox: '0 0 16 16', fillRule: 'evenodd' },
+  { width: '20', height: '20' },
   _react2.default.createElement(
@@ -68,4 +68,3 @@ 'title',
   ),
-  _react2.default.createElement('path', { d: 'M6 2c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4zm0-2C2.7 0 0 2.7 0 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm10 13.8L13.8 16l-3.6-3.6 2.2-2.2z' }),
-  _react2.default.createElement('path', { d: 'M16 13.8L13.8 16l-3.6-3.6 2.2-2.2z' })
+  _react2.default.createElement('path', { d: 'M8.5 14a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zm4.936-1.27l4.418 4.416-.708.708-4.417-4.418a6.5 6.5 0 1 1 .707-.707z' })
 );
@@ -75,11 +74,24 @@
   'svg',
-  { viewBox: '0 0 16 16' },
+  { width: '20', height: '20' },
   _react2.default.createElement(
     'title',
     null,
-    'notifications'
+    'notification'
   ),
-  _react2.default.createElement('path', { d: 'M9 1.11V0H7v1.11A5.022 5.022 0 0 0 3.1 4.9L1 14h5a2 2 0 0 0 4 0h5l-2.1-9.1A5.022 5.022 0 0 0 9 1.11z' })
+  _react2.default.createElement('path', { d: 'M7.17 17H2.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .146-.354L4 12.293V9a6 6 0 0 1 5.5-5.98V1h1v2.02A6 6 0 0 1 16 9v3.293l1.854 1.853A.5.5 0 0 1 18 14.5v2a.5.5 0 0 1-.5.5h-4.67a3.001 3.001 0 0 1-5.66 0zm1.098 0a2 2 0 0 0 3.464 0H8.268zM13 16h4v-1.293l-1.854-1.853A.5.5 0 0 1 15 12.5V9A5 5 0 0 0 5 9v3.5a.5.5 0 0 1-.146.354L3 14.707V16h10z' })
 );
 
+var helpIcon = _react2.default.createElement(
+  'svg',
+  { width: '20', height: '20' },
+  _react2.default.createElement(
+    'title',
+    null,
+    'help'
+  ),
+  _react2.default.createElement('path', { d: 'M10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm0 1a8 8 0 1 1 0-16 8 8 0 0 1 0 16z', fillRule: 'nonzero' }),
+  _react2.default.createElement('circle', { cx: '10', cy: '14', r: '1' }),
+  _react2.default.createElement('path', { d: 'M10.5 10.5V12h-1V9.5h1a1.5 1.5 0 0 0 0-3h-1A1.5 1.5 0 0 0 8 8H7a2.5 2.5 0 0 1 2.5-2.5h1a2.5 2.5 0 1 1 0 5z' })
+);
+
 var applicationIcon = _react2.default.createElement(
@@ -106,3 +118,3 @@ 'svg',
   'svg',
-  { className: 'bx--cloud-header__user-icon', viewBox: '0 0 24 24' },
+  { width: '20', height: '20' },
   _react2.default.createElement(
@@ -113,3 +125,4 @@ 'title',
   ),
-  _react2.default.createElement('path', { d: 'M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 4.6c2.8 0 5 2.2 5 5s-2.2 5-5 5-5-2.2-5-5 2.2-5 5-5zm7 14.5c-1.8 1.8-4.3 2.9-7 2.9s-5.2-1.1-7-2.9v-1.6c0-1.3.7-2 2-2h10c1.3 0 2 .7 2 2v1.6z' })
+  _react2.default.createElement('path', { d: 'M6 15.745A6.968 6.968 0 0 0 10 17a6.968 6.968 0 0 0 4-1.255V15.5a2.5 2.5 0 0 0-2.5-2.5h-3A2.5 2.5 0 0 0 6 15.5v.245zm-.956-.802A3.5 3.5 0 0 1 8.5 12h3a3.5 3.5 0 0 1 3.456 2.943 7 7 0 1 0-9.912 0zM10 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16z' }),
+  _react2.default.createElement('path', { d: 'M10 9.841a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 1a3 3 0 1 1 0-6 3 3 0 0 1 0 6z' })
 );
@@ -135,2 +148,3 @@
       isNotificationActive: false,
+      isHelpActive: false,
       isApplicationActive: false,
@@ -186,6 +200,7 @@ isUserActive: false
           renderNotification = _props.renderNotification,
+          renderHelp = _props.renderHelp,
           renderApplication = _props.renderApplication,
           renderUser = _props.renderUser,
           links = _props.links,
-          other = _objectWithoutProperties(_props, ['className', 'companyName', 'productName', 'logoHref', 'renderMenu', 'renderLogo', 'renderSearch', 'renderNotification', 'renderApplication', 'renderUser', 'links']);
+          other = _objectWithoutProperties(_props, ['className', 'companyName', 'productName', 'logoHref', 'renderMenu', 'renderLogo', 'renderSearch', 'renderNotification', 'renderHelp', 'renderApplication', 'renderUser', 'links']);
 
@@ -196,2 +211,3 @@ var _state = this.state,
           isNotificationActive = _state.isNotificationActive,
+          isHelpActive = _state.isHelpActive,
           isApplicationActive = _state.isApplicationActive,
@@ -209,15 +225,19 @@ isUserActive = _state.isUserActive;
           null,
-          renderMenu && _react2.default.createElement(_CloudHeaderMenu2.default, { onClick: this.handleIconClick('Menu') }),
           _react2.default.createElement(
-            _CloudHeaderLogo2.default,
-            {
-              className: !renderMenu ? 'bx--cloud-header-brand--no-menu' : null,
-              companyName: companyName,
-              productName: productName,
-              href: logoHref },
-            renderLogo && renderLogo()
+            'div',
+            { className: 'bx--cloud-header-brand-container' },
+            renderMenu && _react2.default.createElement(_CloudHeaderMenu2.default, { onClick: this.handleIconClick('Menu') }),
+            _react2.default.createElement(
+              _CloudHeaderLogo2.default,
+              {
+                className: !renderMenu ? 'bx--cloud-header-brand--no-menu' : null,
+                companyName: companyName,
+                productName: productName,
+                href: logoHref },
+              renderLogo && renderLogo()
+            )
           ),
           _react2.default.createElement(
             _CloudHeaderList2.default,
-            null,
+            { className: 'bx--cloud-header-list--link' },
             links && links.map(function (link, i) {
@@ -238,3 +258,3 @@ return _react2.default.createElement(
             _CloudHeaderList2.default,
-            null,
+            { className: 'bx--cloud-header-list--icon' },
             renderSearch && _react2.default.createElement(
@@ -259,2 +279,12 @@ _CloudHeaderListItem2.default,
             ),
+            renderHelp && _react2.default.createElement(
+              _CloudHeaderListItem2.default,
+              {
+                onClick: this.handleIconClick('Help'),
+                onKeyDown: this.handleIconKeypress('Help'),
+                ariaExpanded: this.state.isHelpActive,
+                isIcon: true },
+              helpIcon,
+              isHelpActive && renderHelp()
+            ),
             renderApplication && _react2.default.createElement(
@@ -273,2 +303,3 @@ _CloudHeaderListItem2.default,
               {
+                className: 'bx--cloud-header-list__item--icon',
                 onClick: this.handleIconClick('User'),
@@ -275,0 +306,0 @@ onKeyDown: this.handleIconKeypress('User'),

lib/components/CloudHeader/CloudHeaderListItem.js

@@ -33,3 +33,3 @@ 'use strict';
 
-  var CloudHeaderListItemClasses = (0, _classnames2.default)('bx--cloud-header-list__item', isIcon ? 'bx--cloud-header-list__item--icon' : null, className);
+  var CloudHeaderListItemClasses = (0, _classnames2.default)('bx--cloud-header-list__item', className);
 
@@ -62,8 +62,6 @@ var itemStyles = {};
   className: _propTypes2.default.string,
-  href: _propTypes2.default.string,
-  isIcon: _propTypes2.default.bool
+  href: _propTypes2.default.string
 };
 
 CloudHeaderListItem.defaultProps = {
-  isIcon: false,
   href: ''
@@ -70,0 +68,0 @@ };

lib/components/CloudHeader/CloudHeaderMenu.js

@@ -36,3 +36,3 @@ 'use strict';
       'svg',
-      { fillRule: 'evenodd' },
+      { width: '20', height: '20' },
       _react2.default.createElement(
@@ -43,3 +43,3 @@ 'title',
       ),
-      _react2.default.createElement('path', { d: 'M0 0h20v2H0zm0 6h20v2H0zm0 6h20v2H0z' })
+      _react2.default.createElement('path', { d: 'M3 4h14v1H3zM3 10h14v1H3zM3 16h14v1H3z' })
     )
@@ -46,0 +46,0 @@ );

package.json

 {
   "name": "carbon-addons-cloud",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "main": "lib/index.js",
@@ -5,0 +5,0 @@ "license": "Apache-2",

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

148643

increased by1.41%

Lines of code

2259

increased by1.3%

No dependency changes