@quintype/arrow 3.15.1-perf.4 → 3.15.1-perf.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (613) hide show
  1. package/cjs/index.js +14589 -0
  2. package/esm/components/Atoms/AdPlaceholder/ads.m.css +13 -0
  3. package/esm/components/Atoms/AdPlaceholder/index.js +28 -0
  4. package/esm/components/Atoms/Author/README.md +19 -0
  5. package/esm/components/Atoms/Author/author.m.css +65 -0
  6. package/esm/components/Atoms/Author/index.js +109 -0
  7. package/esm/components/Atoms/Author/stories.js +28 -0
  8. package/esm/components/Atoms/AuthorCard/README.md +47 -0
  9. package/esm/components/Atoms/AuthorCard/author-card.m.css +174 -0
  10. package/esm/components/Atoms/AuthorCard/author-card.test.js +93 -0
  11. package/esm/components/Atoms/AuthorCard/index.js +133 -0
  12. package/esm/components/Atoms/AuthorCard/stories.js +68 -0
  13. package/esm/components/Atoms/AuthorImage/README.md +31 -0
  14. package/esm/components/Atoms/AuthorImage/author-image.m.css +53 -0
  15. package/esm/components/Atoms/AuthorImage/index.js +69 -0
  16. package/esm/components/Atoms/AuthorImage/stories.js +26 -0
  17. package/esm/components/Atoms/AuthorWithTimestamp/README.md +12 -0
  18. package/esm/components/Atoms/AuthorWithTimestamp/author-with-timestamp.m.css +42 -0
  19. package/esm/components/Atoms/AuthorWithTimestamp/index.js +95 -0
  20. package/esm/components/Atoms/AuthorWithTimestamp/stories.js +22 -0
  21. package/esm/components/Atoms/BulletPoint/README.md +9 -0
  22. package/esm/components/Atoms/BulletPoint/bullet-point.m.css +14 -0
  23. package/esm/components/Atoms/BulletPoint/index.js +27 -0
  24. package/esm/components/Atoms/BulletPoint/stories.js +9 -0
  25. package/esm/components/Atoms/CaptionAttribution/README.md +15 -0
  26. package/esm/components/Atoms/CaptionAttribution/caption-attribution.m.css +40 -0
  27. package/esm/components/Atoms/CaptionAttribution/caption-attribution.test.js +50 -0
  28. package/esm/components/Atoms/CaptionAttribution/index.js +66 -0
  29. package/esm/components/Atoms/CaptionAttribution/stories.js +47 -0
  30. package/esm/components/Atoms/CollectionName/README.md +11 -0
  31. package/esm/components/Atoms/CollectionName/collection-name.m.css +94 -0
  32. package/esm/components/Atoms/CollectionName/index.js +152 -0
  33. package/esm/components/Atoms/CollectionName/stories.js +41 -0
  34. package/esm/components/Atoms/Divider/__snapshots__/divider.test.js.snap +18 -0
  35. package/esm/components/Atoms/Divider/divider.m.css +6 -0
  36. package/esm/components/Atoms/Divider/divider.test.js +9 -0
  37. package/esm/components/Atoms/Divider/index.js +34 -0
  38. package/esm/components/Atoms/Dot/dot.js +39 -0
  39. package/esm/components/Atoms/Dot/dot.m.css +6 -0
  40. package/esm/components/Atoms/ExtendedLoadMore/README.md +9 -0
  41. package/esm/components/Atoms/ExtendedLoadMore/__snapshots__/extended-load-more.test.js.snap +11 -0
  42. package/esm/components/Atoms/ExtendedLoadMore/extended-load-more.test.js +14 -0
  43. package/esm/components/Atoms/ExtendedLoadMore/index.js +183 -0
  44. package/esm/components/Atoms/FallbackImage/fallback.m.css +33 -0
  45. package/esm/components/Atoms/FallbackImage/index.js +29 -0
  46. package/esm/components/Atoms/Headline/README.md +7 -0
  47. package/esm/components/Atoms/Headline/headline.m.css +26 -0
  48. package/esm/components/Atoms/Headline/index.js +97 -0
  49. package/esm/components/Atoms/Headline/stories.js +39 -0
  50. package/esm/components/Atoms/HeroImage/README.md +13 -0
  51. package/esm/components/Atoms/HeroImage/hero-image.m.css +72 -0
  52. package/esm/components/Atoms/HeroImage/index.js +175 -0
  53. package/esm/components/Atoms/HeroImage/stories.js +23 -0
  54. package/esm/components/Atoms/Hyperlink/hyperlink.m.css +10 -0
  55. package/esm/components/Atoms/Hyperlink/index.js +20 -0
  56. package/esm/components/Atoms/LoadMoreTarget/index.js +24 -0
  57. package/esm/components/Atoms/Loadmore/README.md +0 -0
  58. package/esm/components/Atoms/Loadmore/__snapshots__/load-more.test.js.snap +25 -0
  59. package/esm/components/Atoms/Loadmore/index.js +61 -0
  60. package/esm/components/Atoms/Loadmore/load-more.m.css +23 -0
  61. package/esm/components/Atoms/Loadmore/load-more.test.js +26 -0
  62. package/esm/components/Atoms/Loadmore/stories.js +17 -0
  63. package/esm/components/Atoms/MagazineCoverImage/README.md +21 -0
  64. package/esm/components/Atoms/MagazineCoverImage/index.js +58 -0
  65. package/esm/components/Atoms/MagazineCoverImage/magazine-cover-image.m.css +24 -0
  66. package/esm/components/Atoms/MagazineCoverImage/stories.js +22 -0
  67. package/esm/components/Atoms/PremiumStoryIcon/index.js +54 -0
  68. package/esm/components/Atoms/PublishDetail/README.md +15 -0
  69. package/esm/components/Atoms/PublishDetail/index.js +104 -0
  70. package/esm/components/Atoms/PublishDetail/publish-details.m.css +47 -0
  71. package/esm/components/Atoms/PublishDetail/publish-details.test.js +38 -0
  72. package/esm/components/Atoms/PublishDetail/stories.js +20 -0
  73. package/esm/components/Atoms/ReadTime/README.md +13 -0
  74. package/esm/components/Atoms/ReadTime/index.js +46 -0
  75. package/esm/components/Atoms/ReadTime/read-time.m.css +25 -0
  76. package/esm/components/Atoms/ReadTime/read-time.test.js +29 -0
  77. package/esm/components/Atoms/ReadTime/stories.js +15 -0
  78. package/esm/components/Atoms/ScrollSnap/SliderArrow/index.js +64 -0
  79. package/esm/components/Atoms/ScrollSnap/SliderArrow/slider-arrow.m.css +45 -0
  80. package/esm/components/Atoms/ScrollSnap/SliderIndicator/index.js +53 -0
  81. package/esm/components/Atoms/ScrollSnap/SliderIndicator/slider-indicator.m.css +71 -0
  82. package/esm/components/Atoms/ScrollSnap/index.js +165 -0
  83. package/esm/components/Atoms/ScrollSnap/scroll-snap.m.css +27 -0
  84. package/esm/components/Atoms/SectionTag/README.md +11 -0
  85. package/esm/components/Atoms/SectionTag/index.js +79 -0
  86. package/esm/components/Atoms/SectionTag/section.m.css +53 -0
  87. package/esm/components/Atoms/SectionTag/stories.js +22 -0
  88. package/esm/components/Atoms/SocialSharePopup/README.md +25 -0
  89. package/esm/components/Atoms/SocialSharePopup/__snapshots__/social-share-popup.test.js.snap +653 -0
  90. package/esm/components/Atoms/SocialSharePopup/index.js +100 -0
  91. package/esm/components/Atoms/SocialSharePopup/social-share-popup.m.css +109 -0
  92. package/esm/components/Atoms/SocialSharePopup/social-share-popup.test.js +87 -0
  93. package/esm/components/Atoms/SocialSharePopup/stories.js +18 -0
  94. package/esm/components/Atoms/StoryElements/AlsoRead/README.md +49 -0
  95. package/esm/components/Atoms/StoryElements/AlsoRead/also-read.m.css +135 -0
  96. package/esm/components/Atoms/StoryElements/AlsoRead/also-read.test.js +97 -0
  97. package/esm/components/Atoms/StoryElements/AlsoRead/index.js +156 -0
  98. package/esm/components/Atoms/StoryElements/AlsoRead/stories.js +47 -0
  99. package/esm/components/Atoms/StoryElements/Attachment/README.md +21 -0
  100. package/esm/components/Atoms/StoryElements/Attachment/__snapshots__/attachment.test.js.snap +47 -0
  101. package/esm/components/Atoms/StoryElements/Attachment/attachment.m.css +125 -0
  102. package/esm/components/Atoms/StoryElements/Attachment/attachment.test.js +66 -0
  103. package/esm/components/Atoms/StoryElements/Attachment/index.js +86 -0
  104. package/esm/components/Atoms/StoryElements/Attachment/stories.js +62 -0
  105. package/esm/components/Atoms/StoryElements/BigFact/README.md +9 -0
  106. package/esm/components/Atoms/StoryElements/BigFact/big-fact.m.css +41 -0
  107. package/esm/components/Atoms/StoryElements/BigFact/big-fact.test.js +28 -0
  108. package/esm/components/Atoms/StoryElements/BigFact/index.js +56 -0
  109. package/esm/components/Atoms/StoryElements/BigFact/stories.js +11 -0
  110. package/esm/components/Atoms/StoryElements/BlockQuote/README.md +49 -0
  111. package/esm/components/Atoms/StoryElements/BlockQuote/Svg/curve.js +32 -0
  112. package/esm/components/Atoms/StoryElements/BlockQuote/Svg/edge.js +32 -0
  113. package/esm/components/Atoms/StoryElements/BlockQuote/Svg/icon.m.css +4 -0
  114. package/esm/components/Atoms/StoryElements/BlockQuote/block-quote.m.css +161 -0
  115. package/esm/components/Atoms/StoryElements/BlockQuote/block-quote.test.js +71 -0
  116. package/esm/components/Atoms/StoryElements/BlockQuote/index.js +154 -0
  117. package/esm/components/Atoms/StoryElements/BlockQuote/stories.js +42 -0
  118. package/esm/components/Atoms/StoryElements/Blurb/README.md +43 -0
  119. package/esm/components/Atoms/StoryElements/Blurb/blurb.m.css +55 -0
  120. package/esm/components/Atoms/StoryElements/Blurb/blurb.test.js +76 -0
  121. package/esm/components/Atoms/StoryElements/Blurb/index.js +96 -0
  122. package/esm/components/Atoms/StoryElements/Blurb/stories.js +38 -0
  123. package/esm/components/Atoms/StoryElements/Image/README.md +13 -0
  124. package/esm/components/Atoms/StoryElements/Image/image.m.css +21 -0
  125. package/esm/components/Atoms/StoryElements/Image/image.test.js +19 -0
  126. package/esm/components/Atoms/StoryElements/Image/index.js +87 -0
  127. package/esm/components/Atoms/StoryElements/Image/stories.js +28 -0
  128. package/esm/components/Atoms/StoryElements/ImageSlideshow/README.md +13 -0
  129. package/esm/components/Atoms/StoryElements/ImageSlideshow/image-slideshow.m.css +49 -0
  130. package/esm/components/Atoms/StoryElements/ImageSlideshow/index.js +82 -0
  131. package/esm/components/Atoms/StoryElements/ImageSlideshow/stories.js +31 -0
  132. package/esm/components/Atoms/StoryElements/QuestionAnswer/README.md +56 -0
  133. package/esm/components/Atoms/StoryElements/QuestionAnswer/index.js +176 -0
  134. package/esm/components/Atoms/StoryElements/QuestionAnswer/question-answer.m.css +106 -0
  135. package/esm/components/Atoms/StoryElements/QuestionAnswer/question-answer.test.js +130 -0
  136. package/esm/components/Atoms/StoryElements/QuestionAnswer/stories.js +102 -0
  137. package/esm/components/Atoms/StoryElements/Quote/README.md +41 -0
  138. package/esm/components/Atoms/StoryElements/Quote/index.js +87 -0
  139. package/esm/components/Atoms/StoryElements/Quote/quote.m.css +111 -0
  140. package/esm/components/Atoms/StoryElements/Quote/quote.test.js +61 -0
  141. package/esm/components/Atoms/StoryElements/Quote/stories.js +39 -0
  142. package/esm/components/Atoms/StoryElements/Reference/README.md +9 -0
  143. package/esm/components/Atoms/StoryElements/Reference/index.js +80 -0
  144. package/esm/components/Atoms/StoryElements/Reference/reference.m.css +42 -0
  145. package/esm/components/Atoms/StoryElements/Reference/reference.test.js +38 -0
  146. package/esm/components/Atoms/StoryElements/Reference/stories.js +16 -0
  147. package/esm/components/Atoms/StoryElements/StoryElement/README.md +10 -0
  148. package/esm/components/Atoms/StoryElements/StoryElement/index.js +30 -0
  149. package/esm/components/Atoms/StoryElements/StoryElement/stories.js +17 -0
  150. package/esm/components/Atoms/StoryElements/StoryElement/storyelement.test.js +14 -0
  151. package/esm/components/Atoms/StoryElements/Summary/README.md +56 -0
  152. package/esm/components/Atoms/StoryElements/Summary/index.js +98 -0
  153. package/esm/components/Atoms/StoryElements/Summary/stories.js +41 -0
  154. package/esm/components/Atoms/StoryElements/Summary/summary.m.css +121 -0
  155. package/esm/components/Atoms/StoryElements/Summary/summary.test.js +83 -0
  156. package/esm/components/Atoms/StoryElements/Text/README.md +32 -0
  157. package/esm/components/Atoms/StoryElements/Text/index.js +74 -0
  158. package/esm/components/Atoms/StoryElements/Text/stories.js +56 -0
  159. package/esm/components/Atoms/StoryElements/Text/text.m.css +78 -0
  160. package/esm/components/Atoms/StoryElements/Text/text.test.js +70 -0
  161. package/esm/components/Atoms/StoryElements/Video/README.md +9 -0
  162. package/esm/components/Atoms/StoryElements/Video/index.js +37 -0
  163. package/esm/components/Atoms/StoryElements/Video/stories.js +29 -0
  164. package/esm/components/Atoms/StoryElements/Video/video.m.css +89 -0
  165. package/esm/components/Atoms/StoryElements/Video/video.test.js +14 -0
  166. package/esm/components/Atoms/StoryElements/imageGallery/README.md +18 -0
  167. package/esm/components/Atoms/StoryElements/imageGallery/image-gallery.m.css +52 -0
  168. package/esm/components/Atoms/StoryElements/imageGallery/image-gallery.test.js +17 -0
  169. package/esm/components/Atoms/StoryElements/imageGallery/index.js +112 -0
  170. package/esm/components/Atoms/StoryElements/imageGallery/stories.js +22 -0
  171. package/esm/components/Atoms/StoryElements/withElementWrapper.js +21 -0
  172. package/esm/components/Atoms/StoryElements/withElementWrapper.test.js +49 -0
  173. package/esm/components/Atoms/StoryHeadline/index.js +57 -0
  174. package/esm/components/Atoms/StoryHeadline/story-headline.m.css +36 -0
  175. package/esm/components/Atoms/StoryTags/README.md +9 -0
  176. package/esm/components/Atoms/StoryTags/index.js +47 -0
  177. package/esm/components/Atoms/StoryTags/stories.js +23 -0
  178. package/esm/components/Atoms/StoryTags/story-tags.test.js +16 -0
  179. package/esm/components/Atoms/StoryTags/tags.m.css +34 -0
  180. package/esm/components/Atoms/Subheadline/README.md +17 -0
  181. package/esm/components/Atoms/Subheadline/index.js +52 -0
  182. package/esm/components/Atoms/Subheadline/stories.js +21 -0
  183. package/esm/components/Atoms/Subheadline/subheadline.m.css +17 -0
  184. package/esm/components/Atoms/TimeStamp/README.md +9 -0
  185. package/esm/components/Atoms/TimeStamp/index.js +39 -0
  186. package/esm/components/Atoms/TimeStamp/stories.js +11 -0
  187. package/esm/components/Atoms/TimeStamp/timestamp.m.css +22 -0
  188. package/esm/components/Fixture/config.json +2703 -0
  189. package/esm/components/Fixture/dummy-collection.js +2547 -0
  190. package/esm/components/Fixture/dummyStory.js +2089 -0
  191. package/esm/components/Fixture/index.js +433 -0
  192. package/esm/components/Fixture/slot-config.js +26 -0
  193. package/esm/components/Molecules/FullScreenImages/fullscreenimages.scss +56 -0
  194. package/esm/components/Molecules/FullScreenImages/index.js +119 -0
  195. package/esm/components/Molecules/KeyEvents/README.md +21 -0
  196. package/esm/components/Molecules/KeyEvents/index.js +152 -0
  197. package/esm/components/Molecules/KeyEvents/key-events.m.css +89 -0
  198. package/esm/components/Molecules/KeyEvents/stories.js +25 -0
  199. package/esm/components/Molecules/PageIntroductionCard/README.md +25 -0
  200. package/esm/components/Molecules/PageIntroductionCard/index.js +77 -0
  201. package/esm/components/Molecules/PageIntroductionCard/page-intro-card.m.css +61 -0
  202. package/esm/components/Molecules/PageIntroductionCard/stories.js +17 -0
  203. package/esm/components/Molecules/PortraitStoryCard/README.md +10 -0
  204. package/esm/components/Molecules/PortraitStoryCard/index.js +52 -0
  205. package/esm/components/Molecules/PortraitStoryCard/portrait-story-card.m.css +38 -0
  206. package/esm/components/Molecules/PortraitStoryCard/stories.js +24 -0
  207. package/esm/components/Molecules/SliderHorizontalCard/README.md +14 -0
  208. package/esm/components/Molecules/SliderHorizontalCard/index.js +69 -0
  209. package/esm/components/Molecules/SliderHorizontalCard/slider-horizontal-card.m.css +42 -0
  210. package/esm/components/Molecules/SliderHorizontalCard/stories.js +27 -0
  211. package/esm/components/Molecules/SocialShareTemplate/README.md +118 -0
  212. package/esm/components/Molecules/SocialShareTemplate/__snapshots__/social-share-template.test.js.snap +738 -0
  213. package/esm/components/Molecules/SocialShareTemplate/index.js +164 -0
  214. package/esm/components/Molecules/SocialShareTemplate/social-share-data.js +90 -0
  215. package/esm/components/Molecules/SocialShareTemplate/social-share-template.m.css +174 -0
  216. package/esm/components/Molecules/SocialShareTemplate/social-share-template.test.js +108 -0
  217. package/esm/components/Molecules/SocialShareTemplate/stories.js +38 -0
  218. package/esm/components/Molecules/StoryCard/README.md +75 -0
  219. package/esm/components/Molecules/StoryCard/READMEBGIMAGE.md +25 -0
  220. package/esm/components/Molecules/StoryCard/READMEBORDER.md +61 -0
  221. package/esm/components/Molecules/StoryCard/index.js +200 -0
  222. package/esm/components/Molecules/StoryCard/stories.js +274 -0
  223. package/esm/components/Molecules/StoryCard/storycard.m.css +158 -0
  224. package/esm/components/Molecules/StoryCardWithBulletPoint/README.md +9 -0
  225. package/esm/components/Molecules/StoryCardWithBulletPoint/index.js +43 -0
  226. package/esm/components/Molecules/StoryCardWithBulletPoint/stories.js +28 -0
  227. package/esm/components/Molecules/StoryCardWithBulletPoint/story-card-with-bullet-point.m.css +7 -0
  228. package/esm/components/Molecules/StoryElementCard/README.md +9 -0
  229. package/esm/components/Molecules/StoryElementCard/index.js +494 -0
  230. package/esm/components/Molecules/StoryElementCard/stories.js +25 -0
  231. package/esm/components/Molecules/StoryElementCard/story-element-card.m.css +78 -0
  232. package/esm/components/Molecules/StorycardContent/README.md +34 -0
  233. package/esm/components/Molecules/StorycardContent/index.js +86 -0
  234. package/esm/components/Molecules/StorycardContent/stories.js +45 -0
  235. package/esm/components/Molecules/StorycardContent/storycardContent.m.css +21 -0
  236. package/esm/components/Rows/AlternateCollectionFilter/README.md +38 -0
  237. package/esm/components/Rows/AlternateCollectionFilter/alternate-collection-filter.m.css +254 -0
  238. package/esm/components/Rows/AlternateCollectionFilter/index.js +288 -0
  239. package/esm/components/Rows/AlternateCollectionFilter/stories.js +68 -0
  240. package/esm/components/Rows/AsideCollection/README.md +27 -0
  241. package/esm/components/Rows/AsideCollection/aside-collection.m.css +103 -0
  242. package/esm/components/Rows/AsideCollection/aside-collection.test.js +32 -0
  243. package/esm/components/Rows/AsideCollection/index.js +253 -0
  244. package/esm/components/Rows/AsideCollection/stories.js +48 -0
  245. package/esm/components/Rows/AstrologyCollection/README.md +40 -0
  246. package/esm/components/Rows/AstrologyCollection/astrology-collection.m.css +165 -0
  247. package/esm/components/Rows/AstrologyCollection/index.js +272 -0
  248. package/esm/components/Rows/AstrologyCollection/stories.js +61 -0
  249. package/esm/components/Rows/AuthorIntroductionCard/README.md +43 -0
  250. package/esm/components/Rows/AuthorIntroductionCard/author-intro.m.css +278 -0
  251. package/esm/components/Rows/AuthorIntroductionCard/author-intro.test.js +148 -0
  252. package/esm/components/Rows/AuthorIntroductionCard/index.js +157 -0
  253. package/esm/components/Rows/AuthorIntroductionCard/stories.js +46 -0
  254. package/esm/components/Rows/AuthorsList/README.md +24 -0
  255. package/esm/components/Rows/AuthorsList/author-list.test.js +66 -0
  256. package/esm/components/Rows/AuthorsList/authors-list.m.css +22 -0
  257. package/esm/components/Rows/AuthorsList/index.js +64 -0
  258. package/esm/components/Rows/AuthorsList/stories.js +62 -0
  259. package/esm/components/Rows/CollectionFilter/README.md +39 -0
  260. package/esm/components/Rows/CollectionFilter/collection-filter.m.css +213 -0
  261. package/esm/components/Rows/CollectionFilter/index.js +366 -0
  262. package/esm/components/Rows/CollectionFilter/stories.js +78 -0
  263. package/esm/components/Rows/ElevenStories/11-stories.m.css +85 -0
  264. package/esm/components/Rows/ElevenStories/README.md +39 -0
  265. package/esm/components/Rows/ElevenStories/index.js +418 -0
  266. package/esm/components/Rows/ElevenStories/stories.js +71 -0
  267. package/esm/components/Rows/FourColFiveStories/README.md +37 -0
  268. package/esm/components/Rows/FourColFiveStories/four-col-five-stories.m.css +112 -0
  269. package/{atoms/ExtendedLoadMore/index-b5754c5d.js → esm/components/Rows/FourColFiveStories/index.js} +54 -70
  270. package/esm/components/Rows/FourColFiveStories/stories.js +67 -0
  271. package/esm/components/Rows/FourColGrid/README.md +39 -0
  272. package/esm/components/Rows/FourColGrid/four-col.m.css +50 -0
  273. package/{atoms/ExtendedLoadMore/index-37a9ccff.js → esm/components/Rows/FourColGrid/index.js} +50 -65
  274. package/esm/components/Rows/FourColGrid/stories.js +68 -0
  275. package/esm/components/Rows/FourColPortraitStories/README.md +38 -0
  276. package/esm/components/Rows/FourColPortraitStories/four-col-portrait-stories.m.css +45 -0
  277. package/esm/components/Rows/FourColPortraitStories/index.js +153 -0
  278. package/esm/components/Rows/FourColPortraitStories/stories.js +68 -0
  279. package/esm/components/Rows/FourColSixteenStories/README.md +35 -0
  280. package/esm/components/Rows/FourColSixteenStories/four-col-sixteen-stories.m.css +141 -0
  281. package/esm/components/Rows/FourColSixteenStories/index.js +157 -0
  282. package/esm/components/Rows/FourColSixteenStories/stories.js +43 -0
  283. package/esm/components/Rows/FourColTwelveStory/README.md +39 -0
  284. package/esm/components/Rows/FourColTwelveStory/four-col-twelve-story.m.css +71 -0
  285. package/esm/components/Rows/FourColTwelveStory/index.js +219 -0
  286. package/esm/components/Rows/FourColTwelveStory/stories.js +107 -0
  287. package/esm/components/Rows/FourStorySlider/README.md +45 -0
  288. package/esm/components/Rows/FourStorySlider/four-story-slider.m.css +78 -0
  289. package/esm/components/Rows/FourStorySlider/index.js +145 -0
  290. package/esm/components/Rows/FourStorySlider/stories.js +125 -0
  291. package/esm/components/Rows/FourStorySliderPortrait/README.md +45 -0
  292. package/esm/components/Rows/FourStorySliderPortrait/four-story-slider-portrait.m.css +221 -0
  293. package/esm/components/Rows/FourStorySliderPortrait/index.js +148 -0
  294. package/esm/components/Rows/FourStorySliderPortrait/stories.js +125 -0
  295. package/esm/components/Rows/FourTabbedBigStorySlider/README.md +39 -0
  296. package/esm/components/Rows/FourTabbedBigStorySlider/four-tabbed-big-story-slider.m.css +265 -0
  297. package/esm/components/Rows/FourTabbedBigStorySlider/index.js +221 -0
  298. package/esm/components/Rows/FourTabbedBigStorySlider/stories.js +59 -0
  299. package/esm/components/Rows/FullScreenSlider/README.md +46 -0
  300. package/esm/components/Rows/FullScreenSlider/full-screen-slider.m.css +155 -0
  301. package/esm/components/Rows/FullScreenSlider/index.js +140 -0
  302. package/esm/components/Rows/FullScreenSlider/stories.js +113 -0
  303. package/esm/components/Rows/HalfScreenSlider/README.md +43 -0
  304. package/esm/components/Rows/HalfScreenSlider/half-screen-slider.m.css +80 -0
  305. package/esm/components/Rows/HalfScreenSlider/index.js +124 -0
  306. package/esm/components/Rows/HalfScreenSlider/stories.js +118 -0
  307. package/esm/components/Rows/ListComponent/README.md +48 -0
  308. package/esm/components/Rows/ListComponent/index.js +176 -0
  309. package/esm/components/Rows/ListComponent/list-component.m.css +65 -0
  310. package/esm/components/Rows/ListComponent/stories.js +65 -0
  311. package/esm/components/Rows/Listicles/README.md +32 -0
  312. package/esm/components/Rows/Listicles/index.js +240 -0
  313. package/esm/components/Rows/Listicles/listicles.m.css +149 -0
  314. package/esm/components/Rows/Listicles/stories.js +53 -0
  315. package/esm/components/Rows/MagazineEditions/README.md +21 -0
  316. package/esm/components/Rows/MagazineEditions/index.js +123 -0
  317. package/esm/components/Rows/MagazineEditions/magazine-editions.m.css +50 -0
  318. package/esm/components/Rows/MagazineEditions/magazine-editions.test.js +30 -0
  319. package/esm/components/Rows/MagazineEditions/stories.js +41 -0
  320. package/esm/components/Rows/MagazineHeaderCard/README.md +21 -0
  321. package/esm/components/Rows/MagazineHeaderCard/index.js +117 -0
  322. package/esm/components/Rows/MagazineHeaderCard/magazine-cards.m.css +106 -0
  323. package/esm/components/Rows/MagazineHeaderCard/stories.js +34 -0
  324. package/esm/components/Rows/MagazineWidget/README.md +21 -0
  325. package/esm/components/Rows/MagazineWidget/index.js +177 -0
  326. package/esm/components/Rows/MagazineWidget/stories.js +40 -0
  327. package/esm/components/Rows/OneColStoryList/README.md +48 -0
  328. package/{atoms/ExtendedLoadMore/index-bbaf526e.js → esm/components/Rows/OneColStoryList/index.js} +69 -80
  329. package/esm/components/Rows/OneColStoryList/one-col-story-list.m.css +81 -0
  330. package/esm/components/Rows/OneColStoryList/stories.js +78 -0
  331. package/esm/components/Rows/OpinionCollection/README.md +36 -0
  332. package/esm/components/Rows/OpinionCollection/index.js +205 -0
  333. package/esm/components/Rows/OpinionCollection/opinion-collection.m.css +226 -0
  334. package/esm/components/Rows/OpinionCollection/stories.js +92 -0
  335. package/esm/components/Rows/SixColSixStories/README.md +37 -0
  336. package/{atoms/ExtendedLoadMore/index-cfb262ef.js → esm/components/Rows/SixColSixStories/index.js} +56 -69
  337. package/esm/components/Rows/SixColSixStories/six-col-six-stories.m.css +75 -0
  338. package/esm/components/Rows/SixColSixStories/stories.js +74 -0
  339. package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/README.md +19 -0
  340. package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/__snapshots__/listicle-story.test.js.snap +841 -0
  341. package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/index.js +330 -0
  342. package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/listicle-story.m.css +249 -0
  343. package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/listicle-story.test.js +46 -0
  344. package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/stories.js +119 -0
  345. package/esm/components/Rows/StoryTemplates/LiveBlogStoryTemplates/README.md +25 -0
  346. package/esm/components/Rows/StoryTemplates/LiveBlogStoryTemplates/index.js +97 -0
  347. package/esm/components/Rows/StoryTemplates/LiveBlogStoryTemplates/live-blog.m.css +326 -0
  348. package/esm/components/Rows/StoryTemplates/LiveBlogStoryTemplates/stories.js +118 -0
  349. package/esm/components/Rows/StoryTemplates/LiveBlogStoryTemplates/templates.js +418 -0
  350. package/esm/components/Rows/StoryTemplates/PhotoStoryTemplates/index.js +294 -0
  351. package/esm/components/Rows/StoryTemplates/PhotoStoryTemplates/photo-story.test.js +163 -0
  352. package/esm/components/Rows/StoryTemplates/PhotoStoryTemplates/photo.m.css +175 -0
  353. package/esm/components/Rows/StoryTemplates/PhotoStoryTemplates/stories.js +124 -0
  354. package/esm/components/Rows/StoryTemplates/TextStoryTemplates/README.md +49 -0
  355. package/esm/components/Rows/StoryTemplates/TextStoryTemplates/index.js +100 -0
  356. package/esm/components/Rows/StoryTemplates/TextStoryTemplates/stories.js +124 -0
  357. package/esm/components/Rows/StoryTemplates/TextStoryTemplates/templates.js +285 -0
  358. package/esm/components/Rows/StoryTemplates/TextStoryTemplates/text-story.m.css +449 -0
  359. package/esm/components/Rows/StoryTemplates/TextStoryTemplates/text-story.test.js +242 -0
  360. package/esm/components/Rows/StoryTemplates/VideoStoryTemplates/README.md +31 -0
  361. package/esm/components/Rows/StoryTemplates/VideoStoryTemplates/index.js +239 -0
  362. package/esm/components/Rows/StoryTemplates/VideoStoryTemplates/stories.js +214 -0
  363. package/esm/components/Rows/StoryTemplates/VideoStoryTemplates/video-story.m.css +195 -0
  364. package/esm/components/Rows/TagIntroductionCard/README.md +11 -0
  365. package/esm/components/Rows/TagIntroductionCard/index.js +45 -0
  366. package/esm/components/Rows/TagIntroductionCard/stories.js +20 -0
  367. package/esm/components/Rows/TagIntroductionCard/tag-intro-card.module.css +25 -0
  368. package/esm/components/Rows/ThreeColFlexStories/README.md +38 -0
  369. package/{atoms/ExtendedLoadMore/index-57dd4870.js → esm/components/Rows/ThreeColFlexStories/index.js} +70 -82
  370. package/esm/components/Rows/ThreeColFlexStories/stories.js +74 -0
  371. package/esm/components/Rows/ThreeColFlexStories/three-col-flex-stories.m.css +60 -0
  372. package/esm/components/Rows/ThreeColFourteenStory/README.md +28 -0
  373. package/esm/components/Rows/ThreeColFourteenStory/index.js +154 -0
  374. package/esm/components/Rows/ThreeColFourteenStory/stories.js +65 -0
  375. package/esm/components/Rows/ThreeColFourteenStory/three-col-fourteen-story.m.css +51 -0
  376. package/esm/components/Rows/ThreeColGrid/README.md +36 -0
  377. package/{atoms/ExtendedLoadMore/index-446679c8.js → esm/components/Rows/ThreeColGrid/index.js} +54 -69
  378. package/esm/components/Rows/ThreeColGrid/stories.js +78 -0
  379. package/esm/components/Rows/ThreeColGrid/three-col.m.css +43 -0
  380. package/esm/components/Rows/ThreeColSevenStory/README.md +36 -0
  381. package/esm/components/Rows/ThreeColSevenStory/index.js +201 -0
  382. package/esm/components/Rows/ThreeColSevenStory/stories.js +74 -0
  383. package/esm/components/Rows/ThreeColSevenStory/three-col-seven-story.m.css +44 -0
  384. package/esm/components/Rows/ThreeColSixStories/README.md +40 -0
  385. package/esm/components/Rows/ThreeColSixStories/index.js +183 -0
  386. package/esm/components/Rows/ThreeColSixStories/stories.js +74 -0
  387. package/esm/components/Rows/ThreeColSixStories/three-col-six-stories.m.css +32 -0
  388. package/esm/components/Rows/ThreeColTwelveStories/README.md +41 -0
  389. package/esm/components/Rows/ThreeColTwelveStories/index.js +165 -0
  390. package/esm/components/Rows/ThreeColTwelveStories/stories.js +53 -0
  391. package/esm/components/Rows/ThreeColTwelveStories/three-col-twelve-stories.m.css +83 -0
  392. package/esm/components/Rows/TwoColFourStory/README.md +33 -0
  393. package/esm/components/Rows/TwoColFourStory/index.js +174 -0
  394. package/esm/components/Rows/TwoColFourStory/stories.js +63 -0
  395. package/esm/components/Rows/TwoColFourStory/two-col-four-story.m.css +64 -0
  396. package/esm/components/Rows/TwoColFourStoryHighlight/README.md +35 -0
  397. package/esm/components/Rows/TwoColFourStoryHighlight/index.js +164 -0
  398. package/esm/components/Rows/TwoColFourStoryHighlight/stories.js +50 -0
  399. package/esm/components/Rows/TwoColFourStoryHighlight/two-col-four-story-highlight.m.css +116 -0
  400. package/esm/components/Rows/TwoColSevenStories/README.md +37 -0
  401. package/esm/components/Rows/TwoColSevenStories/index.js +193 -0
  402. package/esm/components/Rows/TwoColSevenStories/stories.js +102 -0
  403. package/esm/components/Rows/TwoColSevenStories/two-col-seven-stories.m.css +175 -0
  404. package/esm/components/Rows/TwoColSixStories/README.md +36 -0
  405. package/esm/components/Rows/TwoColSixStories/index.js +185 -0
  406. package/esm/components/Rows/TwoColSixStories/stories.js +67 -0
  407. package/esm/components/Rows/TwoColSixStories/two-col-six-stories.m.css +135 -0
  408. package/esm/components/Rows/TwoColTenStoriesSidebar/README.md +34 -0
  409. package/esm/components/Rows/TwoColTenStoriesSidebar/index.js +191 -0
  410. package/esm/components/Rows/TwoColTenStoriesSidebar/stories.js +53 -0
  411. package/esm/components/Rows/TwoColTenStoriesSidebar/two-col-ten-stories-sidebar.m.css +52 -0
  412. package/esm/components/Rows/TwoColThreeStory/README.md +40 -0
  413. package/esm/components/Rows/TwoColThreeStory/index.js +146 -0
  414. package/esm/components/Rows/TwoColThreeStory/stories.js +63 -0
  415. package/esm/components/Rows/TwoColThreeStory/two-col-three-story.m.css +36 -0
  416. package/esm/components/SharedContext.js +17 -0
  417. package/esm/components/Svgs/Loading/loading.js +140 -0
  418. package/esm/components/Svgs/Loading/loading.m.css +5 -0
  419. package/esm/components/Svgs/SocialIcons/facebook.js +18 -0
  420. package/esm/components/Svgs/SocialIcons/instagram.js +33 -0
  421. package/esm/components/Svgs/SocialIcons/linkedin.js +18 -0
  422. package/esm/components/Svgs/SocialIcons/pinterest.js +12 -0
  423. package/esm/components/Svgs/SocialIcons/twitter.js +18 -0
  424. package/esm/components/Svgs/SocialIcons/whatsapp.js +19 -0
  425. package/esm/components/Svgs/SocialIcons/youtube.js +19 -0
  426. package/esm/components/Svgs/caret-right.svg +3 -0
  427. package/esm/components/Svgs/clock-icon.js +19 -0
  428. package/esm/components/Svgs/close-icon.js +22 -0
  429. package/esm/components/Svgs/crown.js +40 -0
  430. package/esm/components/Svgs/fallbackImage.js +45 -0
  431. package/esm/components/Svgs/hyperlink.js +22 -0
  432. package/esm/components/Svgs/key.js +39 -0
  433. package/esm/components/Svgs/left-arrow.js +24 -0
  434. package/esm/components/Svgs/liveicon.js +16 -0
  435. package/esm/components/Svgs/lock.js +40 -0
  436. package/esm/components/Svgs/right-arrow.js +24 -0
  437. package/esm/components/Svgs/share-icon.js +19 -0
  438. package/esm/components/Svgs/star.js +34 -0
  439. package/esm/components/Svgs/user-fallback-icon.js +22 -0
  440. package/esm/components/Typography/README.md +7 -0
  441. package/esm/components/Typography/index.js +33 -0
  442. package/esm/components/Typography/stories.js +15 -0
  443. package/esm/components/Typography/style.m.css +11 -0
  444. package/esm/entry-points.js +291 -0
  445. package/esm/guide/stories.js +22 -0
  446. package/esm/hydration-component/index.js +41 -0
  447. package/esm/hydration-component/useNearScreen.js +71 -0
  448. package/esm/index.js +88 -0
  449. package/esm/rows.js +40 -0
  450. package/esm/stylesheets/mixins.scss +27 -0
  451. package/esm/stylesheets/viewports.m.css +3 -0
  452. package/esm/utils/testing-utils.js +8 -0
  453. package/esm/utils/utils.js +363 -0
  454. package/esm/utils/utils.test.js +46 -0
  455. package/package.json +1 -1
  456. package/atoms/Author/index.js +0 -170
  457. package/atoms/Author/styles.arrow.css +0 -1
  458. package/atoms/AuthorWithTime/index.js +0 -514
  459. package/atoms/AuthorWithTime/styles.arrow.css +0 -1
  460. package/atoms/CollectionName/index.js +0 -255
  461. package/atoms/CollectionName/styles.arrow.css +0 -1
  462. package/atoms/ExtendedLoadMore/index-0f809dd9.js +0 -254
  463. package/atoms/ExtendedLoadMore/index-142f015c.js +0 -476
  464. package/atoms/ExtendedLoadMore/index-44f97338.js +0 -300
  465. package/atoms/ExtendedLoadMore/index-66dd4dbd.js +0 -215
  466. package/atoms/ExtendedLoadMore/index-8462c597.js +0 -363
  467. package/atoms/ExtendedLoadMore/index-93cb06d1.js +0 -1016
  468. package/atoms/ExtendedLoadMore/index-afd44863.js +0 -95
  469. package/atoms/ExtendedLoadMore/index.js +0 -20
  470. package/atoms/ExtendedLoadMore/styles.arrow.css +0 -1
  471. package/atoms/Headline/index.js +0 -379
  472. package/atoms/Headline/styles.arrow.css +0 -1
  473. package/atoms/HeroImage/index.js +0 -336
  474. package/atoms/HeroImage/styles.arrow.css +0 -1
  475. package/atoms/LoadmoreButton/index.js +0 -175
  476. package/atoms/LoadmoreButton/styles.arrow.css +0 -1
  477. package/atoms/ScrollSnap/index.js +0 -379
  478. package/atoms/ScrollSnap/styles.arrow.css +0 -1
  479. package/atoms/SectionTag/index.js +0 -140
  480. package/atoms/SectionTag/styles.arrow.css +0 -1
  481. package/atoms/Subheadline/index.js +0 -120
  482. package/atoms/Subheadline/styles.arrow.css +0 -1
  483. package/atoms/TimeStamp/index.js +0 -221
  484. package/atoms/TimeStamp/styles.arrow.css +0 -1
  485. package/molecules/KeyEvents/index.js +0 -457
  486. package/molecules/KeyEvents/styles.arrow.css +0 -1
  487. package/molecules/PageIntroductionCard/index.js +0 -248
  488. package/molecules/PageIntroductionCard/styles.arrow.css +0 -1
  489. package/molecules/SocialShareTemplate/index.js +0 -506
  490. package/molecules/SocialShareTemplate/styles.arrow.css +0 -1
  491. package/molecules/StoryCard/index.js +0 -1430
  492. package/molecules/StoryCard/styles.arrow.css +0 -1
  493. package/molecules/StoryElementCard/index.js +0 -3091
  494. package/molecules/StoryElementCard/styles.arrow.css +0 -1
  495. package/molecules/StorycardContent/index.js +0 -976
  496. package/molecules/StorycardContent/styles.arrow.css +0 -1
  497. package/rows/AlternateCollectionFilter/index.js +0 -2189
  498. package/rows/AlternateCollectionFilter/styles.arrow.css +0 -1
  499. package/rows/AsideCollection/index.js +0 -2135
  500. package/rows/AsideCollection/styles.arrow.css +0 -1
  501. package/rows/AstrologyCollection/index.js +0 -2106
  502. package/rows/AstrologyCollection/styles.arrow.css +0 -1
  503. package/rows/AuthorIntroductionCard/index.js +0 -813
  504. package/rows/AuthorIntroductionCard/styles.arrow.css +0 -1
  505. package/rows/AuthorsList/index.js +0 -996
  506. package/rows/AuthorsList/styles.arrow.css +0 -1
  507. package/rows/CollectionFilter/index.js +0 -2279
  508. package/rows/CollectionFilter/styles.arrow.css +0 -1
  509. package/rows/ElevenStories/index.js +0 -2118
  510. package/rows/ElevenStories/styles.arrow.css +0 -1
  511. package/rows/FourColFiveStories/index.js +0 -1861
  512. package/rows/FourColFiveStories/styles.arrow.css +0 -1
  513. package/rows/FourColGrid/index.js +0 -2083
  514. package/rows/FourColGrid/styles.arrow.css +0 -1
  515. package/rows/FourColPortraitStories/index.js +0 -2116
  516. package/rows/FourColPortraitStories/styles.arrow.css +0 -1
  517. package/rows/FourColSixteenStories/index.js +0 -1849
  518. package/rows/FourColSixteenStories/styles.arrow.css +0 -1
  519. package/rows/FourColTwelveStories/index.js +0 -1822
  520. package/rows/FourColTwelveStories/styles.arrow.css +0 -1
  521. package/rows/FourStorySlider/index.js +0 -2223
  522. package/rows/FourStorySlider/styles.arrow.css +0 -1
  523. package/rows/FourStorySliderPortrait/index.js +0 -2226
  524. package/rows/FourStorySliderPortrait/styles.arrow.css +0 -1
  525. package/rows/FourTabbedBigStorySlider/index.js +0 -1985
  526. package/rows/FourTabbedBigStorySlider/styles.arrow.css +0 -1
  527. package/rows/FullScreenSlider/index.js +0 -2141
  528. package/rows/FullScreenSlider/styles.arrow.css +0 -1
  529. package/rows/HalfScreenSlider/index.js +0 -1994
  530. package/rows/HalfScreenSlider/styles.arrow.css +0 -1
  531. package/rows/ListComponent/index.js +0 -1942
  532. package/rows/ListComponent/styles.arrow.css +0 -1
  533. package/rows/Listicles/index.js +0 -945
  534. package/rows/Listicles/styles.arrow.css +0 -1
  535. package/rows/MagazineEditions/index.js +0 -690
  536. package/rows/MagazineEditions/styles.arrow.css +0 -1
  537. package/rows/MagazineHeaderCard/index.js +0 -684
  538. package/rows/MagazineHeaderCard/styles.arrow.css +0 -1
  539. package/rows/MagazineWidget/index.js +0 -1994
  540. package/rows/MagazineWidget/styles.arrow.css +0 -1
  541. package/rows/OneColStoryList/index.js +0 -2169
  542. package/rows/OneColStoryList/styles.arrow.css +0 -1
  543. package/rows/OpinionCollection/index.js +0 -1545
  544. package/rows/OpinionCollection/styles.arrow.css +0 -1
  545. package/rows/SixColSixStories/index.js +0 -2014
  546. package/rows/SixColSixStories/styles.arrow.css +0 -1
  547. package/rows/StoryCollection/index.js +0 -2135
  548. package/rows/StoryCollection/styles.arrow.css +0 -1
  549. package/rows/TagIntroductionCard/index.js +0 -103
  550. package/rows/TagIntroductionCard/styles.arrow.css +0 -1
  551. package/rows/ThreeColFlexStories/index.js +0 -2074
  552. package/rows/ThreeColFlexStories/styles.arrow.css +0 -1
  553. package/rows/ThreeColFourteenStories/index.js +0 -1770
  554. package/rows/ThreeColFourteenStories/styles.arrow.css +0 -1
  555. package/rows/ThreeColGrid/index.js +0 -2104
  556. package/rows/ThreeColGrid/styles.arrow.css +0 -1
  557. package/rows/ThreeColSevenStory/index.js +0 -1982
  558. package/rows/ThreeColSevenStory/styles.arrow.css +0 -1
  559. package/rows/ThreeColSixStories/index.js +0 -1965
  560. package/rows/ThreeColSixStories/styles.arrow.css +0 -1
  561. package/rows/ThreeColTwelveStories/index.js +0 -1854
  562. package/rows/ThreeColTwelveStories/styles.arrow.css +0 -1
  563. package/rows/TwoColFourStories/index.js +0 -1943
  564. package/rows/TwoColFourStories/styles.arrow.css +0 -1
  565. package/rows/TwoColFourStoryHighlight/index.js +0 -1930
  566. package/rows/TwoColFourStoryHighlight/styles.arrow.css +0 -1
  567. package/rows/TwoColSevenStories/index.js +0 -1970
  568. package/rows/TwoColSevenStories/styles.arrow.css +0 -1
  569. package/rows/TwoColSixStories/index.js +0 -1963
  570. package/rows/TwoColSixStories/styles.arrow.css +0 -1
  571. package/rows/TwoColTenStoriesSidebar/index.js +0 -2029
  572. package/rows/TwoColTenStoriesSidebar/styles.arrow.css +0 -1
  573. package/rows/TwoColThreeStories/index.js +0 -1916
  574. package/rows/TwoColThreeStories/styles.arrow.css +0 -1
  575. package/story-elements/AlsoRead/index.js +0 -320
  576. package/story-elements/AlsoRead/styles.arrow.css +0 -1
  577. package/story-elements/Attachment/index.js +0 -167
  578. package/story-elements/Attachment/styles.arrow.css +0 -1
  579. package/story-elements/BigFact/index.js +0 -137
  580. package/story-elements/BigFact/styles.arrow.css +0 -1
  581. package/story-elements/BlockQuote/index.js +0 -304
  582. package/story-elements/BlockQuote/styles.arrow.css +0 -1
  583. package/story-elements/Blurb/index.js +0 -189
  584. package/story-elements/Blurb/styles.arrow.css +0 -1
  585. package/story-elements/Image/index.js +0 -529
  586. package/story-elements/Image/styles.arrow.css +0 -1
  587. package/story-elements/ImageGallery/index.js +0 -462
  588. package/story-elements/ImageGallery/styles.arrow.css +0 -1
  589. package/story-elements/ImageSlideshow/index.js +0 -773
  590. package/story-elements/ImageSlideshow/styles.arrow.css +0 -1
  591. package/story-elements/QuestionAnswer/index.js +0 -267
  592. package/story-elements/QuestionAnswer/styles.arrow.css +0 -1
  593. package/story-elements/Quote/index.js +0 -166
  594. package/story-elements/Quote/styles.arrow.css +0 -1
  595. package/story-elements/Reference/index.js +0 -160
  596. package/story-elements/Reference/styles.arrow.css +0 -1
  597. package/story-elements/StoryElement/index.js +0 -75
  598. package/story-elements/Summary/index.js +0 -190
  599. package/story-elements/Summary/styles.arrow.css +0 -1
  600. package/story-elements/Text/index.js +0 -165
  601. package/story-elements/Text/styles.arrow.css +0 -1
  602. package/story-elements/Video/index.js +0 -81
  603. package/story-elements/Video/styles.arrow.css +0 -1
  604. package/story-templates/ListicleStoryTemplate/index.js +0 -5586
  605. package/story-templates/ListicleStoryTemplate/styles.arrow.css +0 -1
  606. package/story-templates/LiveBlogStoryTemplate/index.js +0 -5762
  607. package/story-templates/LiveBlogStoryTemplate/styles.arrow.css +0 -1
  608. package/story-templates/PhotoStoryTemplate/index.js +0 -5564
  609. package/story-templates/PhotoStoryTemplate/styles.arrow.css +0 -1
  610. package/story-templates/TextStoryTemplate/index.js +0 -5637
  611. package/story-templates/TextStoryTemplate/styles.arrow.css +0 -1
  612. package/story-templates/VideoStoryTemplate/index.js +0 -5496
  613. package/story-templates/VideoStoryTemplate/styles.arrow.css +0 -1
@@ -1,300 +0,0 @@
1
- 'use strict';
2
-
3
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
5
- var React = require('react');
6
- var reactRedux = require('react-redux');
7
- var lodash = require('lodash');
8
- var PropTypes = require('prop-types');
9
- var components = require('@quintype/components');
10
- var index$1 = require('./index-93cb06d1.js');
11
- var index = require('./index-142f015c.js');
12
- require('react-dom');
13
- require('@babel/runtime/helpers/slicedToArray');
14
- require('@babel/runtime/helpers/toConsumableArray');
15
- require('@babel/runtime/helpers/asyncToGenerator');
16
- require('@babel/runtime/regenerator');
17
- require('@babel/runtime/helpers/typeof');
18
- require('react-timeago');
19
- require('date-fns-tz');
20
-
21
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
-
23
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
24
- var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
25
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
27
-
28
- var UserFallbackIcon = function UserFallbackIcon(_ref) {
29
- var _ref$width = _ref.width,
30
- width = _ref$width === void 0 ? 120 : _ref$width,
31
- _ref$height = _ref.height,
32
- height = _ref$height === void 0 ? 120 : _ref$height;
33
- return /*#__PURE__*/React__default["default"].createElement("svg", {
34
- width: width,
35
- height: height,
36
- viewBox: "0 0 120 120",
37
- xmlns: "http://www.w3.org/2000/svg"
38
- }, /*#__PURE__*/React__default["default"].createElement("path", {
39
- d: "M93.28 108.98c-1.055-17.675-15.47-31.678-33.098-31.678-17.708 0-32.173 14.129-33.11 31.916 9.415 6.311 20.741 9.993 32.927 9.993 12.338 0 23.795-3.774 33.28-10.23l.001-.001zM58.584 73.283c9.928 0 17.977-8.275 17.977-18.483 0-10.209-8.049-18.484-17.977-18.484-9.929 0-17.977 8.275-17.977 18.484 0 10.208 8.048 18.483 17.977 18.483zM60 120C26.863 120 0 93.137 0 60S26.863 0 60 0s60 26.863 60 60-26.863 60-60 60z",
40
- fill: "#DADADA",
41
- fillRule: "nonzero"
42
- }));
43
- };
44
- UserFallbackIcon.propTypes = {
45
- width: PropTypes__default["default"].object,
46
- height: PropTypes__default["default"].object
47
- };
48
-
49
- var _styleModuleImportMap$1 = {
50
- "./author-image.m.css": {
51
- "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
52
- "mobile": "768px",
53
- "tablet": "992px",
54
- "image-container": "author-image-m_image-container__19WNd",
55
- "author-image": "author-image-m_author-image__D8GMB",
56
- "square": "author-image-m_square__bjK7M",
57
- "small-circle": "author-image-m_small-circle__DbQMN",
58
- "smaller-circle": "author-image-m_smaller-circle__2yMOZ"
59
- }
60
- };
61
-
62
- var authorWithImage = function authorWithImage(author, templateStyle) {
63
- var avatarUrl = author["avatar-url"],
64
- avatarS3Key = author["avatar-s3-key"],
65
- name = author.name;
66
- return /*#__PURE__*/React__default["default"].createElement("div", {
67
- "data-test-id": "author-image",
68
- className: "arr--author-image " + _getClassName__default["default"]("author-image ".concat(templateStyle), _styleModuleImportMap$1)
69
- }, /*#__PURE__*/React__default["default"].createElement("figure", {
70
- className: "author-image-m_image-container__19WNd"
71
- }, avatarS3Key ? /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
72
- slug: avatarS3Key,
73
- alt: name,
74
- defaultWidth: 250,
75
- widths: [250, 480],
76
- aspectRatio: [[1, 1], [1, 1]],
77
- sizes: "98vw",
78
- imgParams: {
79
- auto: ["format", "compress"]
80
- }
81
- }) : avatarUrl ? /*#__PURE__*/React__default["default"].createElement("img", {
82
- src: avatarUrl
83
- }) : /*#__PURE__*/React__default["default"].createElement(UserFallbackIcon, null)));
84
- };
85
-
86
- var AuthorImage = function AuthorImage(_ref) {
87
- var _ref$author = _ref.author,
88
- author = _ref$author === void 0 ? {} : _ref$author,
89
- _ref$template = _ref.template,
90
- template = _ref$template === void 0 ? "" : _ref$template,
91
- _ref$config = _ref.config,
92
- config = _ref$config === void 0 ? {} : _ref$config;
93
- var slug = author.slug;
94
- var mountAt = config.mountAt || "";
95
- var templateStyle = "";
96
- if (template === "smallerCircle") templateStyle = "smaller-circle";else if (template === "smallCircle") templateStyle = "small-circle";else if (template === "square") templateStyle = "square";
97
- if (slug) return /*#__PURE__*/React__default["default"].createElement(components.Link, {
98
- href: "".concat(mountAt, "/author/") + slug
99
- }, authorWithImage(author, templateStyle));else return authorWithImage(author, templateStyle);
100
- };
101
-
102
- AuthorImage.propTypes = {
103
- author: PropTypes__default["default"].shape({
104
- "avatar-url": PropTypes__default["default"].string,
105
- "avatar-s3-key": PropTypes__default["default"].string,
106
- name: PropTypes__default["default"].string,
107
- slug: PropTypes__default["default"].string
108
- }),
109
- template: PropTypes__default["default"].string
110
- };
111
-
112
- var _styleModuleImportMap = {
113
- "./opinion-collection.m.css": {
114
- "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
115
- "mobile": "768px",
116
- "desktop": "1025px",
117
- "opinion-collection": "opinion-collection-m_opinion-collection__1Bc7h",
118
- "content-wrapper": "opinion-collection-m_content-wrapper__y32PE",
119
- "custom-grid": "opinion-collection-m_custom-grid__33uRh",
120
- "wrapper-with-ads": "opinion-collection-m_wrapper-with-ads__2daVe",
121
- "ad-slot": "opinion-collection-m_ad-slot__2ZpaC",
122
- "headline-author": "opinion-collection-m_headline-author__2H6Tv",
123
- "border": "opinion-collection-m_border__38tun",
124
- "light": "opinion-collection-m_light__2Hent",
125
- "dark": "opinion-collection-m_dark__WMRNF",
126
- "count-3": "opinion-collection-m_count-3__3cQUB",
127
- "count-2": "opinion-collection-m_count-2__2e7g_"
128
- }
129
- };
130
-
131
- 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; }
132
-
133
- 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__default["default"](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; }
134
-
135
- var loadMore = function loadMore(_ref) {
136
- var isLoading = _ref.isLoading,
137
- renderStories = _ref.renderStories,
138
- getMoreStories = _ref.getMoreStories,
139
- _ref$subsequentLoadCo = _ref.subsequentLoadCount,
140
- subsequentLoadCount = _ref$subsequentLoadCo === void 0 ? 3 : _ref$subsequentLoadCo;
141
- if (isLoading) return;
142
- var limit = subsequentLoadCount;
143
- var offset = renderStories.length;
144
- getMoreStories(offset, limit);
145
- };
146
-
147
- var OpinionCollectionBase = function OpinionCollectionBase(_ref2) {
148
- var collection = _ref2.collection,
149
- config = _ref2.config,
150
- getMoreStories = _ref2.getMoreStories,
151
- isLoadMoreVisible = _ref2.isLoadMoreVisible,
152
- isLoading = _ref2.isLoading,
153
- isolatedLoadMore = _ref2.isolatedLoadMore;
154
- var stories = components.collectionToStories(collection);
155
- var _config$theme = config.theme,
156
- theme = _config$theme === void 0 ? "" : _config$theme,
157
- _config$footerButton = config.footerButton,
158
- footerButton = _config$footerButton === void 0 ? "" : _config$footerButton,
159
- _config$border = config.border,
160
- border = _config$border === void 0 ? "fullBorder" : _config$border,
161
- _config$collectionNam = config.collectionNameBorderColor,
162
- collectionNameBorderColor = _config$collectionNam === void 0 ? "" : _config$collectionNam,
163
- _config$collectionNam2 = config.collectionNameTemplate,
164
- collectionNameTemplate = _config$collectionNam2 === void 0 ? "" : _config$collectionNam2,
165
- _config$slotConfig = config.slotConfig,
166
- slotConfig = _config$slotConfig === void 0 ? [] : _config$slotConfig,
167
- _config$subsequentLoa = config.subsequentLoadCount,
168
- subsequentLoadCount = _config$subsequentLoa === void 0 ? 3 : _config$subsequentLoa;
169
-
170
- var _get = lodash.get(slotConfig, [0], {}),
171
- _get$type = _get.type,
172
- type = _get$type === void 0 ? "story" : _get$type,
173
- _get$component = _get.component,
174
- component = _get$component === void 0 ? null : _get$component;
175
-
176
- var dispatch = reactRedux.useDispatch();
177
- var qtConfig = reactRedux.useSelector(function (state) {
178
- return lodash.get(state, ["qt", "config"], {});
179
- });
180
- if (!stories.length) return null;
181
- var textColor = index.getTextColor(theme);
182
- var borderStyle = border === "fullBorder" ? "border" : "";
183
- var slot = type === "ad" ? index.getSlot(type, component) : null;
184
- var adStyle = slot ? "custom-grid" : "";
185
-
186
- var getLoadMore = function getLoadMore(opts) {
187
- if (!isLoadMoreVisible) return null;
188
-
189
- if (isolatedLoadMore) {
190
- return /*#__PURE__*/React__default["default"].createElement(index$1.LoadMoreTarget, {
191
- collection: collection,
192
- componentName: "OpinionCollection",
193
- offset: stories.length,
194
- limit: subsequentLoadCount
195
- });
196
- }
197
-
198
- var url = index.generateNavigateSlug(collection, qtConfig);
199
- return /*#__PURE__*/React__default["default"].createElement(index$1.ProgressiveHydration, null, /*#__PURE__*/React__default["default"].createElement(index$1.LoadmoreButton, {
200
- config: config,
201
- collection: collection,
202
- template: footerButton,
203
- onClick: function onClick() {
204
- return loadMore(opts);
205
- },
206
- navigate: function navigate() {
207
- return index.navigateTo(dispatch, url);
208
- },
209
- qtConfig: qtConfig
210
- }));
211
- };
212
-
213
- var getAuthorCard = function getAuthorCard(story) {
214
- var authorData = lodash.get(story, ["authors", "0"]);
215
- return /*#__PURE__*/React__default["default"].createElement("div", {
216
- "data-test-id": "story-card"
217
- }, /*#__PURE__*/React__default["default"].createElement(index$1.Author, {
218
- story: story,
219
- hideAuthorImage: true
220
- }), /*#__PURE__*/React__default["default"].createElement("div", {
221
- className: "opinion-collection-m_headline-author__2H6Tv"
222
- }, /*#__PURE__*/React__default["default"].createElement(index$1.Headline, {
223
- story: story
224
- }), /*#__PURE__*/React__default["default"].createElement(AuthorImage, {
225
- author: authorData,
226
- template: "smallerCircle",
227
- config: config
228
- })), /*#__PURE__*/React__default["default"].createElement(index$1.AuthorWithTime, {
229
- story: story,
230
- config: _objectSpread(_objectSpread({}, config), {}, {
231
- disableMeridiem: true,
232
- showAuthor: false
233
- })
234
- }));
235
- };
236
-
237
- var countStyleName = stories.length === 2 || stories.length === 3 ? "count-".concat(stories.length) : "";
238
- return /*#__PURE__*/React__default["default"].createElement("div", {
239
- className: "full-width-with-padding arrow-component",
240
- "data-test-id": "opinion-collection",
241
- style: {
242
- backgroundColor: theme,
243
- color: textColor
244
- }
245
- }, /*#__PURE__*/React__default["default"].createElement("div", {
246
- className: "opinion-collection-m_opinion-collection__1Bc7h",
247
- style: {
248
- backgroundColor: theme,
249
- color: textColor
250
- }
251
- }, /*#__PURE__*/React__default["default"].createElement(index$1.CollectionName, {
252
- collection: collection,
253
- collectionNameTemplate: collectionNameTemplate,
254
- collectionNameBorderColor: collectionNameBorderColor,
255
- headerLevel: 2
256
- }), /*#__PURE__*/React__default["default"].createElement("div", {
257
- className: ("content-wrapper ".concat(borderStyle, " ").concat(textColor) ? "content-wrapper ".concat(borderStyle, " ").concat(textColor) + " " : "") + _getClassName__default["default"]("content-wrapper ".concat(borderStyle, " ").concat(textColor, " ").concat(adStyle), _styleModuleImportMap)
258
- }, slot ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
259
- className: "wrapper-with-ads " + _getClassName__default["default"]("wrapper-with-ads ".concat(countStyleName), _styleModuleImportMap)
260
- }, stories.slice(0, 4).map(function (story) {
261
- return getAuthorCard(story);
262
- })), /*#__PURE__*/React__default["default"].createElement("div", {
263
- className: "opinion-collection-m_ad-slot__2ZpaC"
264
- }, slot)) : stories.map(function (story) {
265
- return getAuthorCard(story);
266
- })), getLoadMore({
267
- isLoading: isLoading,
268
- stories: stories,
269
- getMoreStories: getMoreStories,
270
- subsequentLoadCount: subsequentLoadCount
271
- })));
272
- };
273
- OpinionCollectionBase.propTypes = {
274
- collection: PropTypes__default["default"].object,
275
- config: PropTypes__default["default"].shape({
276
- collectionNameBorderColor: PropTypes__default["default"].string,
277
- theme: PropTypes__default["default"].string,
278
- collectionNameTemplate: PropTypes__default["default"].string,
279
- footerButton: PropTypes__default["default"].string,
280
- border: PropTypes__default["default"].string,
281
- slotConfig: PropTypes__default["default"].array,
282
- subsequentLoadCount: PropTypes__default["default"].number
283
- }),
284
- getMoreStories: PropTypes__default["default"].func,
285
- isLoading: PropTypes__default["default"].bool,
286
- isLoadMoreVisible: PropTypes__default["default"].bool,
287
- isolatedLoadMore: PropTypes__default["default"].bool
288
- };
289
- OpinionCollectionBase.defaultProps = {
290
- getMoreStories: function getMoreStories() {},
291
- isLoadMoreVisible: true,
292
- isLoading: false,
293
- collection: {},
294
- config: {},
295
- hideFirstCard: false
296
- };
297
- var OpinionCollection = index$1.StateProvider(OpinionCollectionBase);
298
-
299
- exports.OpinionCollection = OpinionCollection;
300
- exports.OpinionCollectionBase = OpinionCollectionBase;
@@ -1,215 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var reactRedux = require('react-redux');
5
- var lodash = require('lodash');
6
- var PropTypes = require('prop-types');
7
- var components = require('@quintype/components');
8
- var index = require('./index-93cb06d1.js');
9
- var index$1 = require('./index-142f015c.js');
10
- var index$2 = require('./index-0f809dd9.js');
11
- var index$4 = require('./index-afd44863.js');
12
- var index$3 = require('./index-8462c597.js');
13
- require('babel-plugin-react-css-modules/dist/browser/getClassName');
14
- require('@babel/runtime/helpers/defineProperty');
15
- require('react-dom');
16
- require('@babel/runtime/helpers/slicedToArray');
17
- require('@babel/runtime/helpers/toConsumableArray');
18
- require('@babel/runtime/helpers/asyncToGenerator');
19
- require('@babel/runtime/regenerator');
20
- require('@babel/runtime/helpers/typeof');
21
- require('react-timeago');
22
- require('date-fns-tz');
23
-
24
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
25
-
26
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
27
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
28
-
29
- var PortraitStoryCardBase = function PortraitStoryCardBase(_ref) {
30
- var story = _ref.story,
31
- _ref$border = _ref.border,
32
- border = _ref$border === void 0 ? "" : _ref$border,
33
- _ref$theme = _ref.theme,
34
- theme = _ref$theme === void 0 ? "" : _ref$theme,
35
- _ref$headerLevel = _ref.headerLevel,
36
- headerLevel = _ref$headerLevel === void 0 ? "6" : _ref$headerLevel,
37
- _ref$separator = _ref.separator,
38
- separator = _ref$separator === void 0 ? "" : _ref$separator,
39
- _ref$config = _ref.config,
40
- config = _ref$config === void 0 ? {} : _ref$config,
41
- _ref$borderColor = _ref.borderColor,
42
- borderColor = _ref$borderColor === void 0 ? "" : _ref$borderColor;
43
- if (index$1.isEmpty(story)) return null;
44
- return /*#__PURE__*/React__default["default"].createElement("div", {
45
- className: "portrait-story-card-m_wrapper__3nche"
46
- }, /*#__PURE__*/React__default["default"].createElement(index$2.StoryCard, {
47
- story: story,
48
- border: border,
49
- theme: theme,
50
- config: config,
51
- useImageAsBackground: true
52
- }, /*#__PURE__*/React__default["default"].createElement(index$3.HeroImage, {
53
- story: story,
54
- aspectRatio: [[9, 16]]
55
- }), /*#__PURE__*/React__default["default"].createElement(index$4.StorycardContent, {
56
- story: story,
57
- config: config,
58
- separator: separator,
59
- borderColor: borderColor,
60
- headerLevel: headerLevel
61
- })));
62
- };
63
- PortraitStoryCardBase.propTypes = {
64
- border: PropTypes__default["default"].string,
65
- theme: PropTypes__default["default"].string,
66
- headerLevel: PropTypes__default["default"].string,
67
- separator: PropTypes__default["default"].string,
68
- borderColor: PropTypes__default["default"].string,
69
- config: PropTypes__default["default"].object,
70
- story: PropTypes__default["default"].object
71
- };
72
- var PortraitStoryCard = index.StateProvider(PortraitStoryCardBase);
73
-
74
- var loadMore = function loadMore(_ref) {
75
- var isLoading = _ref.isLoading,
76
- storyItems = _ref.storyItems,
77
- getMoreStories = _ref.getMoreStories,
78
- _ref$subsequentLoadCo = _ref.subsequentLoadCount,
79
- subsequentLoadCount = _ref$subsequentLoadCo === void 0 ? 4 : _ref$subsequentLoadCo;
80
- if (isLoading) return; // prevent multiple clicks/calls
81
-
82
- var limit = subsequentLoadCount;
83
- var offset = storyItems.length;
84
- getMoreStories(offset, limit);
85
- };
86
-
87
- var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
88
- var collection = _ref2.collection,
89
- _ref2$config = _ref2.config,
90
- config = _ref2$config === void 0 ? {} : _ref2$config,
91
- getMoreStories = _ref2.getMoreStories,
92
- isLoadMoreVisible = _ref2.isLoadMoreVisible,
93
- isLoading = _ref2.isLoading,
94
- isolatedLoadMore = _ref2.isolatedLoadMore;
95
- var storyItems = components.collectionToStories(collection);
96
- if (!storyItems.length) return null;
97
- var _config$collectionNam = config.collectionNameBorderColor,
98
- collectionNameBorderColor = _config$collectionNam === void 0 ? "" : _config$collectionNam,
99
- _config$borderColor = config.borderColor,
100
- borderColor = _config$borderColor === void 0 ? "" : _config$borderColor,
101
- _config$theme = config.theme,
102
- theme = _config$theme === void 0 ? "" : _config$theme,
103
- _config$border = config.border,
104
- border = _config$border === void 0 ? "" : _config$border,
105
- _config$collectionNam2 = config.collectionNameTemplate,
106
- collectionNameTemplate = _config$collectionNam2 === void 0 ? "" : _config$collectionNam2,
107
- _config$footerSlotCon = config.footerSlotConfig,
108
- footerSlotConfig = _config$footerSlotCon === void 0 ? {} : _config$footerSlotCon,
109
- _config$footerButton = config.footerButton,
110
- footerButton = _config$footerButton === void 0 ? "" : _config$footerButton,
111
- customCollectionName = config.customCollectionName,
112
- _config$navigate = config.navigate,
113
- navigate = _config$navigate === void 0 ? true : _config$navigate,
114
- _config$subsequentLoa = config.subsequentLoadCount,
115
- subsequentLoadCount = _config$subsequentLoa === void 0 ? 4 : _config$subsequentLoa;
116
- var footerSlot = footerSlotConfig.footerSlot;
117
- var footerSlotComp = typeof footerSlot === "function" ? footerSlot() : null;
118
- var textColor = index$1.getTextColor(theme);
119
- var dispatch = reactRedux.useDispatch();
120
- var qtConfig = reactRedux.useSelector(function (state) {
121
- return lodash.get(state, ["qt", "config"], {});
122
- });
123
-
124
- var getLoadMore = function getLoadMore(opts) {
125
- if (!isLoadMoreVisible) return null;
126
-
127
- if (isolatedLoadMore) {
128
- return /*#__PURE__*/React__default["default"].createElement(index.LoadMoreTarget, {
129
- collection: collection,
130
- componentName: "FourColPortraitStories",
131
- offset: storyItems.length,
132
- limit: subsequentLoadCount
133
- });
134
- }
135
-
136
- var url = index$1.generateNavigateSlug(collection, qtConfig);
137
- return /*#__PURE__*/React__default["default"].createElement(index.ProgressiveHydration, null, /*#__PURE__*/React__default["default"].createElement(index.LoadmoreButton, {
138
- config: config,
139
- collection: collection,
140
- template: footerButton,
141
- onClick: function onClick() {
142
- return loadMore(opts);
143
- },
144
- navigate: function navigate() {
145
- return index$1.navigateTo(dispatch, url);
146
- },
147
- qtConfig: qtConfig
148
- }));
149
- };
150
-
151
- return /*#__PURE__*/React__default["default"].createElement("div", {
152
- className: "full-width-with-padding arrow-component",
153
- "data-test-id": "four-col-portrait-stories",
154
- style: {
155
- backgroundColor: theme,
156
- color: textColor
157
- }
158
- }, /*#__PURE__*/React__default["default"].createElement("div", {
159
- className: "four-col-portrait-stories-m_four-col-portrait__AtWub"
160
- }, /*#__PURE__*/React__default["default"].createElement(index.CollectionName, {
161
- collection: collection,
162
- collectionNameTemplate: collectionNameTemplate,
163
- collectionNameBorderColor: collectionNameBorderColor,
164
- customCollectionName: customCollectionName,
165
- navigate: navigate
166
- }), /*#__PURE__*/React__default["default"].createElement("div", {
167
- className: "four-col-portrait-stories-m_wrapper__1BX02"
168
- }, storyItems.map(function (story, index) {
169
- return /*#__PURE__*/React__default["default"].createElement(PortraitStoryCard, {
170
- story: story,
171
- border: border,
172
- theme: theme,
173
- config: Object.assign({
174
- showSection: false,
175
- showAuthor: false,
176
- showReadTime: false
177
- }, config),
178
- borderColor: borderColor,
179
- key: "story-card-".concat(index)
180
- });
181
- })), getLoadMore({
182
- isLoading: isLoading,
183
- storyItems: storyItems,
184
- getMoreStories: getMoreStories,
185
- subsequentLoadCount: subsequentLoadCount
186
- }), footerSlotComp));
187
- };
188
- FourColPortraitStoriesBase.propTypes = {
189
- /** collection is the array of objects which is returning by API */
190
- collection: PropTypes__default["default"].object.isRequired,
191
-
192
- /** The config for the Row */
193
- config: PropTypes__default["default"].shape({
194
- borderColor: PropTypes__default["default"].string,
195
- theme: PropTypes__default["default"].string,
196
- border: PropTypes__default["default"].bool,
197
- collectionNameTemplate: PropTypes__default["default"].string,
198
- footerButton: PropTypes__default["default"].string,
199
- collectionNameBorderColor: PropTypes__default["default"].string,
200
- subsequentLoadCount: PropTypes__default["default"].number
201
- }),
202
- getMoreStories: PropTypes__default["default"].func,
203
- isLoadMoreVisible: PropTypes__default["default"].bool,
204
- isLoading: PropTypes__default["default"].bool,
205
- isolatedLoadMore: PropTypes__default["default"].bool
206
- };
207
- FourColPortraitStoriesBase.defaultProps = {
208
- getMoreStories: function getMoreStories() {},
209
- isLoadMoreVisible: true,
210
- isLoading: false
211
- };
212
- var FourColPortraitStories = index.StateProvider(FourColPortraitStoriesBase);
213
-
214
- exports.FourColPortraitStories = FourColPortraitStories;
215
- exports.FourColPortraitStoriesBase = FourColPortraitStoriesBase;