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

Comparing version 1.0.0-beta.5 to 1.0.0-beta.6

lib/components/categories.js

@@ -63,3 +63,3 @@ 'use strict';
   displayName: 'categories__Positioning',
-  componentId: 's1nbfd53-0'
+  componentId: 's1hkpl1i-0'
 })(['width:100%;position:relative;']);
@@ -69,3 +69,3 @@
   displayName: 'categories__StyledCSSTransitionGroup',
-  componentId: 's1nbfd53-1'
+  componentId: 's1hkpl1i-1'
 })(['position:absolute;width:100%;left:0;top:0;', ''], _cssTransitionGroup.categoriesMenuEffect);
@@ -86,3 +86,3 @@
   displayName: 'categories__ViewPort',
-  componentId: 's1nbfd53-2'
+  componentId: 's1hkpl1i-2'
 })(['width:100%;height:100%;overflow:hidden;box-sizing:border-box;margin:0;padding:0;max-height:400px;']);
@@ -92,3 +92,3 @@
   displayName: 'categories__CategoriesContainer',
-  componentId: 's1nbfd53-3'
+  componentId: 's1hkpl1i-3'
 })(['width:100%;height:100%;box-sizing:border-box;background-color:', ';user-select:none;', ' ', ''], _commonVariables.colors.white, _styleUtils.screen.tabletBelow(_templateObject, (0, _styleUtils.arrayToCssShorthand)(styles.categoriesContainerBorder), _commonVariables.colors.bodyBgWhite), _styleUtils.screen.desktopAbove(_templateObject2, (0, _styleUtils.arrayToCssShorthand)(styles.containerPadding.desktop)));
@@ -98,3 +98,3 @@
   displayName: 'categories__CategoriesContent',
-  componentId: 's1nbfd53-4'
+  componentId: 's1hkpl1i-4'
 })(['flex-wrap:wrap;', ' ', ' margin:0 auto;padding:0;width:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;list-style-type:none;'], _styleUtils.screen.tabletBelow(_templateObject3, styles.categoriesContentMaxWidth), _styleUtils.screen.desktopAbove(_templateObject4));
@@ -104,3 +104,3 @@
   displayName: 'categories__ItemContainer',
-  componentId: 's1nbfd53-5'
+  componentId: 's1hkpl1i-5'
 })(['padding:', ';', ' ', ' ', ' display:block;box-sizing:border-box;white-space:nowrap;position:relative;margin:0;'], (0, _styleUtils.arrayToCssShorthand)(styles.itemPadding.mobile), _styleUtils.screen.tabletOnly(_templateObject2, (0, _styleUtils.arrayToCssShorthand)(styles.itemPadding.tablet)), _styleUtils.screen.desktopAbove(_templateObject2, (0, _styleUtils.arrayToCssShorthand)(styles.itemPadding.desktop)), _styleUtils.screen.hdAbove(_templateObject2, (0, _styleUtils.arrayToCssShorthand)(styles.itemPadding.hd)));
@@ -110,3 +110,3 @@
   displayName: 'categories__ItemContent',
-  componentId: 's1nbfd53-6'
+  componentId: 's1hkpl1i-6'
 })(['color:', ';font-size:', ';font-weight:', ';cursor:pointer;&:hover{color:', ';}'], _commonVariables.colors.headerCategory, _commonVariables.fonts.size.medium, _commonVariables.fonts.weight.medium, _commonVariables.colors.black);
@@ -116,3 +116,3 @@
   displayName: 'categories__Seperator',
-  componentId: 's1nbfd53-7'
+  componentId: 's1hkpl1i-7'
 })(['', ' ', ' position:absolute;box-sizing:border-box;background-color:', ';content:"";'], _styleUtils.screen.tabletBelow(_templateObject5, function (props) {
@@ -137,3 +137,3 @@ return props.last > 2 ? 'block' : 'none';
         ItemContainer,
-        { onClick: _this._handleClickCategory },
+        { onClick: _this._handleClickCategory, key: index },
         _react2.default.createElement(
@@ -140,0 +140,0 @@ ItemContent,

lib/components/search-box.js

@@ -33,2 +33,4 @@ 'use strict';
 
+var _configs = require('../shared/configs');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -98,3 +100,3 @@
   displayName: 'search-box__StyledCSSTransitionGroup',
-  componentId: 'bcl64r-0'
+  componentId: 's183aweq-0'
 })(['', ''], _cssTransitionGroup.searchBoxEffect);
@@ -104,3 +106,3 @@
   displayName: 'search-box__SearchBoxContainer',
-  componentId: 'bcl64r-1'
+  componentId: 's183aweq-1'
 })(['display:table-cell;vertical-align:middle;text-align:center;position:absolute;z-index:99;right:0;top:53%;transform:translateY(-50%);height:', 'px;box-sizing:border-box;background-color:', ';'], styles.containerHeight, _commonVariables.colors.bodyBgWhite);
@@ -110,3 +112,3 @@
   displayName: 'search-box__CellBlock',
-  componentId: 'bcl64r-2'
+  componentId: 's183aweq-2'
 })(['display:table-cell;height:', 'px;box-sizing:border-box;vertical-align:middle;line-height:1;svg{height:100%;}'], styles.containerHeight);
@@ -116,3 +118,3 @@
   displayName: 'search-box__SearchInput',
-  componentId: 'bcl64r-3'
+  componentId: 's183aweq-3'
 })(['margin-right:.5em;font-size:', ';font-weight:', ';height:', 'px;border-radius:58px;border:0;padding:0 1em;&:focus{outline:none;}&::placeholder{font-size:', ';font-weight:', ';color:', ';opacity:.5;letter-spacing:.7px;}'], _commonVariables.fonts.size.base, _commonVariables.fonts.size.medium, styles.inputHeight, _commonVariables.fonts.size.base, _commonVariables.fonts.size.medium, _commonVariables.colors.warmGrey);
@@ -132,3 +134,5 @@
     _this._handleBlur = _this._handleBlur.bind(_this);
-    _this.keywords = '';
+    _this.state = {
+      keywords: ''
+    };
     return _this;
@@ -141,3 +145,4 @@ }
       e.preventDefault();
-      this.keywords = _.get(e, 'target.value', '');
+      var input = _.get(e, 'target.value', '');
+      return this.setState({ keywords: input });
     }
@@ -148,4 +153,6 @@ }, {
       e.preventDefault();
-      var keywords = this.keywords;
-      console.log('Search: "' + keywords + '"');
+      var keywords = this.state.keywords;
+      if (window) {
+        window.location = '/' + _configs.searchConfigs.path + '?q=' + keywords;
+      }
     }
@@ -156,7 +163,6 @@ }, {
       e.preventDefault();
-      if (this.keywords === '') {
+      if (this.state.keywords === '') {
         this.props.closeSearchBox();
       } else {
-        this.keywords = '';
-        this.forceUpdate();
+        this.setState({ keywords: '' });
       }
@@ -197,3 +203,3 @@ }
               onChange: this._handleChange,
-              value: this.keywords,
+              value: this.state.keywords,
               autoFocus: true
@@ -200,0 +206,0 @@ })

lib/shared/configs.js

@@ -56,2 +56,6 @@ 'use strict';
   }
+};
+
+var searchConfigs = exports.searchConfigs = {
+  path: 'search'
 };

package.json

 {
   "name": "twreporter-react-header-components",
-  "version": "1.0.0-beta.5",
+  "version": "1.0.0-beta.6",
   "scripts": {
@@ -5,0 +5,0 @@ "build": "gulp build-package --color",

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

70288

increased by0.37%

Lines of code

1439

increased by0.56%

No dependency changes