@quintype/components 3.8.8-only-react-v19.2 → 3.8.8

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

@@ -2,6 +2,7 @@ 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);
@@ -10,7 +11,6 @@ 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,21 +44,25 @@ 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,15 +4,17 @@ 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,7 +1,6 @@
 import { Link } from "./link";
 import React from 'react';
 import get from "lodash/get";
-
 /**
  * This component can be used to render a BreakingNewsItem.
  *
@@ -15,10 +14,12 @@ 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

@@ -1,21 +1,30 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 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";
-import _inherits from "@babel/runtime/helpers/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+
+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 _callSuper(this, BreakingNewsBase, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(BreakingNewsBase, _React$Component);
-  return _createClass(BreakingNewsBase, [{
+
+  _createClass(BreakingNewsBase, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(this.props.view, this.props);
@@ -24,6 +33,7 @@ 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);
       });
@@ -32,6 +42,7 @@ 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);
@@ -43,7 +54,10 @@ var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
       global.clearInterval(this.interval);
     }
   }]);
+
+  return BreakingNewsBase;
 }(React.Component);
+
 function mapStateToProps(state) {
   return {
     config: state.qt.config || {},
@@ -51,6 +65,7 @@ function mapStateToProps(state) {
     breakingNewsLoaded: state.breakingNewsLoaded || false
   };
 }
+
 function mapDispatchToProps(dispatch) {
   return {
     breakingNewsUpdated: function breakingNewsUpdated(stories) {
@@ -61,7 +76,6 @@ function mapDispatchToProps(dispatch) {
     }
   };
 }
-
 /**
  * This component will automatically fetch breaking news every 30 seconds, and render the provided view.
  *
@@ -76,4 +90,6 @@ function mapDispatchToProps(dispatch) {
  * @component
  * @category Header
  */
+
+
 export var BreakingNews = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(BreakingNewsBase);

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

@@ -1,20 +1,29 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 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";
-import _inherits from "@babel/runtime/helpers/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+
+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 _callSuper(this, ClientSideOnlyBase, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(ClientSideOnlyBase, _React$Component);
-  return _createClass(ClientSideOnlyBase, [{
+
+  _createClass(ClientSideOnlyBase, [{
     key: "render",
     value: function render() {
       if (this.props.clientSideRendered) {
@@ -28,6 +37,8 @@ var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
+
+  return ClientSideOnlyBase;
 }(React.Component);
 /**
  * This component will be loaded by client, and bypassed when doing server side rendering.
@@ -43,4 +54,6 @@ var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
  * @component
  * @category Other
  */
+
+
 export var ClientSideOnly = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(ClientSideOnlyBase);

package/dist/es/components/collection.js

@@ -1,7 +1,6 @@
 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).
  *
@@ -51,12 +50,13 @@ 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,11 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+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; }
+
 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.
  *
@@ -47,20 +49,21 @@ 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),
@@ -76,20 +79,23 @@ 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,
@@ -100,6 +106,7 @@ 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

@@ -1,13 +1,15 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 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";
-import _inherits from "@babel/runtime/helpers/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+
+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
  *
@@ -15,13 +17,19 @@ 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 _callSuper(this, EagerLoadImages, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(EagerLoadImages, _React$Component);
-  return _createClass(EagerLoadImages, [{
+
+  _createClass(EagerLoadImages, [{
     key: "getChildContext",
     value: function getChildContext() {
       return {
@@ -36,6 +44,8 @@ export var EagerLoadImages = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
+
+  return EagerLoadImages;
 }(React.Component);
 EagerLoadImages.childContextTypes = {
   lazyLoadEagerPredicate: func

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

@@ -1,14 +1,16 @@
 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) {
@@ -20,7 +22,6 @@ function mapDispatchToProps(dispatch) {
     }
   };
 }
-
 /**
  * This component can be used to trigger an action openening the Hamburger menu. The state can be accessed via state.hamburgerOpened
  *
@@ -34,6 +35,8 @@ function mapDispatchToProps(dispatch) {
  * @component
  * @category Header
  */
+
+
 export var HamburgerButton = /*#__PURE__*/connect(function (state) {
   return {};
 }, mapDispatchToProps)(HamburgerButtonBase);

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

@@ -1,9 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+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; }
+
 import React from "react";
 import { ResponsiveImage } from "./responsive-image";
-
 /**
  * This component can be used for adding image gallery on the story page.
  *
@@ -16,15 +18,16 @@ 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,6 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+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; }
+
 import React from 'react';
 import { getAssociatedTemplate } from "../../utils";
 export function StoryNotImplemented() {
@@ -15,14 +18,17 @@ 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({
         key: "".concat(index, "-").concat(collectionItem.id),
         index: index,
         collection: collectionItem,
-        metadata: collectionItem["associated-metadata"] || {}
+        metadata: collectionItem["associated-metadata"] || {},
+        collectionIndex: collectionItem === null || collectionItem === void 0 ? void 0 : collectionItem["collectionIndex"]
       }, otherProps));
+
     case "story":
       return /*#__PURE__*/React.createElement(storyTemplates(index), _objectSpread({
         key: "".concat(index, "-").concat(collectionItem.id),
@@ -30,6 +36,7 @@ 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,7 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+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; }
+
 import omit from '@babel/runtime/helpers/objectWithoutProperties';
 import emptyWebGif from 'empty-web-gif';
 import { FocusedImage } from 'quintype-js';
@@ -9,13 +12,16 @@ import React, { useEffect } from 'react';
 import { Helmet } from 'react-helmet';
 import { hashString, USED_PARAMS } from './image-utils';
 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: []
@@ -25,16 +31,17 @@ 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,
-    priority = props.priority,
-    sizes = props.sizes;
+      metadata = props.metadata,
+      aspectRatio = props.aspectRatio,
+      imageCDN = props.imageCDN,
+      imgParams = props.imgParams,
+      reactTag = props.reactTag,
+      className = props.className,
+      priority = props.priority,
+      sizes = props.sizes;
   var image = new FocusedImage(slug, metadata);
   var imageProps = {
     src: emptyWebGif,
@@ -42,9 +49,11 @@ export function GumletImage(props) {
     key: hashString(slug),
     sizes: sizes
   };
+
   if (priority) {
     imageProps.fetchPriority = 'high';
   }
+
   var Tag = reactTag || 'img';
   useEffect(loadGumlet);
   return /*#__PURE__*/React.createElement(React.Fragment, null, priority && /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("link", {

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

@@ -1,13 +1,14 @@
-export var USED_PARAMS = ["imageCDN", "defaultWidth", "widths", "imgParams", "slug", "metadata", "aspectRatio", "reactTag", "eager", "imageCDNFormat"];
+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; }
 
-// 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
   }
+
   return hash;
 }