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

package/dist/es/components/adbutler-ad.js

@@ -2,7 +2,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import get from "lodash/get";
 import { object, string } from "prop-types";
 import React from "react";
-
 function getSize(sizeMap) {
   var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
   var screenWidth = canUseDOM && get(window, ["screen", "width"], 440);
@@ -11,6 +10,7 @@ function getSize(sizeMap) {
   if (screenWidth < 992) return sizeMap["tablet"];
   return sizeMap["desktop"];
 }
+
 /**
  * This component can be used to get ads from `Adbutler` ad service provider based on the `adtype` you want to show
  *
@@ -44,25 +44,21 @@ function getSize(sizeMap) {
  * @component
  * @category Ads
  */
-
-
 export function AdbutlerAd(_ref) {
   var adtype = _ref.adtype,
-      adbutlerConfig = _ref.adbutlerConfig,
-      sizes = _ref.sizes;
+    adbutlerConfig = _ref.adbutlerConfig,
+    sizes = _ref.sizes;
   var _adbutlerConfig$publi = adbutlerConfig.publisherId,
-      publisherId = _adbutlerConfig$publi === void 0 ? "" : _adbutlerConfig$publi,
-      _adbutlerConfig$adtyp = adbutlerConfig[adtype],
-      zoneId = _adbutlerConfig$adtyp === void 0 ? "" : _adbutlerConfig$adtyp;
+    publisherId = _adbutlerConfig$publi === void 0 ? "" : _adbutlerConfig$publi,
+    _adbutlerConfig$adtyp = adbutlerConfig[adtype],
+    zoneId = _adbutlerConfig$adtyp === void 0 ? "" : _adbutlerConfig$adtyp;
   var sizeMap = sizes[adtype];
   var size = getSize(sizeMap);
-
   var _size = _slicedToArray(size, 2),
-      _size$ = _size[0],
-      width = _size$ === void 0 ? 0 : _size$,
-      _size$2 = _size[1],
-      height = _size$2 === void 0 ? 0 : _size$2;
-
+    _size$ = _size[0],
+    width = _size$ === void 0 ? 0 : _size$,
+    _size$2 = _size[1],
+    height = _size$2 === void 0 ? 0 : _size$2;
   var src = "https://servedbyadbutler.com/adserve/;ID=".concat(publisherId, ";size=").concat(width, "x").concat(height, ";setID=").concat(zoneId, ";type=iframe;click=CLICK_MACRO_PLACEHOLDER");
   var hasSize = size.length;
   return /*#__PURE__*/React.createElement("div", {

package/dist/es/components/api-client.js

@@ -4,17 +4,15 @@ var apiClient = /*#__PURE__*/wretch().options({
 });
 export function getRequest(url, params) {
   var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      _ref$mountAt = _ref.mountAt,
-      mountAt = _ref$mountAt === void 0 ? global.qtMountAt || "" : _ref$mountAt;
-
+    _ref$mountAt = _ref.mountAt,
+    mountAt = _ref$mountAt === void 0 ? global.qtMountAt || "" : _ref$mountAt;
   var client = apiClient.url("".concat(mountAt).concat(url));
   if (params) client = client.query(params);
   return client.get();
 }
 export function postRequest(url, body) {
   var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      _ref2$mountAt = _ref2.mountAt,
-      mountAt = _ref2$mountAt === void 0 ? global.qtMountAt || "" : _ref2$mountAt;
-
+    _ref2$mountAt = _ref2.mountAt,
+    mountAt = _ref2$mountAt === void 0 ? global.qtMountAt || "" : _ref2$mountAt;
   return apiClient.url("".concat(mountAt).concat(url)).post(body);
 }

package/dist/es/components/breaking-news-item.js

@@ -1,6 +1,7 @@
 import { Link } from "./link";
 import React from 'react';
 import get from "lodash/get";
+
 /**
  * This component can be used to render a BreakingNewsItem.
  *
@@ -14,12 +15,10 @@ import get from "lodash/get";
  * @component
  * @category Header
  */
-
 export function BreakingNewsItem(_ref) {
   var item = _ref.item,
-      className = _ref.className;
+    className = _ref.className;
   var linkedStorySlug = get(item, ['metadata', 'linked-story-slug']);
-
   if (linkedStorySlug) {
     return /*#__PURE__*/React.createElement(Link, {
       className: className,

package/dist/es/components/breaking-news.js

@@ -3,27 +3,19 @@ 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 { connect } from "react-redux";
 import { BREAKING_NEWS_UPDATED } from '../store/actions';
 import { getRequest } from './api-client';
-
 var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
   _inherits(BreakingNewsBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(BreakingNewsBase);
-
   function BreakingNewsBase() {
     _classCallCheck(this, BreakingNewsBase);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(BreakingNewsBase, [{
     key: "render",
     value: function render() {
@@ -33,7 +25,6 @@ var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
     key: "updateBreakingNews",
     value: function updateBreakingNews() {
       var _this = this;
-
       getRequest('/api/v1/breaking-news').json(function (response) {
         return _this.props.breakingNewsUpdated(response.stories);
       });
@@ -42,7 +33,6 @@ var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       this.interval = global.setInterval(function () {
         return _this2.updateBreakingNews();
       }, this.props.updateInterval || 60000);
@@ -54,10 +44,8 @@ var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
       global.clearInterval(this.interval);
     }
   }]);
-
   return BreakingNewsBase;
 }(React.Component);
-
 function mapStateToProps(state) {
   return {
     config: state.qt.config || {},
@@ -65,7 +53,6 @@ function mapStateToProps(state) {
     breakingNewsLoaded: state.breakingNewsLoaded || false
   };
 }
-
 function mapDispatchToProps(dispatch) {
   return {
     breakingNewsUpdated: function breakingNewsUpdated(stories) {
@@ -76,6 +63,7 @@ function mapDispatchToProps(dispatch) {
     }
   };
 }
+
 /**
  * This component will automatically fetch breaking news every 30 seconds, and render the provided view.
  *
@@ -90,6 +78,4 @@ function mapDispatchToProps(dispatch) {
  * @component
  * @category Header
  */
-
-
 export var BreakingNews = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(BreakingNewsBase);

package/dist/es/components/client-side-only.js

@@ -3,26 +3,18 @@ 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 { connect } from "react-redux";
 import { mapStateToProps, mapDispatchToProps } from './impl/client-side-only-impl';
-
 var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
   _inherits(ClientSideOnlyBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(ClientSideOnlyBase);
-
   function ClientSideOnlyBase() {
     _classCallCheck(this, ClientSideOnlyBase);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(ClientSideOnlyBase, [{
     key: "render",
     value: function render() {
@@ -37,23 +29,19 @@ var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
-
   return ClientSideOnlyBase;
-}(React.Component);
-/**
- * This component will be loaded by client, and bypassed when doing server side rendering.
- *
- * Example
- * ```javascript
- * import { ClientSideOnly } from '@quintype/components';
- * <ClientSideOnly>
- *   This will be shown only on the client side
- * </ClientSideOnly>
- * ```
- * @see {@link WithClientSideOnly} for a render props version of this component
- * @component
- * @category Other
- */
-
-
+}(React.Component); /**
+                     * This component will be loaded by client, and bypassed when doing server side rendering.
+                     *
+                     * Example
+                     * ```javascript
+                     * import { ClientSideOnly } from '@quintype/components';
+                     * <ClientSideOnly>
+                     *   This will be shown only on the client side
+                     * </ClientSideOnly>
+                     * ```
+                     * @see {@link WithClientSideOnly} for a render props version of this component
+                     * @component
+                     * @category Other
+                     */
 export var ClientSideOnly = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(ClientSideOnlyBase);

package/dist/es/components/collection.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { string, object, func } from 'prop-types';
 import { StoryNotImplemented, CollectionNotImplemented, renderCollectionItem } from './impl/collection-impl';
+
 /**
  * This component can be used to render a [collection](https://developers.quintype.com/malibu/terminology#collections).
  *
@@ -50,13 +51,12 @@ import { StoryNotImplemented, CollectionNotImplemented, renderCollectionItem } f
  * @component
  * @category Collection Page
  */
-
 export var Collection = function Collection(_ref) {
   var className = _ref.className,
-      collection = _ref.collection,
-      collectionTemplates = _ref.collectionTemplates,
-      storyTemplates = _ref.storyTemplates,
-      interstitial = _ref.interstitial;
+    collection = _ref.collection,
+    collectionTemplates = _ref.collectionTemplates,
+    storyTemplates = _ref.storyTemplates,
+    interstitial = _ref.interstitial;
   var children = collection.items.map(function (collectionItem, index) {
     return renderCollectionItem(collectionItem, index, collectionTemplates, storyTemplates);
   }).reduce(function (arr, v, i) {

package/dist/es/components/dfp-ad.js

@@ -1,13 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from "react";
 import { AdSlot, DFPManager, DFPSlotsProvider } from "react-dfp";
 import { connect } from "react-redux";
 import { withError } from "./with-error";
+
 /**
  * This is a function which can be used to manage ad units in a single place. A component must be created, and used with the `adtype` parameter. These ads are lazy-loaded and single-request mode is disabled by default which can be overwritten as follows.
  *
@@ -49,21 +47,20 @@ import { withError } from "./with-error";
  * @category Ads
  * @returns {Component} A component that can
  */
-
 export function createDfpAdComponent(_ref) {
   var defaultNetworkID = _ref.defaultNetworkID,
-      _ref$config = _ref.config,
-      config = _ref$config === void 0 ? {} : _ref$config,
-      slotId = _ref.slotId,
-      targeting = _ref.targeting,
-      _ref$collapseEmptyDiv = _ref.collapseEmptyDivs,
-      collapseEmptyDivs = _ref$collapseEmptyDiv === void 0 ? true : _ref$collapseEmptyDiv,
-      _ref$lazyLoad = _ref.lazyLoad,
-      lazyLoad = _ref$lazyLoad === void 0 ? true : _ref$lazyLoad,
-      _ref$singleRequest = _ref.singleRequest,
-      singleRequest = _ref$singleRequest === void 0 ? false : _ref$singleRequest,
-      _ref$deferAdsBy = _ref.deferAdsBy,
-      deferAdsBy = _ref$deferAdsBy === void 0 ? 0 : _ref$deferAdsBy;
+    _ref$config = _ref.config,
+    config = _ref$config === void 0 ? {} : _ref$config,
+    slotId = _ref.slotId,
+    targeting = _ref.targeting,
+    _ref$collapseEmptyDiv = _ref.collapseEmptyDivs,
+    collapseEmptyDivs = _ref$collapseEmptyDiv === void 0 ? true : _ref$collapseEmptyDiv,
+    _ref$lazyLoad = _ref.lazyLoad,
+    lazyLoad = _ref$lazyLoad === void 0 ? true : _ref$lazyLoad,
+    _ref$singleRequest = _ref.singleRequest,
+    singleRequest = _ref$singleRequest === void 0 ? false : _ref$singleRequest,
+    _ref$deferAdsBy = _ref.deferAdsBy,
+    deferAdsBy = _ref$deferAdsBy === void 0 ? 0 : _ref$deferAdsBy;
   return connect(function (state, ownProps) {
     return {
       targetingArguments: targeting(state, ownProps),
@@ -79,23 +76,20 @@ export function createDfpAdComponent(_ref) {
     return {};
   })(withError(DfpAdBase));
 }
-
 function DfpAdBase(_ref2) {
   var defaultNetworkID = _ref2.defaultNetworkID,
-      config = _ref2.config,
-      slotId = _ref2.slotId,
-      collapseEmptyDivs = _ref2.collapseEmptyDivs,
-      targetingArguments = _ref2.targetingArguments,
-      adtype = _ref2.adtype,
-      lazyLoad = _ref2.lazyLoad,
-      singleRequest = _ref2.singleRequest,
-      deferAdsBy = _ref2.deferAdsBy;
+    config = _ref2.config,
+    slotId = _ref2.slotId,
+    collapseEmptyDivs = _ref2.collapseEmptyDivs,
+    targetingArguments = _ref2.targetingArguments,
+    adtype = _ref2.adtype,
+    lazyLoad = _ref2.lazyLoad,
+    singleRequest = _ref2.singleRequest,
+    deferAdsBy = _ref2.deferAdsBy;
   var adConfig = config[adtype] || {};
-
   var adProps = _objectSpread({
     slotId: slotId
   }, adConfig);
-
   return /*#__PURE__*/React.createElement(DFPSlotsProvider, {
     dfpNetworkId: defaultNetworkID,
     collapseEmptyDivs: collapseEmptyDivs,
@@ -106,7 +100,6 @@ function DfpAdBase(_ref2) {
     deferAdsBy: deferAdsBy
   }, /*#__PURE__*/React.createElement(AdSlot, adProps));
 }
-
 export function refreshDfpAds(adSlots) {
   DFPManager.refresh(adSlots);
 }

package/dist/es/components/eager-load-images.js

@@ -3,13 +3,11 @@ 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 { func } from 'prop-types';
+
 /**
  * This component can be used along with {@link LazyLoadImages}. Children of `EagerLoadImages` are forced to be eager, if they match the given predicate
  *
@@ -17,18 +15,13 @@ import { func } from 'prop-types';
  * @component
  * @category Images
  */
-
 export var EagerLoadImages = /*#__PURE__*/function (_React$Component) {
   _inherits(EagerLoadImages, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(EagerLoadImages);
-
   function EagerLoadImages() {
     _classCallCheck(this, EagerLoadImages);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(EagerLoadImages, [{
     key: "getChildContext",
     value: function getChildContext() {
@@ -44,7 +37,6 @@ export var EagerLoadImages = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-
   return EagerLoadImages;
 }(React.Component);
 EagerLoadImages.childContextTypes = {

package/dist/es/components/hamburger-button.js

@@ -1,16 +1,14 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import { HAMBURGER_CLICKED } from "../store/actions";
-
 function HamburgerButtonBase(_ref) {
   var onClick = _ref.onClick,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/React.createElement("a", {
     href: "/",
     onClick: onClick
   }, children);
 }
-
 function mapDispatchToProps(dispatch) {
   return {
     onClick: function onClick(e) {
@@ -22,6 +20,7 @@ function mapDispatchToProps(dispatch) {
     }
   };
 }
+
 /**
  * This component can be used to trigger an action openening the Hamburger menu. The state can be accessed via state.hamburgerOpened
  *
@@ -35,8 +34,6 @@ function mapDispatchToProps(dispatch) {
  * @component
  * @category Header
  */
-
-
 export var HamburgerButton = /*#__PURE__*/connect(function (state) {
   return {};
 }, mapDispatchToProps)(HamburgerButtonBase);

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

@@ -1,11 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from "react";
 import { ResponsiveImage } from "./responsive-image";
+
 /**
  * This component can be used for adding image gallery on the story page.
  *
@@ -18,16 +16,15 @@ import { ResponsiveImage } from "./responsive-image";
  * @category Story Page
  * @component
  */
-
 export function ImageGalleryElement(_ref) {
   var className = _ref.className,
-      imageAspectRatio = _ref.imageAspectRatio,
-      defaultWidth = _ref.defaultWidth,
-      element = _ref.element,
-      widths = _ref.widths,
-      story = _ref.story,
-      onClickHandler = _ref.onClickHandler,
-      imgParams = _ref.imgParams;
+    imageAspectRatio = _ref.imageAspectRatio,
+    defaultWidth = _ref.defaultWidth,
+    element = _ref.element,
+    widths = _ref.widths,
+    story = _ref.story,
+    onClickHandler = _ref.onClickHandler,
+    imgParams = _ref.imgParams;
   element = element || {};
   var images = element["story-elements"].map(function (image, index) {
     return /*#__PURE__*/React.createElement("figure", {

package/dist/es/components/impl/collection-impl.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import { getAssociatedTemplate } from "../../utils";
 export function StoryNotImplemented() {
@@ -18,7 +15,6 @@ export function CollectionNotImplemented() {
 }
 export function renderCollectionItem(collectionItem, index, collectionTemplates, storyTemplates) {
   var otherProps = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
-
   switch (collectionItem.type) {
     case "collection":
       return /*#__PURE__*/React.createElement(collectionTemplates(getAssociatedTemplate(collectionItem), index), _objectSpread({
@@ -27,7 +23,6 @@ export function renderCollectionItem(collectionItem, index, collectionTemplates,
         collection: collectionItem,
         metadata: collectionItem["associated-metadata"] || {}
       }, otherProps));
-
     case "story":
       return /*#__PURE__*/React.createElement(storyTemplates(index), _objectSpread({
         key: "".concat(index, "-").concat(collectionItem.id),
@@ -35,7 +30,6 @@ export function renderCollectionItem(collectionItem, index, collectionTemplates,
         story: collectionItem.story,
         metadata: collectionItem["associated-metadata"] || {}
       }, otherProps));
-
     default:
       return /*#__PURE__*/React.createElement("div", {
         "data-comment": "".concat(collectionItem.type, " not implemented")

package/dist/es/components/impl/gumlet-image.js

@@ -1,26 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useEffect } from "react";
 import emptyWebGif from 'empty-web-gif';
 import { FocusedImage } from "quintype-js";
 import { hashString, USED_PARAMS } from "./image-utils";
 import omit from '@babel/runtime/helpers/objectWithoutProperties';
 var forceLoadingGumlet = false;
-
 function loadGumlet() {
   if (window.GUMLET_CONFIG || window.gumlet || forceLoadingGumlet === true) {
     return;
   }
-
   if (process.env.NODE_ENV == 'development') {
     console.warn("Loading Gumlet Dynamically! This is really bad for page speed. Please see https://developers.quintype.com/malibu/tutorial/gumlet-integration");
   }
-
   forceLoadingGumlet = true;
   window.GUMLET_CONFIG = window.GUMLET_CONFIG || {
     hosts: []
@@ -30,15 +24,14 @@ function loadGumlet() {
   script.src = 'https://cdn.gumlet.com/gumlet.js/2.0/gumlet.min.js';
   document.body.appendChild(script);
 }
-
 export function GumletImage(props) {
   var slug = props.slug,
-      metadata = props.metadata,
-      aspectRatio = props.aspectRatio,
-      imageCDN = props.imageCDN,
-      imgParams = props.imgParams,
-      reactTag = props.reactTag,
-      className = props.className;
+    metadata = props.metadata,
+    aspectRatio = props.aspectRatio,
+    imageCDN = props.imageCDN,
+    imgParams = props.imgParams,
+    reactTag = props.reactTag,
+    className = props.className;
   var image = new FocusedImage(slug, metadata);
   var imageProps = {
     src: emptyWebGif,

package/dist/es/components/impl/image-utils.js

@@ -1,10 +1,10 @@
-export var USED_PARAMS = ["imageCDN", "defaultWidth", "widths", "imgParams", "slug", "metadata", "aspectRatio", "reactTag", "eager", "imageCDNFormat"]; // Add the following CSS somewhere: img.qt-image { width: 100%; object-fit: cover; }
+export var USED_PARAMS = ["imageCDN", "defaultWidth", "widths", "imgParams", "slug", "metadata", "aspectRatio", "reactTag", "eager", "imageCDNFormat"];
 
+// Add the following CSS somewhere: img.qt-image { width: 100%; object-fit: cover; }
 export function hashString(string) {
   if (!string) return 0;
   var hash = 0,
-      i;
-
+    i;
   for (i = 0; i < string.length; i++) {
     hash = (hash << 5) - hash + string.charCodeAt(i);
     hash |= 0; // Convert to 32bit integer

package/dist/es/components/impl/load-more-stories-manager.js

@@ -3,23 +3,16 @@ 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 { removeDuplicateStories } from '../../utils';
 export var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
   _inherits(LoadMoreStoriesManager, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(LoadMoreStoriesManager);
-
   function LoadMoreStoriesManager(props) {
     var _this;
-
     _classCallCheck(this, LoadMoreStoriesManager);
-
     _this = _super.call(this, props);
     _this.state = {
       loading: false,
@@ -29,7 +22,6 @@ export var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass(LoadMoreStoriesManager, [{
     key: "stories",
     value: function stories() {
@@ -39,7 +31,6 @@ export var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
     key: "loadMore",
     value: function loadMore(e) {
       var _this2 = this;
-
       e.preventDefault();
       if (this.state.loading) return;
       var pageNumber = this.state.pageNumber;
@@ -60,7 +51,6 @@ export var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       return this.props.template(Object.assign({}, this.props, {
         stories: this.stories(),
         onLoadMore: function onLoadMore(e) {
@@ -71,6 +61,5 @@ export var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return LoadMoreStoriesManager;
 }(React.Component);