@quintype/components 3.0.3-test-react18.0 → 3.0.3-test-react18.1

package/dist/es/components/link-base.js

@@ -2,11 +2,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["navigateToImpl", "externalLink", "callback", "href", "currentHostUrl", "navigateTo", "preventDefault", "disableAjaxLinks"];
 import React from "react";
 import { string, func, bool } from "prop-types";
-
 var preventDefaultImpl = function preventDefaultImpl(e) {
   e.preventDefault();
   e.stopPropagation();
 };
+
 /**
  * This component generates an anchor tag. Instead of doing a browser page load, it will go to the next page via AJAX. Analytics scripts will be fired correctly (and if not, it's a bug)
  * LinkBase is not connected to the store or plugged to context, this is used as an alternative for usecases such as partial hydration where context is lost.
@@ -18,21 +18,18 @@ var preventDefaultImpl = function preventDefaultImpl(e) {
  * @category Other
  * @component
  */
-
-
 export var LinkBase = function LinkBase(_ref) {
   var navigateToImpl = _ref.navigateToImpl,
-      externalLink = _ref.externalLink,
-      callback = _ref.callback,
-      href = _ref.href,
-      currentHostUrl = _ref.currentHostUrl,
-      navigateTo = _ref.navigateTo,
-      _ref$preventDefault = _ref.preventDefault,
-      preventDefault = _ref$preventDefault === void 0 ? preventDefaultImpl : _ref$preventDefault,
-      _ref$disableAjaxLinks = _ref.disableAjaxLinks,
-      disableAjaxLinks = _ref$disableAjaxLinks === void 0 ? global.disableAjaxLinks || global.disableAjaxNavigation : _ref$disableAjaxLinks,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+    externalLink = _ref.externalLink,
+    callback = _ref.callback,
+    href = _ref.href,
+    currentHostUrl = _ref.currentHostUrl,
+    navigateTo = _ref.navigateTo,
+    _ref$preventDefault = _ref.preventDefault,
+    preventDefault = _ref$preventDefault === void 0 ? preventDefaultImpl : _ref$preventDefault,
+    _ref$disableAjaxLinks = _ref.disableAjaxLinks,
+    disableAjaxLinks = _ref$disableAjaxLinks === void 0 ? global.disableAjaxLinks || global.disableAjaxNavigation : _ref$disableAjaxLinks,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   navigateTo = navigateTo || navigateToImpl;
   return /*#__PURE__*/React.createElement("a", Object.assign(otherProps, {
     href: href,
@@ -40,21 +37,16 @@ export var LinkBase = function LinkBase(_ref) {
       if (disableAjaxLinks || e.ctrlKey || e.metaKey || e.shiftKey) {
         return;
       }
-
       var relativeLink = href.startsWith(currentHostUrl) ? href.replace(currentHostUrl, "") : href;
-
       if (!relativeLink.startsWith("/")) {
         return;
       }
-
       preventDefault(e);
-
       if (externalLink) {
         global.open(externalLink, "_blank");
       } else {
         navigateTo(relativeLink);
       }
-
       typeof callback === "function" && callback(e);
     }
   }));

package/dist/es/components/link.js

@@ -1,12 +1,10 @@
 import { connect } from "react-redux";
 import { LinkBase } from "./link-base";
-
 var mapStateToProps = function mapStateToProps(state) {
   return {
     currentHostUrl: state.qt && state.qt.currentHostUrl
   };
 };
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     navigateToImpl: function navigateToImpl(url) {
@@ -14,6 +12,7 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     }
   };
 };
+
 /**
  * This component generates an anchor tag. Instead of doing a browser page load, it will go to the next page via AJAX. Analytics scripts will be fired correctly (and if not, it's a bug)
  *
@@ -24,6 +23,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  * @category Other
  * @component
  */
-
-
 export var Link = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(LinkBase);

package/dist/es/components/load-more-collection-stories.js

@@ -3,15 +3,13 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import get from "lodash/get";
 import { getRequest } from './api-client';
 import { LoadMoreStoriesManager } from './impl/load-more-stories-manager';
+
 /**
  * This component is very similar to the {@link LoadMoreBase} component but fetches the stories from a `collection`. The api call `/api/v1/collections/{collectionSlug}` is made with the passed collection slug value. The component accepts the `params` prop and a requires a Collection Slug from which to fetch the stories and returns a set of stories only.
  *
@@ -47,18 +45,13 @@ import { LoadMoreStoriesManager } from './impl/load-more-stories-manager';
  * @component
  * @category Collection Page
  */
-
 export var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
   _inherits(LoadMoreCollectionStories, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(LoadMoreCollectionStories);
-
   function LoadMoreCollectionStories() {
     _classCallCheck(this, LoadMoreCollectionStories);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(LoadMoreCollectionStories, [{
     key: "loadMoreStories",
     value: function loadMoreStories(pageNumber) {
@@ -78,7 +71,6 @@ export var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component)
     key: "render",
     value: function render() {
       var _this = this;
-
       return /*#__PURE__*/React.createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
         template: this.props.template,
         loadStories: function loadStories(pageNumber) {
@@ -89,6 +81,5 @@ export var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component)
       }));
     }
   }]);
-
   return LoadMoreCollectionStories;
 }(React.Component);

package/dist/es/components/load-more-stories-base.js

@@ -3,11 +3,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import get from "lodash/get";
 import { getRequest } from './api-client';
@@ -39,23 +36,17 @@ import { LoadMoreStoriesManager } from './impl/load-more-stories-manager';
  * @component
  * @category Collection Page
   */
-
 export var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
   _inherits(LoadMoreStoriesBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(LoadMoreStoriesBase);
-
   function LoadMoreStoriesBase() {
     _classCallCheck(this, LoadMoreStoriesBase);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(LoadMoreStoriesBase, [{
     key: "loadMoreStories",
     value: function loadMoreStories(pageNumber) {
       var _this = this;
-
       var stories = get(this.props, ['data', 'stories'], []);
       return getRequest(this.props.api || '/api/v1/stories', Object.assign({}, this.props.params, {
         offset: this.props.numStoriesToLoad * (pageNumber - 1) + stories.length,
@@ -65,7 +56,6 @@ export var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
         if (_this.props.apiResponseTransformer) {
           return _this.props.apiResponseTransformer(response);
         }
-
         return response.stories || get(response, ['results', 'stories'], []);
       });
     }
@@ -73,7 +63,6 @@ export var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return /*#__PURE__*/React.createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
         template: this.props.template,
         loadStories: function loadStories(pageNumber) {
@@ -84,6 +73,5 @@ export var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return LoadMoreStoriesBase;
 }(React.Component);

package/dist/es/components/loading-indicator.js

@@ -1,21 +1,19 @@
 import React from "react";
 import { connect } from "react-redux";
-
 function LoadingIndicatorBase(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "loading-indicator ".concat(props.loading ? 'loading-indicator-loading' : '')
   }, props.loading && props.children);
 }
-
 function mapStateToProps(state) {
   return {
     loading: state.pageLoading
   };
 }
-
 function mapDispatchToProps() {
   return {};
 }
+
 /**
  * This component renders it's children when the app is moving between pages. It can be used to show a spinner. It always has the class "loading-indicator", and also "loading-indicator-loading" when loading.
  *
@@ -30,6 +28,4 @@ function mapDispatchToProps() {
  * @component
  * @category Other
  */
-
-
 export var LoadingIndicator = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(LoadingIndicatorBase);

package/dist/es/components/menu-item.js

@@ -1,29 +1,26 @@
 import React from 'react';
 import { Link } from "./link";
+
 /**
  * @see {@link Menu}
  * @deprecated
  * @component
  * @category Header
  */
-
 export function MenuItem(_ref) {
   var item = _ref.item,
-      className = _ref.className,
-      currentUrl = _ref.currentUrl;
+    className = _ref.className,
+    currentUrl = _ref.currentUrl;
   var url = getRelativeUrl(item.url);
   return /*#__PURE__*/React.createElement("li", null, getMenuItemBody(item, "".concat(className).concat(currentUrl == url ? " active" : ""), url));
 }
-
 function getRelativeUrl(url) {
   var _URL = new URL(url),
-      pathname = _URL.pathname,
-      search = _URL.search,
-      hash = _URL.hash;
-
+    pathname = _URL.pathname,
+    search = _URL.search,
+    hash = _URL.hash;
   return "".concat(pathname).concat(search || "").concat(hash || "");
 }
-
 function getMenuItemBody(item, className, url, currentUrl) {
   switch (item['item-type']) {
     case 'section':
@@ -31,7 +28,6 @@ function getMenuItemBody(item, className, url, currentUrl) {
         href: url,
         className: className
       }, item.title);
-
     default:
       return /*#__PURE__*/React.createElement("a", {
         href: item.url,

package/dist/es/components/menu.js

@@ -1,13 +1,12 @@
 import React from "react";
 import { connect } from "react-redux";
-
 function MenuBase(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      itemClassName = _ref.itemClassName,
-      items = _ref.items,
-      currentUrl = _ref.currentUrl,
-      slice = _ref.slice;
+    className = _ref.className,
+    itemClassName = _ref.itemClassName,
+    items = _ref.items,
+    currentUrl = _ref.currentUrl,
+    slice = _ref.slice;
   items = items.slice.apply(items, slice);
   return /*#__PURE__*/React.createElement("ul", {
     className: className
@@ -20,13 +19,13 @@ function MenuBase(_ref) {
     });
   }));
 }
-
 function mapStateToProps(state) {
   return {
     items: state.qt.config.layout.menu,
     currentUrl: state.qt.currentPath
   };
 }
+
 /**
  * This component can be used to render a menu from the menuItems in the editor. An extra class called active is applied if the menu item is the current url. By default, links will resolve via AJAX.
  *
@@ -48,8 +47,6 @@ function mapStateToProps(state) {
  * @component
  * @category Header
  */
-
-
 export var Menu = /*#__PURE__*/connect(mapStateToProps, function () {
   return {};
 })(MenuBase);

package/dist/es/components/responsive-hero-image.js

@@ -2,6 +2,7 @@ import omit from "@babel/runtime/helpers/objectWithoutProperties";
 import get from "lodash/get";
 import React from "react";
 import { ResponsiveImage } from "./responsive-image";
+
 /**
  * This component is a wrapper over {@link ResponsiveImages}. It accepts story as a prop and renders story's hero image.
  * If hero-image-s3-key is present, it takes that as slug and the story headline as image alt text.
@@ -20,13 +21,11 @@ import { ResponsiveImage } from "./responsive-image";
  * @component
  * @category Images
  */
-
 export function ResponsiveHeroImage(props) {
   var metadata, slug, alternateText;
   var heroImageS3Key = get(props, ["story", "hero-image-s3-key"], "");
   var storyAlternateData = get(props, ["story", "alternative", "home", "default"], {}) || {};
   var alternateHeroImageS3Key = get(storyAlternateData, ["hero-image", "hero-image-s3-key"], "");
-
   if (heroImageS3Key) {
     slug = heroImageS3Key;
     metadata = get(props, ["story", "hero-image-metadata"], {});
@@ -36,7 +35,6 @@ export function ResponsiveHeroImage(props) {
     metadata = get(storyAlternateData, ["hero-image", "hero-image-metadata"], {});
     alternateText = get(storyAlternateData, ["headline"], "");
   } else return null;
-
   return /*#__PURE__*/React.createElement(ResponsiveImage, Object.assign({
     slug: slug,
     metadata: metadata,

package/dist/es/components/responsive-image.js

@@ -3,26 +3,21 @@ import React from "react";
 import { ThumborImage } from "./impl/thumbor-image";
 import { string, arrayOf, number, object } from 'prop-types';
 import { GumletImage } from "./impl/gumlet-image";
-
 function mapStateToProps(state) {
   return {
     imageCDN: state.qt.config["cdn-image"],
     imageCDNFormat: state.qt.config["image-cdn-format"] || "thumbor"
   };
 }
-
 function ResponsiveImageBase(props) {
   if (process.env.NODE_ENV == 'development' && !props.alt && !props.reactTag) {
     global.console && global.console.warn("Image Found without an alt attribute: ".concat(props.slug));
   }
-
   if (props.imageCDNFormat === "gumlet") {
     return /*#__PURE__*/React.createElement(GumletImage, props);
   }
-
   return /*#__PURE__*/React.createElement(ThumborImage, props);
 }
-
 /**
  * This component takes an image, and resizes it to the correct aspect ratio using imgix or thumbor.
  *

package/dist/es/components/responsive-source.js

@@ -1,5 +1,6 @@
 import React from "react";
 import { ResponsiveImage } from './responsive-image';
+
 /**
  * This component is to be used if the aspect of an images changes significantly between different devices.
  *
@@ -32,7 +33,6 @@ import { ResponsiveImage } from './responsive-image';
  * @component
  * @category Images
  */
-
 export var ResponsiveSource = function ResponsiveSource(props) {
   return /*#__PURE__*/React.createElement(ResponsiveImage, Object.assign({
     reactTag: 'source',

package/dist/es/components/review-rating/review-rating.js

@@ -1,6 +1,7 @@
 import { bool, element, number, string } from "prop-types";
 import React from "react";
 import { StarIcon } from "./star-icon";
+
 /**
  * This component takes in the value for rating and renders star for the value passed in. This comopent is generally used for story review type.
  *
@@ -14,31 +15,29 @@ import { StarIcon } from "./star-icon";
  * @component
  * @category Story Page
  */
-
 export function ReviewRating(_ref) {
   var value = _ref.value,
-      _ref$canShowEmptyRati = _ref.canShowEmptyRating,
-      canShowEmptyRating = _ref$canShowEmptyRati === void 0 ? false : _ref$canShowEmptyRati,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 20 : _ref$size,
-      _ref$activeColor = _ref.activeColor,
-      activeColor = _ref$activeColor === void 0 ? "gold" : _ref$activeColor,
-      _ref$inActiveColor = _ref.inActiveColor,
-      inActiveColor = _ref$inActiveColor === void 0 ? "gray" : _ref$inActiveColor,
-      _ref$count = _ref.count,
-      count = _ref$count === void 0 ? 5 : _ref$count,
-      _ref$showHalfStar = _ref.showHalfStar,
-      showHalfStar = _ref$showHalfStar === void 0 ? true : _ref$showHalfStar,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? "review-rating" : _ref$className,
-      _ref$activeSymbol = _ref.activeSymbol,
-      activeSymbol = _ref$activeSymbol === void 0 ? null : _ref$activeSymbol,
-      _ref$inActiveSymbol = _ref.inActiveSymbol,
-      inActiveSymbol = _ref$inActiveSymbol === void 0 ? null : _ref$inActiveSymbol,
-      _ref$halfActiveSymbol = _ref.halfActiveSymbol,
-      halfActiveSymbol = _ref$halfActiveSymbol === void 0 ? null : _ref$halfActiveSymbol;
+    _ref$canShowEmptyRati = _ref.canShowEmptyRating,
+    canShowEmptyRating = _ref$canShowEmptyRati === void 0 ? false : _ref$canShowEmptyRati,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 20 : _ref$size,
+    _ref$activeColor = _ref.activeColor,
+    activeColor = _ref$activeColor === void 0 ? "gold" : _ref$activeColor,
+    _ref$inActiveColor = _ref.inActiveColor,
+    inActiveColor = _ref$inActiveColor === void 0 ? "gray" : _ref$inActiveColor,
+    _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 5 : _ref$count,
+    _ref$showHalfStar = _ref.showHalfStar,
+    showHalfStar = _ref$showHalfStar === void 0 ? true : _ref$showHalfStar,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "review-rating" : _ref$className,
+    _ref$activeSymbol = _ref.activeSymbol,
+    activeSymbol = _ref$activeSymbol === void 0 ? null : _ref$activeSymbol,
+    _ref$inActiveSymbol = _ref.inActiveSymbol,
+    inActiveSymbol = _ref$inActiveSymbol === void 0 ? null : _ref$inActiveSymbol,
+    _ref$halfActiveSymbol = _ref.halfActiveSymbol,
+    halfActiveSymbol = _ref$halfActiveSymbol === void 0 ? null : _ref$halfActiveSymbol;
   if (!canShowEmptyRating && value < 0.1) return null;
-
   var activeComponent = function activeComponent(index) {
     return activeSymbol ? /*#__PURE__*/React.cloneElement(activeSymbol, {
       size: size,
@@ -55,7 +54,6 @@ export function ReviewRating(_ref) {
       "data-test-id": "star-icon"
     });
   };
-
   var inActiveComponent = function inActiveComponent(index) {
     return inActiveSymbol ? /*#__PURE__*/React.cloneElement(inActiveSymbol, {
       size: size,
@@ -71,7 +69,6 @@ export function ReviewRating(_ref) {
       key: "review-".concat(index)
     });
   };
-
   var halfActiveComponent = function halfActiveComponent(index) {
     return halfActiveSymbol ? /*#__PURE__*/React.cloneElement(halfActiveSymbol, {
       size: size,
@@ -87,9 +84,7 @@ export function ReviewRating(_ref) {
       key: "review-".concat(index)
     });
   };
-
   var children = [];
-
   for (var i = 1; i <= count; i++) {
     if (i <= Math.floor(value)) {
       children.push(activeComponent(i));
@@ -99,7 +94,6 @@ export function ReviewRating(_ref) {
       children.push(inActiveComponent(i));
     }
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, children);

package/dist/es/components/review-rating/star-icon.js

@@ -1,10 +1,9 @@
 import React from "react";
-
 var StarIcon = function StarIcon(_ref) {
   var size = _ref.size,
-      foregroundColor = _ref.foregroundColor,
-      backgroundColor = _ref.backgroundColor,
-      className = _ref.className;
+    foregroundColor = _ref.foregroundColor,
+    backgroundColor = _ref.backgroundColor,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement("svg", {
     className: className,
     width: size,
@@ -22,5 +21,4 @@ var StarIcon = function StarIcon(_ref) {
     fill: foregroundColor
   })));
 };
-
 export { StarIcon };

package/dist/es/components/search-box.js

@@ -3,32 +3,23 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import { any, element, func, string } from 'prop-types';
 import React from 'react';
 import { connect } from "react-redux";
-
 var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
   _inherits(SearchBoxBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(SearchBoxBase);
-
   function SearchBoxBase(props) {
     var _this;
-
     _classCallCheck(this, SearchBoxBase);
-
     _this = _super.call(this, props);
     _this.state = {
       query: _this.props.initValue || ""
     };
     return _this;
   }
-
   _createClass(SearchBoxBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -55,7 +46,6 @@ var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var Render = this.props.template || this.defaultTemplate;
       return /*#__PURE__*/React.createElement("form", {
         role: "search",
@@ -92,14 +82,11 @@ var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
       return children;
     }
   }]);
-
   return SearchBoxBase;
 }(React.Component);
-
 var mapStateToProps = function mapStateToProps(state) {
   return {};
 };
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     navigateTo: function navigateTo(url) {
@@ -107,6 +94,7 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     }
   };
 };
+
 /**
  * This component provides a form with a search text box. On submit, the user is redirected to the search page via AJAX.
  *
@@ -121,6 +109,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  * @component
  * @category Header
  */
-
-
 export var SearchBox = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(SearchBoxBase);

package/dist/es/components/search-page-base.js

@@ -3,15 +3,13 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import get from "lodash/get";
 import { getRequest } from './api-client';
 import { LoadMoreStoriesManager } from './impl/load-more-stories-manager';
+
 /**
  * This component is to handle search functionality and also handles load more.
  *
@@ -31,18 +29,13 @@ import { LoadMoreStoriesManager } from './impl/load-more-stories-manager';
  * @deprecated
  * @category Other
  */
-
 export var SearchPageBase = /*#__PURE__*/function (_React$Component) {
   _inherits(SearchPageBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(SearchPageBase);
-
   function SearchPageBase() {
     _classCallCheck(this, SearchPageBase);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(SearchPageBase, [{
     key: "search",
     value: function search(pageNumber) {
@@ -57,7 +50,6 @@ export var SearchPageBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this = this;
-
       return /*#__PURE__*/React.createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
         template: this.props.template,
         loadStories: function loadStories(pageNumber) {
@@ -66,6 +58,5 @@ export var SearchPageBase = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return SearchPageBase;
 }(React.Component);