Add all Arrow Row - templates for BOLD config

app/isomorphic/arrow/index.js

@@ -68,7 +68,7 @@ export { default as AsideCollection } from "./components/Rows/AsideCollection";
 export { StoryCollection } from "./components/Rows/AsideCollection";
 export { default as VideoStoryTemplate } from "./components/Rows/StoryTemplates/VideoStoryTemplates";
 export { default as TextStoryTemplate } from "./components/Rows/StoryTemplates/TextStoryTemplates";
-export { default as LiveBlogStoryTemplate } from "./components/Rows/StoryTemplates/LiveBlogStorytemplates";
+export { default as LiveBlogStoryTemplate } from "./components/Rows/StoryTemplates/LiveBlogStoryTemplates";
 export { default as ListicleStoryTemplate } from "./components/Rows/StoryTemplates/ListicleStoryTemplates";
 export { default as ListComponent } from "./components/Rows/ListComponent";
 export { default as MagazineEditions } from "./components/Rows/MagazineEditions";

app/isomorphic/components/collection-templates/arrow-rows/alt-collection-filter/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { AlternateCollectionFilter } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowAlternateCollectionFilter = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <AlternateCollectionFilter collection={collection} config={config} />;
+};
+
+ArrowAlternateCollectionFilter.propTypes = {
+  collection: object,
+};
+
+ArrowAlternateCollectionFilter.storyLimit = 4;

app/isomorphic/components/collection-templates/arrow-rows/astrology-collection/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { AstrologyCollection } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowAstrologyCollection = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <AstrologyCollection collection={collection} config={config} />;
+};
+
+ArrowAstrologyCollection.propTypes = {
+  collection: object,
+};
+
+ArrowAstrologyCollection.storyLimit = 4;

app/isomorphic/components/collection-templates/arrow-rows/collection-filter/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { CollectionFilter } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowCollectionFilter = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <CollectionFilter collection={collection} config={config} />;
+};
+
+ArrowCollectionFilter.propTypes = {
+  collection: object,
+};
+
+ArrowCollectionFilter.storyLimit = 4;

app/isomorphic/components/collection-templates/arrow-rows/four-col-16-stories/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { FourColSixteenStories } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowFourColSixteenStories = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <FourColSixteenStories collection={collection} config={config} />;
+};
+
+ArrowFourColSixteenStories.propTypes = {
+  collection: object,
+};
+
+ArrowFourColSixteenStories.storyLimit = 16;

app/isomorphic/components/collection-templates/arrow-rows/four-col-five-stories/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { FourColFiveStories } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowFourColFiveStories = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <FourColFiveStories collection={collection} config={config} />;
+};
+
+ArrowFourColFiveStories.propTypes = {
+  collection: object,
+};
+
+ArrowFourColFiveStories.storyLimit = 16;

app/isomorphic/components/collection-templates/arrow-rows/four-col-portrait-stories/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { FourColPortraitStories } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowFourColPortraitStories = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <FourColPortraitStories collection={collection} config={config} />;
+};
+
+ArrowFourColPortraitStories.propTypes = {
+  collection: object,
+};
+
+ArrowFourColPortraitStories.storyLimit = 4;

app/isomorphic/components/collection-templates/arrow-rows/four-story-slider-portrait/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { FourStorySliderPortrait } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowFourStorySliderPortrait = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <FourStorySliderPortrait collection={collection} config={config} />;
+};
+
+ArrowFourStorySliderPortrait.propTypes = {
+  collection: object,
+};
+
+ArrowFourStorySliderPortrait.storyLimit = 4;

app/isomorphic/components/collection-templates/arrow-rows/four-story-slider/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { FourStorySlider } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowFourStorySlider = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <FourStorySlider collection={collection} config={config} />;
+};
+
+ArrowFourStorySlider.propTypes = {
+  collection: object,
+};
+
+ArrowFourStorySlider.storyLimit = 4;

app/isomorphic/components/collection-templates/arrow-rows/four-tabbed-big-story-slider/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { FourTabbedBigStorySlider } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowFourTabbedBigStorySlider = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <FourTabbedBigStorySlider collection={collection} config={config} />;
+};
+
+ArrowFourTabbedBigStorySlider.propTypes = {
+  collection: object,
+};
+
+ArrowFourTabbedBigStorySlider.storyLimit = 4;

app/isomorphic/components/collection-templates/arrow-rows/half-screen-slider/index.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { HalfScreenSlider } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowHalfScreenSlider = ({ collection }) => {
+  const contextConfig = {
+    numberOfStoriesToShow: 5,
+    buttonText: `${collection.name} News`,
+  };
+
+  return <HalfScreenSlider collection={collection} config={contextConfig} />;
+};
+
+ArrowHalfScreenSlider.propTypes = {
+  collection: object,
+};
+
+ArrowHalfScreenSlider.storyLimit = 6;

app/isomorphic/components/collection-templates/arrow-rows/index.js

@@ -6,6 +6,31 @@ import { ArrowOneColStoryList } from "./one-col-story-list";
 import { ArrowThreeColGrid } from "./three-col-grid";
 import { ArrowThreeColSevenStories } from "./three-col-seven-stories";
 import { ArrowTwoColFourStories } from "./two-col-four-stories";
+import { ArrowTwoColThreeStories } from "./two-col-three-stories";
+import { ArrowTwoColSevenStories } from "./two-col-seven-stories";
+import { ArrowThreeColSixStories } from "./three-col-six-stories";
+import { ArrowHalfScreenSlider } from "./half-screen-slider";
+import { ArrowFourStorySlider } from "./four-story-slider";
+import { ArrowFourStorySliderPortrait } from "./four-story-slider-portrait";
+import { ArrowThreeColFourteenStories } from "./three-col-14-stories";
+import { ArrowFourColSixteenStories } from "./four-col-16-stories";
+import { ArrowFourColFiveStories } from "./four-col-five-stories";
+import { ArrowTwoColSixStories } from "./two-col-six-stories";
+import { ArrowTwoColFourStoryHighlight } from "./two-col-four-story-highlight";
+import { ArrowThreeColFlexStories } from "./three-col-flex-stories";
+import { ArrowSixColSixStories } from "./six-col-six-stories";
+import { ArrowTwoColTenStoriesSidebar } from "./two-col-ten-stories-sidebar";
+import { ArrowFourTabbedBigStorySlider } from "./four-tabbed-big-story-slider";
+import { ArrowFourColPortraitStories } from "./four-col-portrait-stories";
+import { ArrowThreeColTwelveStories } from "./three-col-12-stories";
+import { ArrowCollectionFilter } from "./collection-filter";
+import { ArrowAlternateCollectionFilter } from "./alt-collection-filter";
+import { ArrowAstrologyCollection } from "./astrology-collection";
+import { ArrowOpinionCollection } from "./opinion-collection";
+import { ArrowListicles } from "./listicles";
+import { ArrowMagazineWidget } from "./magazine-widget";
+import { ArrowMagazineEditions } from "./magazine-editions/index";
+import { ArrowListComponent } from "./list-component/index";
 
 export {
   ArrowElevenStories,
@@ -15,5 +40,30 @@ export {
   ArrowOneColStoryList,
   ArrowThreeColGrid,
   ArrowThreeColSevenStories,
-  ArrowTwoColFourStories
+  ArrowTwoColFourStories,
+  ArrowTwoColThreeStories,
+  ArrowTwoColSevenStories,
+  ArrowThreeColSixStories,
+  ArrowHalfScreenSlider,
+  ArrowFourStorySlider,
+  ArrowFourStorySliderPortrait,
+  ArrowThreeColFourteenStories,
+  ArrowFourColSixteenStories,
+  ArrowFourColFiveStories,
+  ArrowTwoColSixStories,
+  ArrowTwoColFourStoryHighlight,
+  ArrowThreeColFlexStories,
+  ArrowSixColSixStories,
+  ArrowTwoColTenStoriesSidebar,
+  ArrowThreeColTwelveStories,
+  ArrowFourTabbedBigStorySlider,
+  ArrowFourColPortraitStories,
+  ArrowCollectionFilter,
+  ArrowAlternateCollectionFilter,
+  ArrowAstrologyCollection,
+  ArrowOpinionCollection,
+  ArrowListicles,
+  ArrowMagazineWidget,
+  ArrowMagazineEditions,
+  ArrowListComponent,
 };

app/isomorphic/components/collection-templates/arrow-rows/list-component/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { ListComponent } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowListComponent = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <ListComponent collection={collection} config={config} />;
+};
+
+ArrowListComponent.propTypes = {
+  collection: object,
+};
+
+ArrowListComponent.storyLimit = 4;

app/isomorphic/components/collection-templates/arrow-rows/listicles/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { Listicles } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowListicles = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <Listicles collection={collection} config={config} />;
+};
+
+ArrowListicles.propTypes = {
+  collection: object,
+};
+
+ArrowListicles.storyLimit = 5;

app/isomorphic/components/collection-templates/arrow-rows/magazine-editions/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { MagazineEditions } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowMagazineEditions = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <MagazineEditions collection={collection} config={config} />;
+};
+
+ArrowMagazineEditions.propTypes = {
+  collection: object,
+};
+
+ArrowMagazineEditions.storyLimit = 4;

app/isomorphic/components/collection-templates/arrow-rows/magazine-widget/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { MagazineWidget } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowMagazineWidget = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <MagazineWidget collection={collection} config={config} />;
+};
+
+ArrowMagazineWidget.propTypes = {
+  collection: object,
+};
+
+ArrowMagazineWidget.storyLimit = 4;

app/isomorphic/components/collection-templates/arrow-rows/opinion-collection/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { OpinionCollection } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowOpinionCollection = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <OpinionCollection collection={collection} config={config} />;
+};
+
+ArrowOpinionCollection.propTypes = {
+  collection: object,
+};
+
+ArrowOpinionCollection.storyLimit = 6;

app/isomorphic/components/collection-templates/arrow-rows/six-col-six-stories/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { SixColSixStories } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowSixColSixStories = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <SixColSixStories collection={collection} config={config} />;
+};
+
+ArrowSixColSixStories.propTypes = {
+  collection: object,
+};
+
+ArrowSixColSixStories.storyLimit = 6;

app/isomorphic/components/collection-templates/arrow-rows/three-col-12-stories/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { ThreeColTwelveStories } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowThreeColTwelveStories = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <ThreeColTwelveStories collection={collection} config={config} />;
+};
+
+ArrowThreeColTwelveStories.propTypes = {
+  collection: object,
+};
+
+ArrowThreeColTwelveStories.storyLimit = 12;

app/isomorphic/components/collection-templates/arrow-rows/three-col-14-stories/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { ThreeColFourteenStories } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowThreeColFourteenStories = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <ThreeColFourteenStories collection={collection} config={config} />;
+};
+
+ArrowThreeColFourteenStories.propTypes = {
+  collection: object,
+};
+
+ArrowThreeColFourteenStories.storyLimit = 14;

app/isomorphic/components/collection-templates/arrow-rows/three-col-flex-stories/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { ThreeColFlexStories } from "../../../../arrow";
+import { object } from "prop-types";
+
+export const ArrowThreeColFlexStories = ({ collection }) => {
+  const config = {
+    buttonText: `${collection.name} News`,
+  };
+  return <ThreeColFlexStories collection={collection} config={config} />;
+};
+
+ArrowThreeColFlexStories.propTypes = {
+  collection: object,
+};
+
+ArrowThreeColFlexStories.storyLimit = 12;