twreporter-react-header-components - npm Package Compare versions

Comparing version 1.0.0-beta.15 to 1.0.0-beta.16

lib/components/channels.js

@@ -82,3 +82,3 @@ 'use strict';
   displayName: 'channels__ChannelsContainer',
-  componentId: 's14pzss9-0'
+  componentId: 'fadkn3-0'
 })(['width:100%;', ''], _styleUtils.screen.hdAbove(_templateObject, styles.channelsContainerMaxWidth));
@@ -88,3 +88,3 @@
   displayName: 'channels__ChannelsContent',
-  componentId: 's14pzss9-1'
+  componentId: 'fadkn3-1'
 })(['justify-content:space-between;padding:', ';background-color:', ';', ' ', ' ', ' user-select:none;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;list-style-type:none;margin:0;'], (0, _styleUtils.arrayToCssShorthand)(styles.channelsPadding.mobile), function (props) {
@@ -96,3 +96,3 @@ return (0, _theme.selectBgColor)(props.pageTheme);
   displayName: 'channels__ChannelContainer',
-  componentId: 's14pzss9-2'
+  componentId: 'fadkn3-2'
 })(['padding:', ';margin:', ';', ' ', ' position:relative;font-size:', ';font-weight:', ';letter-spacing:.5px;color:', ';cursor:pointer;', ' &::after{', '}'], (0, _styleUtils.arrayToCssShorthand)(styles.itemPadding.mobile), (0, _styleUtils.arrayToCssShorthand)(styles.itemMargin.mobile), _styleUtils.screen.tabletOnly(_templateObject5, (0, _styleUtils.arrayToCssShorthand)(styles.itemPadding.tablet), (0, _styleUtils.arrayToCssShorthand)(styles.itemMargin.tablet)), _styleUtils.screen.desktopAbove(_templateObject5, (0, _styleUtils.arrayToCssShorthand)(styles.itemPadding.desktop), (0, _styleUtils.arrayToCssShorthand)(styles.itemMargin.desktop)), _commonVariables.fonts.size.medium, _commonVariables.fonts.weight.bold, function (props) {
@@ -127,3 +127,3 @@ return (0, _theme.selectTextColor)(props.pageTheme);
       var channelType = _.get(data, 'channelType', '');
-      var channelSlug = _.get(data, 'channelSlug', '');
+      var channelName = _.get(data, 'channelName', '');
       if (channelType === 'submenu') {
@@ -135,3 +135,3 @@ this.props.handleToggleCategoriesMenu();
       this.setState({
-        activeChannel: channelSlug
+        activeChannel: channelName
       });
@@ -148,13 +148,13 @@ }
       var channelsJSX = _.map(_configs.channelConfigs, function (channel) {
-        var channelSlug = channel.slug;
+        var channelName = channel.name;
         var channelType = channel.type;
-        var isActive = activeChannel === channelSlug;
+        var isActive = activeChannel === channelName;
         return _react2.default.createElement(
           ChannelContainer,
           {
-            key: channelSlug,
+            key: channelName,
             isActive: isActive,
             onClick: _this2._handleClickChannel,
             'data-channel-type': channelType,
-            'data-channel-slug': channelSlug,
+            'data-channel-name': channelName,
             pageTheme: pageTheme
@@ -161,0 +161,0 @@ },

lib/components/header.js

@@ -735,3 +735,3 @@ 'use strict';
   displayName: 'header__HeaderContainer',
-  componentId: 'w1lj32-0'
+  componentId: 's33khwr-0'
 })(['box-sizing:border-box;position:relative;width:100%;']);
@@ -741,3 +741,3 @@
   displayName: 'header__TopRow',
-  componentId: 'w1lj32-1'
+  componentId: 's33khwr-1'
 })(['background-color:', ';height:', 'px;'], function (props) {
@@ -749,3 +749,3 @@ return (0, _theme.selectBgColor)(props.pageTheme);
   displayName: 'header__TopRowContent',
-  componentId: 'w1lj32-2'
+  componentId: 's33khwr-2'
 })(['padding:', ';', ' ', ' box-sizing:border-box;height:', 'px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:', 'px;margin:0 auto;'], (0, _styleUtils.arrayToCssShorthand)(styles.topRowPadding.mobile), _styleUtils.screen.tabletOnly(_templateObject, (0, _styleUtils.arrayToCssShorthand)(styles.topRowPadding.tablet)), _styleUtils.screen.desktopAbove(_templateObject, (0, _styleUtils.arrayToCssShorthand)(styles.topRowPadding.desktop)), styles.headerHeight, styles.topRowMaxWidth);
@@ -806,3 +806,3 @@
         HeaderContainer,
-        { onMouseLeave: this._closeCategoriesMenu },
+        null,
         _react2.default.createElement(
@@ -809,0 +809,0 @@ TopRow,

lib/shared/configs.js

@@ -52,3 +52,3 @@ 'use strict';
   type: 'submenu',
-  slug: 'categories'
+  name: 'categories'
 }];
@@ -55,0 +55,0 @@

package.json

 {
   "name": "twreporter-react-header-components",
-  "version": "1.0.0-beta.15",
+  "version": "1.0.0-beta.16",
   "scripts": {
     "build": "gulp build-package --color",
     "dev": "gulp dev",
-    "publish": "yarn publish",
     "clean": "gulp clean-build"
   },
-  "author": "yucj",
+  "author": "twreporter",
   "license": "AGPL-3.0",
@@ -12,0 +11,0 @@ "devDependencies": {

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

Worsened metrics

Total package byte prevSize

316632

decreased by-0.02%

No dependency changes