@quintype/components 3.4.6 → 3.4.7-stories-by-external-id.0

package/dist/cjs/index.js

@@ -1093,9 +1093,10 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
 
       if (!this.props.doNotChangeUrl) {
         var storyPath = item.story.url ? new URL(item.story.url).pathname : "/" + item.story.slug;
-        var metaTitle = get__default["default"](item, ['story', 'seo', 'meta-title'], item.story.headline);
+        var metaTitle = get__default["default"](item, ["story", "seo", "meta-title"], item.story.headline);
         var title = get__default["default"](item, ["customSeo", "title"], metaTitle);
-        global.app.maybeSetUrl(storyPath, title);
+        var path = this.props.changeUrlTo && this.props.changeUrlTo(item);
+        global.app.maybeSetUrl(path || storyPath, title);
       }
 
       this.props.onItemFocus && this.props.onItemFocus(item, index);
@@ -1115,7 +1116,7 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
 
       if (this.state.loading) return;
       var pageNumber = this.state.pageNumber;
-      var story = get__default["default"](this.props.data, ['story'], {});
+      var story = get__default["default"](this.props.data, ["story"], {});
       this.setState({
         loading: true,
         pageNumber: pageNumber + 1

package/dist/es/components/infinite-story-base.js

@@ -8,10 +8,10 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 React from "react";
+import { removeDuplicateStories } from "../utils";
 import { InfiniteScroll } from "./infinite-scroll.js";
-import { removeDuplicateStories } from '../utils';
 /**
  * This component can be used to implement InfiniteScroll on the story page. You will need to specify the function which renders the story (which will recieve props.index and props.story), and functions for triggering analytics.
  *
@@ -94,9 +94,10 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
 
       if (!this.props.doNotChangeUrl) {
         var storyPath = item.story.url ? new URL(item.story.url).pathname : "/" + item.story.slug;
-        var metaTitle = get(item, ['story', 'seo', 'meta-title'], item.story.headline);
+        var metaTitle = get(item, ["story", "seo", "meta-title"], item.story.headline);
         var title = get(item, ["customSeo", "title"], metaTitle);
-        global.app.maybeSetUrl(storyPath, title);
+        var path = this.props.changeUrlTo && this.props.changeUrlTo(item);
+        global.app.maybeSetUrl(path || storyPath, title);
       }
 
       this.props.onItemFocus && this.props.onItemFocus(item, index);
@@ -116,7 +117,7 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
 
       if (this.state.loading) return;
       var pageNumber = this.state.pageNumber;
-      var story = get(this.props.data, ['story'], {});
+      var story = get(this.props.data, ["story"], {});
       this.setState({
         loading: true,
         pageNumber: pageNumber + 1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/components",
-  "version": "3.4.6",
+  "version": "3.4.7-stories-by-external-id.0",
   "description": "Components to help build Quintype Node.js apps",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",