@times-components/ts-components 1.64.1 → 1.64.3
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.
- package/CHANGELOG.md +19 -0
- package/dist/components/article-flag/styles.js +1 -3
- package/dist/components/article-header/ArticleHeader.stories.js +11 -10
- package/dist/components/carousel/GalleryCarousel.stories.js +28 -12
- package/dist/components/in-article-big-numbers/BigNumbers.stories.js +25 -9
- package/dist/components/in-article-info-card/InfoCard.stories.js +35 -11
- package/dist/components/in-article-info-card-bulletpoints/InfoCardBulletPoints.stories.js +5 -6
- package/dist/components/in-article-puff/InArticlePuff.stories.js +25 -9
- package/dist/components/in-article-related-articles/InArticleRelatedArticles.stories.js +11 -12
- package/dist/components/in-article-timelines/Timelines.stories.js +15 -7
- package/dist/components/newsletter-puff/newsletter-puff-button/styles.js +1 -1
- package/dist/components/olympics/medal-table/OlympicsMedalTable.stories.js +4 -5
- package/dist/components/olympics/schedule/OlympicsSchedule.stories.js +4 -5
- package/dist/components/recommended-articles/RecommendedArticles.stories.js +36 -9
- package/dist/components/save-star/SaveStar.stories.js +4 -5
- package/dist/helpers/text-crop/fonts.js +5 -13
- package/package.json +16 -16
- package/rnw.js +1 -1
- package/src/components/article-flag/__tests__/__snapshots__/LiveArticleFlag.test.tsx.snap +3 -3
- package/src/components/article-flag/styles.ts +0 -2
- package/src/components/article-header/ArticleHeader.stories.tsx +17 -16
- package/src/components/carousel/GalleryCarousel.stories.tsx +44 -19
- package/src/components/carousel/__tests__/__snapshots__/GalleryCarousel.test.tsx.snap +3 -3
- package/src/components/in-article-big-numbers/BigNumbers.stories.tsx +38 -13
- package/src/components/in-article-big-numbers/__tests__/__snapshots__/BigNumbers.test.tsx.snap +6 -6
- package/src/components/in-article-info-card/InfoCard.stories.tsx +54 -16
- package/src/components/in-article-info-card/__tests__/__snapshots__/InfoCard.test.tsx.snap +4 -4
- package/src/components/in-article-info-card-bulletpoints/InfoCardBulletPoints.stories.tsx +10 -10
- package/src/components/in-article-info-card-bulletpoints/__tests__/__snapshots__/InfoCardBulletPoints.test.tsx.snap +4 -4
- package/src/components/in-article-puff/InArticlePuff.stories.tsx +42 -17
- package/src/components/in-article-puff/__tests__/__snapshots__/InArticlePuff.test.tsx.snap +4 -4
- package/src/components/in-article-related-articles/InArticleRelatedArticles.stories.tsx +26 -26
- package/src/components/in-article-related-articles/__tests__/__snapshots__/RelatedArticle.test.tsx.snap +2 -2
- package/src/components/in-article-related-articles/__tests__/__snapshots__/SingleRelatedArticle.test.tsx.snap +2 -2
- package/src/components/in-article-timelines/Timelines.stories.tsx +22 -10
- package/src/components/in-article-timelines/__tests__/__snapshots__/Timelines.test.tsx.snap +27 -27
- package/src/components/inline-dialog/__tests__/__snapshots__/InlineDialog.test.tsx.snap +1 -1
- package/src/components/inline-message/__tests__/__snapshots__/InlineMessage.test.tsx.snap +2 -2
- package/src/components/latest-from-section/__tests__/__snapshots__/LatestFromSection.test.tsx.snap +9 -9
- package/src/components/newsletter-puff/__tests__/__snapshots__/InlineNewsletterPuff.test.tsx.snap +3 -3
- package/src/components/newsletter-puff/newsletter-puff-button/styles.ts +1 -1
- package/src/components/newsletter-puff/preview-newsletter-puff/__tests__/__snapshots__/PreviewNewsletterPuff.test.tsx.snap +1 -1
- package/src/components/olympics/__tests__/__snapshots__/OlympicsMedalTable.test.tsx.snap +20 -20
- package/src/components/olympics/__tests__/__snapshots__/OlympicsSchedule.test.tsx.snap +28 -28
- package/src/components/olympics/medal-table/OlympicsMedalTable.stories.tsx +8 -11
- package/src/components/olympics/schedule/OlympicsSchedule.stories.tsx +8 -10
- package/src/components/opta/football/fixtures/__tests__/__snapshots__/OptaFootballFixtures.test.tsx.snap +2 -2
- package/src/components/opta/football/match-stats/__tests__/__snapshots__/OptaFootballMatchStats.test.tsx.snap +2 -2
- package/src/components/opta/football/standings/__tests__/__snapshots__/OptaFootballStandings.test.tsx.snap +2 -2
- package/src/components/opta/football/summary/__tests__/__snapshots__/OptaFootballSummary.test.tsx.snap +2 -2
- package/src/components/opta/rugby/fixtures/__tests__/__snapshots__/OptaRugbyFixtures.test.tsx.snap +2 -2
- package/src/components/opta/rugby/match-stats/__tests__/__snapshots__/OptaRugbyMatchStats.test.tsx.snap +2 -2
- package/src/components/opta/rugby/standings/__tests__/__snapshots__/OptaRugbyStandings.test.tsx.snap +2 -2
- package/src/components/opta/rugby/summary/__tests__/__snapshots__/OptaRugbySummary.test.tsx.snap +2 -2
- package/src/components/recommended-articles/RecommendedArticles.stories.tsx +46 -15
- package/src/components/related-article-slice/__tests__/__snapshots__/RelatedArticleSlice.test.tsx.snap +6 -6
- package/src/components/save-star/SaveStar.stories.tsx +16 -16
- package/src/components/save-star/__tests__/__snapshots__/SaveStar.test.tsx.snap +3 -3
- package/src/components/updated-timestamp/__tests__/__snapshots__/UpdatedTimestamp.test.tsx.snap +1 -1
- package/src/helpers/text-crop/__tests__/__snapshots__/TextCrop.test.tsx.snap +4 -4
- package/src/helpers/text-crop/fonts.ts +4 -13
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.64.3](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.64.2...@times-components/ts-components@1.64.3) (2023-02-08)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @times-components/ts-components
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [1.64.2](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.64.1...@times-components/ts-components@1.64.2) (2023-02-02)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Reverts
|
|
18
|
+
|
|
19
|
+
* Revert "feat(TD-2979): replace gillSans with roboto (#3226)" (#3228) ([834129f](https://github.com/newsuk/times-components/commit/834129f471197d50b1446a460e383910444aba15)), closes [#3226](https://github.com/newsuk/times-components/issues/3226) [#3228](https://github.com/newsuk/times-components/issues/3228)
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
## [1.64.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.64.0...@times-components/ts-components@1.64.1) (2023-02-02)
|
|
7
26
|
|
|
8
27
|
|
|
@@ -10,8 +10,6 @@ export const LiveArticleFlagContainer = styled.div `
|
|
|
10
10
|
width: fit-content;
|
|
11
11
|
`;
|
|
12
12
|
export const LiveArticleFlagText = styled.span `
|
|
13
|
-
display: flex;
|
|
14
|
-
align-items: center;
|
|
15
13
|
font-family: ${fonts.supporting};
|
|
16
14
|
color: #ffffff;
|
|
17
15
|
font-weight: 500;
|
|
@@ -79,4 +77,4 @@ export const FlagsContainer = styled.div `
|
|
|
79
77
|
margin-bottom: 15px;
|
|
80
78
|
margin-top: 5px;
|
|
81
79
|
`;
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1mbGFnL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV4RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFekQsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7OztDQU9qRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQTtpQkFDN0IsS0FBSyxDQUFDLFVBQVU7Ozs7O0NBS2hDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBRyxTQUFTLENBQUE7Ozs7Ozs7Ozs7O0lBV3RCLENBQUM7QUFFTCxNQUFNLENBQUMsTUFBTSw0QkFBNEIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7OztDQUtyRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7O2VBRzlCLFFBQVE7Q0FDdEIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJN0MsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLDZCQUE2QixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJdEQsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7c0JBSXJCLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUs7Q0FDbEUsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Ozs7V0FPdkMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSztDQUN2RCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQXdCO2tCQUMzQyxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0NBQ3JFLENBQUM7QUFDRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7Q0FLOUIsQ0FBQztBQUNGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Q0FHdkMsQ0FBQyJ9
|
|
@@ -20,19 +20,20 @@ const getAttributes = () => {
|
|
|
20
20
|
return { updated, breaking, headline };
|
|
21
21
|
};
|
|
22
22
|
storiesOf('Typescript Component/Article Header', module)
|
|
23
|
-
.addDecorator((storyFn) => (React.createElement(ArticleHarness, null, storyFn())))
|
|
24
23
|
.add('Article Header with headline', () => {
|
|
25
24
|
const props = getAttributes();
|
|
26
|
-
return (React.createElement(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
return (React.createElement(ArticleHarness, null,
|
|
26
|
+
React.createElement(ArticleHeader, { updated: props.updated,
|
|
27
|
+
// date={props.date}
|
|
28
|
+
// time={props.time}
|
|
29
|
+
breaking: props.breaking, headline: encodeURIComponent(props.headline) })));
|
|
30
30
|
})
|
|
31
31
|
.add('Article Header without headline', () => {
|
|
32
32
|
const props = getAttributes();
|
|
33
|
-
return (React.createElement(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
return (React.createElement(ArticleHarness, null,
|
|
34
|
+
React.createElement(ArticleHeader, { updated: props.updated,
|
|
35
|
+
// date={props.date}
|
|
36
|
+
// time={props.time}
|
|
37
|
+
breaking: props.breaking })));
|
|
37
38
|
});
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUhlYWRlci5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1oZWFkZXIvQXJ0aWNsZUhlYWRlci5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEQsT0FBTztBQUNMLFVBQVU7QUFDVixVQUFVLEVBQ1gsTUFBTSxVQUFVLENBQUM7QUFDbEIsZ0RBQWdEO0FBRWhELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUMvRSxPQUFPLGFBQWEsTUFBTSxpQkFBaUIsQ0FBQztBQUU1QyxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDekIsTUFBTSxFQUFFLEdBQUcsU0FBUyxDQUFDO0lBRXJCLE1BQU0sR0FBRyxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7SUFDdkIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFeEUsMkRBQTJEO0lBQzNELDREQUE0RDtJQUM1RCx3RUFBd0U7SUFFeEUsTUFBTSxPQUFPLEdBQUcsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsQ0FBQztJQUNuRCxNQUFNLFFBQVEsR0FBRyxNQUFNLENBQUMsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFekQsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxzQkFBc0IsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUU5RCxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsQ0FBQztBQUN6QyxDQUFDLENBQUM7QUFFRixTQUFTLENBQUMscUNBQXFDLEVBQUUsTUFBTSxDQUFDO0tBQ3JELEdBQUcsQ0FBQyw4QkFBOEIsRUFBRSxHQUFHLEVBQUU7SUFDeEMsTUFBTSxLQUFLLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFDOUIsT0FBTyxDQUNMLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQ1osT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPO1lBQ3RCLG9CQUFvQjtZQUNwQixvQkFBb0I7WUFDcEIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQ3hCLFFBQVEsRUFBRSxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQzVDLENBQ2EsQ0FDbEIsQ0FBQztBQUNKLENBQUMsQ0FBQztLQUNELEdBQUcsQ0FBQyxpQ0FBaUMsRUFBRSxHQUFHLEVBQUU7SUFDM0MsTUFBTSxLQUFLLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFDOUIsT0FBTyxDQUNMLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQ1osT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPO1lBQ3RCLG9CQUFvQjtZQUNwQixvQkFBb0I7WUFDcEIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEdBQ3hCLENBQ2EsQ0FDbEIsQ0FBQztBQUNKLENBQUMsQ0FBQyxDQUFDIn0=
|
|
@@ -7,21 +7,37 @@ import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextP
|
|
|
7
7
|
import previewData from '../../fixtures/preview-data/gallery-carousel';
|
|
8
8
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
9
9
|
storiesOf('Typescript Component/Gallery Carousel', module)
|
|
10
|
-
.
|
|
10
|
+
.add('Wide', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
11
11
|
component: 'ArticleSkeleton',
|
|
12
12
|
attrs: {
|
|
13
13
|
article_name: 'Headline',
|
|
14
14
|
section_details: 'Section'
|
|
15
15
|
}
|
|
16
16
|
} },
|
|
17
|
-
React.createElement(ArticleHarness, null,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
.add('Regular', () => (React.createElement(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
17
|
+
React.createElement(ArticleHarness, null,
|
|
18
|
+
React.createElement(FetchProvider, { previewData: previewData[43486] },
|
|
19
|
+
React.createElement("div", { style: { margin: '20px 0px' } },
|
|
20
|
+
React.createElement(GalleryCarousel, { sectionColour: "#13354E" })))))))
|
|
21
|
+
.add('Regular', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
22
|
+
component: 'ArticleSkeleton',
|
|
23
|
+
attrs: {
|
|
24
|
+
article_name: 'Headline',
|
|
25
|
+
section_details: 'Section'
|
|
26
|
+
}
|
|
27
|
+
} },
|
|
28
|
+
React.createElement(ArticleHarness, null,
|
|
29
|
+
React.createElement(FetchProvider, { previewData: previewData[43484] },
|
|
30
|
+
React.createElement("div", { style: { margin: '20px 0px' } },
|
|
31
|
+
React.createElement(GalleryCarousel, { sectionColour: "#13354E" })))))))
|
|
32
|
+
.add('Small', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
33
|
+
component: 'ArticleSkeleton',
|
|
34
|
+
attrs: {
|
|
35
|
+
article_name: 'Headline',
|
|
36
|
+
section_details: 'Section'
|
|
37
|
+
}
|
|
38
|
+
} },
|
|
39
|
+
React.createElement(ArticleHarness, null,
|
|
40
|
+
React.createElement(FetchProvider, { previewData: previewData[43434] },
|
|
41
|
+
React.createElement("div", { style: { margin: '20px 0px' } },
|
|
42
|
+
React.createElement(GalleryCarousel, { sectionColour: "#13354E" })))))));
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR2FsbGVyeUNhcm91c2VsLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJvdXNlbC9HYWxsZXJ5Q2Fyb3VzZWwuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUV6RixPQUFPLFdBQVcsTUFBTSw4Q0FBOEMsQ0FBQztBQUN2RSxPQUFPLGVBQWUsTUFBTSxvREFBb0QsQ0FBQztBQUVqRixTQUFTLENBQUMsdUNBQXVDLEVBQUUsTUFBTSxDQUFDO0tBQ3ZELEdBQUcsQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDakIsb0JBQUMsdUJBQXVCLElBQ3RCLGVBQWUsRUFBRSxlQUFlLEVBQ2hDLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLFVBQVU7WUFDeEIsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRjtJQUVELG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDNUMsNkJBQUssS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRTtnQkFDaEMsb0JBQUMsZUFBZSxJQUFDLGFBQWEsRUFBQyxTQUFTLEdBQUcsQ0FDdkMsQ0FDUSxDQUNELENBQ08sQ0FDM0IsQ0FBQztLQUNELEdBQUcsQ0FBQyxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDcEIsb0JBQUMsdUJBQXVCLElBQ3RCLGVBQWUsRUFBRSxlQUFlLEVBQ2hDLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLFVBQVU7WUFDeEIsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRjtJQUVELG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDNUMsNkJBQUssS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRTtnQkFDaEMsb0JBQUMsZUFBZSxJQUFDLGFBQWEsRUFBQyxTQUFTLEdBQUcsQ0FDdkMsQ0FDUSxDQUNELENBQ08sQ0FDM0IsQ0FBQztLQUNELEdBQUcsQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDbEIsb0JBQUMsdUJBQXVCLElBQ3RCLGVBQWUsRUFBRSxlQUFlLEVBQ2hDLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLFVBQVU7WUFDeEIsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRjtJQUVELG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDNUMsNkJBQUssS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRTtnQkFDaEMsb0JBQUMsZUFBZSxJQUFDLGFBQWEsRUFBQyxTQUFTLEdBQUcsQ0FDdkMsQ0FDUSxDQUNELENBQ08sQ0FDM0IsQ0FBQyxDQUFDIn0=
|
|
@@ -6,18 +6,34 @@ import { BigNumbers } from './BigNumbers';
|
|
|
6
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
8
|
storiesOf('Typescript Component/In Article/Big Numbers', module)
|
|
9
|
-
.
|
|
9
|
+
.add('Standard without a headline', () => (React.createElement(TrackingContextProvider, { context: {
|
|
10
10
|
component: 'ArticleSkeleton',
|
|
11
11
|
attrs: {
|
|
12
12
|
article_name: 'articleHeadline',
|
|
13
13
|
section_details: 'section'
|
|
14
14
|
}
|
|
15
15
|
}, analyticsStream: analyticsStream },
|
|
16
|
-
React.createElement(ArticleHarness, null,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
.add('Standard with One Card', () => (React.createElement(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
16
|
+
React.createElement(ArticleHarness, null,
|
|
17
|
+
React.createElement(FetchProvider, { url: "https://gobble.timesdev.tools/deck/api/deck-post-action/44335" },
|
|
18
|
+
React.createElement(BigNumbers, { sectionColour: "#636C17" }))))))
|
|
19
|
+
.add('Standard with One Card', () => (React.createElement(TrackingContextProvider, { context: {
|
|
20
|
+
component: 'ArticleSkeleton',
|
|
21
|
+
attrs: {
|
|
22
|
+
article_name: 'articleHeadline',
|
|
23
|
+
section_details: 'section'
|
|
24
|
+
}
|
|
25
|
+
}, analyticsStream: analyticsStream },
|
|
26
|
+
React.createElement(ArticleHarness, null,
|
|
27
|
+
React.createElement(FetchProvider, { url: "https://gobble.timesdev.tools/deck/api/deck-post-action/44336" },
|
|
28
|
+
React.createElement(BigNumbers, { sectionColour: "#636C17" }))))))
|
|
29
|
+
.add('Wide with a headline', () => (React.createElement(TrackingContextProvider, { context: {
|
|
30
|
+
component: 'ArticleSkeleton',
|
|
31
|
+
attrs: {
|
|
32
|
+
article_name: 'articleHeadline',
|
|
33
|
+
section_details: 'section'
|
|
34
|
+
}
|
|
35
|
+
}, analyticsStream: analyticsStream },
|
|
36
|
+
React.createElement(ArticleHarness, null,
|
|
37
|
+
React.createElement(FetchProvider, { url: "https://gobble.timesdev.tools/deck/api/deck-post-action/44334" },
|
|
38
|
+
React.createElement(BigNumbers, { sectionColour: "#636C17" }))))));
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmlnTnVtYmVycy5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW4tYXJ0aWNsZS1iaWctbnVtYmVycy9CaWdOdW1iZXJzLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pGLE9BQU8sZUFBZSxNQUFNLG9EQUFvRCxDQUFDO0FBRWpGLFNBQVMsQ0FBQyw2Q0FBNkMsRUFBRSxNQUFNLENBQUM7S0FDN0QsR0FBRyxDQUFDLDZCQUE2QixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ3hDLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxpQkFBaUI7WUFDL0IsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsR0FBRyxFQUFDLCtEQUErRDtZQUNoRixvQkFBQyxVQUFVLElBQUMsYUFBYSxFQUFDLFNBQVMsR0FBRyxDQUN4QixDQUNELENBQ08sQ0FDM0IsQ0FBQztLQUNELEdBQUcsQ0FBQyx3QkFBd0IsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUNuQyxvQkFBQyx1QkFBdUIsSUFDdEIsT0FBTyxFQUFFO1FBQ1AsU0FBUyxFQUFFLGlCQUFpQjtRQUM1QixLQUFLLEVBQUU7WUFDTCxZQUFZLEVBQUUsaUJBQWlCO1lBQy9CLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0YsRUFDRCxlQUFlLEVBQUUsZUFBZTtJQUVoQyxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLEdBQUcsRUFBQywrREFBK0Q7WUFDaEYsb0JBQUMsVUFBVSxJQUFDLGFBQWEsRUFBQyxTQUFTLEdBQUcsQ0FDeEIsQ0FDRCxDQUNPLENBQzNCLENBQUM7S0FDRCxHQUFHLENBQUMsc0JBQXNCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDakMsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLGlCQUFpQjtZQUMvQixlQUFlLEVBQUUsU0FBUztTQUMzQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGFBQWEsSUFBQyxHQUFHLEVBQUMsK0RBQStEO1lBQ2hGLG9CQUFDLFVBQVUsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3hCLENBQ0QsQ0FDTyxDQUMzQixDQUFDLENBQUMifQ==
|
|
@@ -7,20 +7,44 @@ import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextP
|
|
|
7
7
|
import previewData from '../../fixtures/preview-data/in-article-info-card';
|
|
8
8
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
9
9
|
storiesOf('Typescript Component/In Article/Info Card', module)
|
|
10
|
-
.
|
|
10
|
+
.add('Standard with Copy & Subtitle', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
11
11
|
component: 'ArticleSkeleton',
|
|
12
12
|
attrs: {
|
|
13
13
|
article_name: 'Headline',
|
|
14
14
|
section_details: 'Section'
|
|
15
15
|
}
|
|
16
16
|
} },
|
|
17
|
-
React.createElement(ArticleHarness, null,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
.add('Standard with Image', () => (React.createElement(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
17
|
+
React.createElement(ArticleHarness, null,
|
|
18
|
+
React.createElement(FetchProvider, { previewData: previewData[43606] },
|
|
19
|
+
React.createElement(InfoCard, { sectionColour: "#636C17" }))))))
|
|
20
|
+
.add('Standard with Image', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
21
|
+
component: 'ArticleSkeleton',
|
|
22
|
+
attrs: {
|
|
23
|
+
article_name: 'Headline',
|
|
24
|
+
section_details: 'Section'
|
|
25
|
+
}
|
|
26
|
+
} },
|
|
27
|
+
React.createElement(ArticleHarness, null,
|
|
28
|
+
React.createElement(FetchProvider, { previewData: previewData[43961] },
|
|
29
|
+
React.createElement(InfoCard, { sectionColour: "#636C17" }))))))
|
|
30
|
+
.add('Wide with Copy', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
31
|
+
component: 'ArticleSkeleton',
|
|
32
|
+
attrs: {
|
|
33
|
+
article_name: 'Headline',
|
|
34
|
+
section_details: 'Section'
|
|
35
|
+
}
|
|
36
|
+
} },
|
|
37
|
+
React.createElement(ArticleHarness, null,
|
|
38
|
+
React.createElement(FetchProvider, { previewData: previewData[43603] },
|
|
39
|
+
React.createElement(InfoCard, { sectionColour: "#636C17" }))))))
|
|
40
|
+
.add('Wide with Image', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
41
|
+
component: 'ArticleSkeleton',
|
|
42
|
+
attrs: {
|
|
43
|
+
article_name: 'Headline',
|
|
44
|
+
section_details: 'Section'
|
|
45
|
+
}
|
|
46
|
+
} },
|
|
47
|
+
React.createElement(ArticleHarness, null,
|
|
48
|
+
React.createElement(FetchProvider, { previewData: previewData[43614] },
|
|
49
|
+
React.createElement(InfoCard, { sectionColour: "#636C17" }))))));
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5mb0NhcmQuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2luLWFydGljbGUtaW5mby1jYXJkL0luZm9DYXJkLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBRXpGLE9BQU8sV0FBVyxNQUFNLGtEQUFrRCxDQUFDO0FBQzNFLE9BQU8sZUFBZSxNQUFNLG9EQUFvRCxDQUFDO0FBRWpGLFNBQVMsQ0FBQywyQ0FBMkMsRUFBRSxNQUFNLENBQUM7S0FDM0QsR0FBRyxDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzFDLG9CQUFDLHVCQUF1QixJQUN0QixlQUFlLEVBQUUsZUFBZSxFQUNoQyxPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxVQUFVO1lBQ3hCLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0Y7SUFFRCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDO1lBQzVDLG9CQUFDLFFBQVEsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3RCLENBQ0QsQ0FDTyxDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLHFCQUFxQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ2hDLG9CQUFDLHVCQUF1QixJQUN0QixlQUFlLEVBQUUsZUFBZSxFQUNoQyxPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxVQUFVO1lBQ3hCLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0Y7SUFFRCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDO1lBQzVDLG9CQUFDLFFBQVEsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3RCLENBQ0QsQ0FDTyxDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLGdCQUFnQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzNCLG9CQUFDLHVCQUF1QixJQUN0QixlQUFlLEVBQUUsZUFBZSxFQUNoQyxPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxVQUFVO1lBQ3hCLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0Y7SUFFRCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDO1lBQzVDLG9CQUFDLFFBQVEsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3RCLENBQ0QsQ0FDTyxDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzVCLG9CQUFDLHVCQUF1QixJQUN0QixlQUFlLEVBQUUsZUFBZSxFQUNoQyxPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxVQUFVO1lBQ3hCLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0Y7SUFFRCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDO1lBQzVDLG9CQUFDLFFBQVEsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3RCLENBQ0QsQ0FDTyxDQUMzQixDQUFDLENBQUMifQ==
|
|
@@ -5,15 +5,14 @@ import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
|
5
5
|
import { InfoCardBulletPoints } from './InfoCardBulletPoints';
|
|
6
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
|
-
storiesOf('Typescript Component/In Article/Info Card', module)
|
|
9
|
-
.addDecorator((storyFn) => (React.createElement(TrackingContextProvider, { context: {
|
|
8
|
+
storiesOf('Typescript Component/In Article/Info Card', module).add('Bullet Points', () => (React.createElement(TrackingContextProvider, { context: {
|
|
10
9
|
component: 'ArticleSkeleton',
|
|
11
10
|
attrs: {
|
|
12
11
|
article_name: 'articleHeadline',
|
|
13
12
|
section_details: 'section'
|
|
14
13
|
}
|
|
15
14
|
}, analyticsStream: analyticsStream },
|
|
16
|
-
React.createElement(ArticleHarness, null,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
React.createElement(ArticleHarness, null,
|
|
16
|
+
React.createElement(FetchProvider, { url: "https://gobble.timesdev.tools/deck/api/deck-post-action/43978" },
|
|
17
|
+
React.createElement(InfoCardBulletPoints, { sectionColour: "#636C17" }))))));
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5mb0NhcmRCdWxsZXRQb2ludHMuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2luLWFydGljbGUtaW5mby1jYXJkLWJ1bGxldHBvaW50cy9JbmZvQ2FyZEJ1bGxldFBvaW50cy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxlQUFlLE1BQU0sb0RBQW9ELENBQUM7QUFFakYsU0FBUyxDQUFDLDJDQUEyQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDaEUsZUFBZSxFQUNmLEdBQUcsRUFBRSxDQUFDLENBQ0osb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLGlCQUFpQjtZQUMvQixlQUFlLEVBQUUsU0FBUztTQUMzQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGFBQWEsSUFBQyxHQUFHLEVBQUMsK0RBQStEO1lBQ2hGLG9CQUFDLG9CQUFvQixJQUFDLGFBQWEsRUFBQyxTQUFTLEdBQUcsQ0FDbEMsQ0FDRCxDQUNPLENBQzNCLENBQ0YsQ0FBQyJ9
|
|
@@ -7,18 +7,34 @@ import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextP
|
|
|
7
7
|
import previewData from '../../fixtures/preview-data/in-article-puff';
|
|
8
8
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
9
9
|
storiesOf('Typescript Component/In Article/In Article Puff', module)
|
|
10
|
-
.
|
|
10
|
+
.add('Image', () => (React.createElement(TrackingContextProvider, { context: {
|
|
11
11
|
component: 'ArticleSkeleton',
|
|
12
12
|
attrs: {
|
|
13
13
|
article_name: 'articleHeadline',
|
|
14
14
|
section_details: 'section'
|
|
15
15
|
}
|
|
16
16
|
}, analyticsStream: analyticsStream },
|
|
17
|
-
React.createElement(ArticleHarness, null,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
.add('Image 3:2', () => (React.createElement(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
React.createElement(ArticleHarness, null,
|
|
18
|
+
React.createElement(FetchProvider, { previewData: previewData[41548] },
|
|
19
|
+
React.createElement(InArticlePuff, { sectionColour: "#13354e" }))))))
|
|
20
|
+
.add('Image 3:2', () => (React.createElement(TrackingContextProvider, { context: {
|
|
21
|
+
component: 'ArticleSkeleton',
|
|
22
|
+
attrs: {
|
|
23
|
+
article_name: 'articleHeadline',
|
|
24
|
+
section_details: 'section'
|
|
25
|
+
}
|
|
26
|
+
}, analyticsStream: analyticsStream },
|
|
27
|
+
React.createElement(ArticleHarness, null,
|
|
28
|
+
React.createElement(FetchProvider, { previewData: previewData[41548] },
|
|
29
|
+
React.createElement(InArticlePuff, { sectionColour: "#13354e", forceImageAspectRatio: "3:2", isLiveOrBreaking: "breaking" }))))))
|
|
30
|
+
.add('No Image', () => (React.createElement(TrackingContextProvider, { context: {
|
|
31
|
+
component: 'ArticleSkeleton',
|
|
32
|
+
attrs: {
|
|
33
|
+
article_name: 'articleHeadline',
|
|
34
|
+
section_details: 'section'
|
|
35
|
+
}
|
|
36
|
+
}, analyticsStream: analyticsStream },
|
|
37
|
+
React.createElement(ArticleHarness, null,
|
|
38
|
+
React.createElement(FetchProvider, { previewData: previewData[41547] },
|
|
39
|
+
React.createElement(InArticlePuff, { sectionColour: "#184e13", isLiveOrBreaking: "live" }))))));
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5BcnRpY2xlUHVmZi5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW4tYXJ0aWNsZS1wdWZmL0luQXJ0aWNsZVB1ZmYuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUV6RixPQUFPLFdBQVcsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RSxPQUFPLGVBQWUsTUFBTSxvREFBb0QsQ0FBQztBQUVqRixTQUFTLENBQUMsaURBQWlELEVBQUUsTUFBTSxDQUFDO0tBQ2pFLEdBQUcsQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDbEIsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLGlCQUFpQjtZQUMvQixlQUFlLEVBQUUsU0FBUztTQUMzQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUM1QyxvQkFBQyxhQUFhLElBQUMsYUFBYSxFQUFDLFNBQVMsR0FBRyxDQUMzQixDQUNELENBQ08sQ0FDM0IsQ0FBQztLQUNELEdBQUcsQ0FBQyxXQUFXLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDdEIsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLGlCQUFpQjtZQUMvQixlQUFlLEVBQUUsU0FBUztTQUMzQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUM1QyxvQkFBQyxhQUFhLElBQ1osYUFBYSxFQUFDLFNBQVMsRUFDdkIscUJBQXFCLEVBQUMsS0FBSyxFQUMzQixnQkFBZ0IsRUFBQyxVQUFVLEdBQzNCLENBQ1ksQ0FDRCxDQUNPLENBQzNCLENBQUM7S0FDRCxHQUFHLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ3JCLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxpQkFBaUI7WUFDL0IsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDNUMsb0JBQUMsYUFBYSxJQUFDLGFBQWEsRUFBQyxTQUFTLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxHQUFHLENBQ25ELENBQ0QsQ0FDTyxDQUMzQixDQUFDLENBQUMifQ==
|
|
@@ -27,19 +27,18 @@ const article3 = {
|
|
|
27
27
|
link: 'https://www.thetimes.co.uk/article/the-times-view-on-elephants-suction-technique-talented-trunks-h3ck3zx6g',
|
|
28
28
|
image: 'https://www.thetimes.co.uk/imageserver/image/methode%2Ftimes%2Fprod%2Fweb%2Fbin%2Ff1a0847a-c3ea-11eb-a26e-4c086490cfe1.jpg?crop=4418%2C2945%2C0%2C0&resize=685'
|
|
29
29
|
};
|
|
30
|
-
storiesOf('Typescript Component/In Article/Related Articles', module)
|
|
31
|
-
.addDecorator((storyFn) => (React.createElement(TrackingContextProvider, { context: {
|
|
32
|
-
component: 'ArticleSkeleton',
|
|
33
|
-
attrs: {
|
|
34
|
-
article_name: 'articleHeadline',
|
|
35
|
-
section_details: 'section'
|
|
36
|
-
}
|
|
37
|
-
}, analyticsStream: analyticsStream },
|
|
38
|
-
React.createElement(ArticleHarness, null, storyFn()))))
|
|
39
|
-
.add('Related Articles', () => {
|
|
30
|
+
storiesOf('Typescript Component/In Article/Related Articles', module).add('Related Articles', () => {
|
|
40
31
|
const numberOfArticles = select('Number of Articles', { Three: 3, Two: 2, One: 1 }, 3);
|
|
41
32
|
// @ts-ignore
|
|
42
33
|
const sectionColor = select('Section', colours.section, '#636C17');
|
|
43
|
-
return (React.createElement(
|
|
34
|
+
return (React.createElement(TrackingContextProvider, { context: {
|
|
35
|
+
component: 'ArticleSkeleton',
|
|
36
|
+
attrs: {
|
|
37
|
+
article_name: 'articleHeadline',
|
|
38
|
+
section_details: 'section'
|
|
39
|
+
}
|
|
40
|
+
}, analyticsStream: analyticsStream },
|
|
41
|
+
React.createElement(ArticleHarness, null,
|
|
42
|
+
React.createElement(InArticleRelatedArticles, { sectionColour: sectionColor, heading: "Related Articles", relatedArticles: [article1, article2, article3].filter(({}, index) => index < numberOfArticles), showImages: boolean('Show Images', true) }))));
|
|
44
43
|
});
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5BcnRpY2xlUmVsYXRlZEFydGljbGVzLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbi1hcnRpY2xlLXJlbGF0ZWQtYXJ0aWNsZXMvSW5BcnRpY2xlUmVsYXRlZEFydGljbGVzLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFMUQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFdEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQy9FLE9BQU8sZUFBZSxNQUFNLG9EQUFvRCxDQUFDO0FBRWpGLE1BQU0sUUFBUSxHQUFHO0lBQ2YsS0FBSyxFQUFFLGFBQWE7SUFDcEIsUUFBUSxFQUFFLHFEQUFxRDtJQUMvRCxJQUFJLEVBQ0YsZ0dBQWdHO0lBQ2xHLEtBQUssRUFDSCxxS0FBcUs7SUFDdkssT0FBTyxFQUNMLDBNQUEwTTtJQUM1TSxhQUFhLEVBQUUsMEJBQTBCO0lBQ3pDLE1BQU0sRUFBRSx1QkFBdUI7Q0FDaEMsQ0FBQztBQUVGLE1BQU0sUUFBUSxHQUFHO0lBQ2YsS0FBSyxFQUFFLFVBQVU7SUFDakIsUUFBUSxFQUFFLDZDQUE2QztJQUN2RCxJQUFJLEVBQ0Ysb0dBQW9HO0lBQ3RHLEtBQUssRUFDSCwyR0FBMkc7Q0FDOUcsQ0FBQztBQUVGLE1BQU0sUUFBUSxHQUFHO0lBQ2YsS0FBSyxFQUFFLGlCQUFpQjtJQUN4QixRQUFRLEVBQUUsZ0RBQWdEO0lBQzFELElBQUksRUFDRiw0R0FBNEc7SUFDOUcsS0FBSyxFQUNILGdLQUFnSztDQUNuSyxDQUFDO0FBRUYsU0FBUyxDQUFDLGtEQUFrRCxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDdkUsa0JBQWtCLEVBQ2xCLEdBQUcsRUFBRTtJQUNILE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUM3QixvQkFBb0IsRUFDcEIsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUM1QixDQUFDLENBQ0YsQ0FBQztJQUNGLGFBQWE7SUFDYixNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDbkUsT0FBTyxDQUNMLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7WUFDUCxTQUFTLEVBQUUsaUJBQWlCO1lBQzVCLEtBQUssRUFBRTtnQkFDTCxZQUFZLEVBQUUsaUJBQWlCO2dCQUMvQixlQUFlLEVBQUUsU0FBUzthQUMzQjtTQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7UUFFaEMsb0JBQUMsY0FBYztZQUNiLG9CQUFDLHdCQUF3QixJQUN2QixhQUFhLEVBQUUsWUFBWSxFQUMzQixPQUFPLEVBQUMsa0JBQWtCLEVBQzFCLGVBQWUsRUFBRSxDQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUNwRCxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssR0FBRyxnQkFBZ0IsQ0FDeEMsRUFDRCxVQUFVLEVBQUUsT0FBTyxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsR0FDeEMsQ0FDYSxDQUNPLENBQzNCLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
|
@@ -6,16 +6,24 @@ import { Timelines } from './Timelines';
|
|
|
6
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
8
|
storiesOf('Typescript Component/In Article/Timelines', module)
|
|
9
|
-
.
|
|
9
|
+
.add('Timelines with Bullet Point', () => (React.createElement(TrackingContextProvider, { context: {
|
|
10
10
|
component: 'ArticleSkeleton',
|
|
11
11
|
attrs: {
|
|
12
12
|
article_name: 'articleHeadline',
|
|
13
13
|
section_details: 'section'
|
|
14
14
|
}
|
|
15
15
|
}, analyticsStream: analyticsStream },
|
|
16
|
-
React.createElement(ArticleHarness, null,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
.add('Timelines with Circular Image', () => (React.createElement(
|
|
20
|
-
|
|
21
|
-
|
|
16
|
+
React.createElement(ArticleHarness, null,
|
|
17
|
+
React.createElement(FetchProvider, { url: "https://gobble.timesdev.tools/deck/api/deck-post-action/45060" },
|
|
18
|
+
React.createElement(Timelines, { sectionColour: "#008347" }))))))
|
|
19
|
+
.add('Timelines with Circular Image', () => (React.createElement(TrackingContextProvider, { context: {
|
|
20
|
+
component: 'ArticleSkeleton',
|
|
21
|
+
attrs: {
|
|
22
|
+
article_name: 'articleHeadline',
|
|
23
|
+
section_details: 'section'
|
|
24
|
+
}
|
|
25
|
+
}, analyticsStream: analyticsStream },
|
|
26
|
+
React.createElement(ArticleHarness, null,
|
|
27
|
+
React.createElement(FetchProvider, { url: "https://gobble.timesdev.tools/deck/api/deck-post-action/45061" },
|
|
28
|
+
React.createElement(Timelines, { sectionColour: "#008347" }))))));
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVzLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbi1hcnRpY2xlLXRpbWVsaW5lcy9UaW1lbGluZXMuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDeEMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxlQUFlLE1BQU0sb0RBQW9ELENBQUM7QUFFakYsU0FBUyxDQUFDLDJDQUEyQyxFQUFFLE1BQU0sQ0FBQztLQUMzRCxHQUFHLENBQUMsNkJBQTZCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDeEMsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLGlCQUFpQjtZQUMvQixlQUFlLEVBQUUsU0FBUztTQUMzQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGFBQWEsSUFBQyxHQUFHLEVBQUMsK0RBQStEO1lBQ2hGLG9CQUFDLFNBQVMsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3ZCLENBQ0QsQ0FDTyxDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzFDLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxpQkFBaUI7WUFDL0IsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsR0FBRyxFQUFDLCtEQUErRDtZQUNoRixvQkFBQyxTQUFTLElBQUMsYUFBYSxFQUFDLFNBQVMsR0FBRyxDQUN2QixDQUNELENBQ08sQ0FDM0IsQ0FBQyxDQUFDIn0=
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
import { colours, fonts } from '@times-components/ts-styleguide';
|
|
3
3
|
export const PuffButton = styled.button `
|
|
4
|
-
font-family:
|
|
4
|
+
font-family: GillSansMTStd-Medium;
|
|
5
5
|
font-size: 16px;
|
|
6
6
|
line-height: 0;
|
|
7
7
|
align-items: center;
|
|
@@ -4,11 +4,10 @@ import { OlympicsMedalTable } from './OlympicsMedalTable';
|
|
|
4
4
|
import { ArticleHarness } from '../../../fixtures/article-harness/ArticleHarness';
|
|
5
5
|
import { boolean, text } from '@storybook/addon-knobs';
|
|
6
6
|
import { config } from '../OlympicsKeys';
|
|
7
|
-
storiesOf('Typescript Component/Olympics', module)
|
|
8
|
-
.addDecorator((storyFn) => (React.createElement(ArticleHarness, null, storyFn())))
|
|
9
|
-
.add('Medal Table', () => {
|
|
7
|
+
storiesOf('Typescript Component/Olympics', module).add('Medal Table', () => {
|
|
10
8
|
const inArticle = boolean('Is In Article', true);
|
|
11
9
|
const highlighted = text('Highlighted Country', 'GBR');
|
|
12
|
-
return (React.createElement(
|
|
10
|
+
return (React.createElement(ArticleHarness, null,
|
|
11
|
+
React.createElement(OlympicsMedalTable, { keys: config.prod, highlighted: highlighted, inArticle: inArticle })));
|
|
13
12
|
});
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT2x5bXBpY3NNZWRhbFRhYmxlLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vbHltcGljcy9tZWRhbC10YWJsZS9PbHltcGljc01lZGFsVGFibGUuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDbEYsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFekMsU0FBUyxDQUFDLCtCQUErQixFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsR0FBRyxFQUFFO0lBQ3pFLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxlQUFlLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDakQsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixFQUFFLEtBQUssQ0FBQyxDQUFDO0lBRXZELE9BQU8sQ0FDTCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsa0JBQWtCLElBQ2pCLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNqQixXQUFXLEVBQUUsV0FBVyxFQUN4QixTQUFTLEVBQUUsU0FBUyxHQUNwQixDQUNhLENBQ2xCLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -4,10 +4,9 @@ import { OlympicsSchedule } from './OlympicsSchedule';
|
|
|
4
4
|
import { ArticleHarness } from '../../../fixtures/article-harness/ArticleHarness';
|
|
5
5
|
import { boolean } from '@storybook/addon-knobs';
|
|
6
6
|
import { config } from '../OlympicsKeys';
|
|
7
|
-
storiesOf('Typescript Component/Olympics', module)
|
|
8
|
-
.addDecorator((storyFn) => (React.createElement(ArticleHarness, null, storyFn())))
|
|
9
|
-
.add('Schedule', () => {
|
|
7
|
+
storiesOf('Typescript Component/Olympics', module).add('Schedule', () => {
|
|
10
8
|
const inArticle = boolean('Is In Article', true);
|
|
11
|
-
return React.createElement(
|
|
9
|
+
return (React.createElement(ArticleHarness, null,
|
|
10
|
+
React.createElement(OlympicsSchedule, { keys: config.prod, inArticle: inArticle })));
|
|
12
11
|
});
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT2x5bXBpY3NTY2hlZHVsZS5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb2x5bXBpY3Mvc2NoZWR1bGUvT2x5bXBpY3NTY2hlZHVsZS5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUNsRixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXpDLFNBQVMsQ0FBQywrQkFBK0IsRUFBRSxNQUFNLENBQUMsQ0FBQyxHQUFHLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRTtJQUN0RSxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ2pELE9BQU8sQ0FDTCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsZ0JBQWdCLElBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsR0FBSSxDQUM5QyxDQUNsQixDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -7,7 +7,7 @@ import previewData from '../../fixtures/preview-data/recommended-articles';
|
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
8
|
import { RecommendedArticles } from './RecommendedArticles';
|
|
9
9
|
storiesOf('Typescript Component/Recommended Articles', module)
|
|
10
|
-
.
|
|
10
|
+
.add('Recommended Articles - 1 Article', () => (React.createElement(TrackingContextProvider, { context: {
|
|
11
11
|
component: 'ArticleSkeleton',
|
|
12
12
|
object: 'RecommendedArticles',
|
|
13
13
|
attrs: {
|
|
@@ -21,11 +21,38 @@ storiesOf('Typescript Component/Recommended Articles', module)
|
|
|
21
21
|
widget_type: "today's section"
|
|
22
22
|
}
|
|
23
23
|
}, analyticsStream: analyticsStream },
|
|
24
|
-
React.createElement(
|
|
25
|
-
|
|
26
|
-
React.createElement(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
React.createElement(FetchProvider, { previewData: getArticles(previewData, 1) },
|
|
25
|
+
React.createElement(RecommendedArticles, { heading: "Today's News" })))))
|
|
26
|
+
.add('Recommended Articles - 2 Article', () => (React.createElement(TrackingContextProvider, { context: {
|
|
27
|
+
component: 'ArticleSkeleton',
|
|
28
|
+
object: 'RecommendedArticles',
|
|
29
|
+
attrs: {
|
|
30
|
+
event_navigation_action: 'navigation',
|
|
31
|
+
event_navigation_name: 'widget:relevant article',
|
|
32
|
+
event_navigation_browsing_method: 'click',
|
|
33
|
+
section_details: 'section : <section>',
|
|
34
|
+
article_name: '<headline>',
|
|
35
|
+
widget_headline: '<headline>',
|
|
36
|
+
widget_section: '<section>',
|
|
37
|
+
widget_type: "today's section"
|
|
38
|
+
}
|
|
39
|
+
}, analyticsStream: analyticsStream },
|
|
40
|
+
React.createElement(FetchProvider, { previewData: getArticles(previewData, 2) },
|
|
41
|
+
React.createElement(RecommendedArticles, { heading: "Today's Business" })))))
|
|
42
|
+
.add('Recommended Articles - 3 Article', () => (React.createElement(TrackingContextProvider, { context: {
|
|
43
|
+
component: 'ArticleSkeleton',
|
|
44
|
+
object: 'RecommendedArticles',
|
|
45
|
+
attrs: {
|
|
46
|
+
event_navigation_action: 'navigation',
|
|
47
|
+
event_navigation_name: 'widget:relevant article',
|
|
48
|
+
event_navigation_browsing_method: 'click',
|
|
49
|
+
section_details: 'section : <section>',
|
|
50
|
+
article_name: '<headline>',
|
|
51
|
+
widget_headline: '<headline>',
|
|
52
|
+
widget_section: '<section>',
|
|
53
|
+
widget_type: "today's section"
|
|
54
|
+
}
|
|
55
|
+
}, analyticsStream: analyticsStream },
|
|
56
|
+
React.createElement(FetchProvider, { previewData: previewData },
|
|
57
|
+
React.createElement(RecommendedArticles, { heading: "Today's Sport" })))));
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRBcnRpY2xlcy5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcmVjb21tZW5kZWQtYXJ0aWNsZXMvUmVjb21tZW5kZWRBcnRpY2xlcy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pGLE9BQU8sV0FBVyxNQUFNLGtEQUFrRCxDQUFDO0FBQzNFLE9BQU8sZUFBZSxNQUFNLG9EQUFvRCxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTVELFNBQVMsQ0FBQywyQ0FBMkMsRUFBRSxNQUFNLENBQUM7S0FDM0QsR0FBRyxDQUFDLGtDQUFrQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzdDLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLE1BQU0sRUFBRSxxQkFBcUI7UUFDN0IsS0FBSyxFQUFFO1lBQ0wsdUJBQXVCLEVBQUUsWUFBWTtZQUNyQyxxQkFBcUIsRUFBRSx5QkFBeUI7WUFDaEQsZ0NBQWdDLEVBQUUsT0FBTztZQUN6QyxlQUFlLEVBQUUscUJBQXFCO1lBQ3RDLFlBQVksRUFBRSxZQUFZO1lBQzFCLGVBQWUsRUFBRSxZQUFZO1lBQzdCLGNBQWMsRUFBRSxXQUFXO1lBQzNCLFdBQVcsRUFBRSxpQkFBaUI7U0FDL0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7UUFDckQsb0JBQUMsbUJBQW1CLElBQUMsT0FBTyxFQUFDLGNBQWMsR0FBRyxDQUNoQyxDQUNRLENBQzNCLENBQUM7S0FDRCxHQUFHLENBQUMsa0NBQWtDLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDN0Msb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsTUFBTSxFQUFFLHFCQUFxQjtRQUM3QixLQUFLLEVBQUU7WUFDTCx1QkFBdUIsRUFBRSxZQUFZO1lBQ3JDLHFCQUFxQixFQUFFLHlCQUF5QjtZQUNoRCxnQ0FBZ0MsRUFBRSxPQUFPO1lBQ3pDLGVBQWUsRUFBRSxxQkFBcUI7WUFDdEMsWUFBWSxFQUFFLFlBQVk7WUFDMUIsZUFBZSxFQUFFLFlBQVk7WUFDN0IsY0FBYyxFQUFFLFdBQVc7WUFDM0IsV0FBVyxFQUFFLGlCQUFpQjtTQUMvQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztRQUNyRCxvQkFBQyxtQkFBbUIsSUFBQyxPQUFPLEVBQUMsa0JBQWtCLEdBQUcsQ0FDcEMsQ0FDUSxDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLGtDQUFrQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzdDLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLE1BQU0sRUFBRSxxQkFBcUI7UUFDN0IsS0FBSyxFQUFFO1lBQ0wsdUJBQXVCLEVBQUUsWUFBWTtZQUNyQyxxQkFBcUIsRUFBRSx5QkFBeUI7WUFDaEQsZ0NBQWdDLEVBQUUsT0FBTztZQUN6QyxlQUFlLEVBQUUscUJBQXFCO1lBQ3RDLFlBQVksRUFBRSxZQUFZO1lBQzFCLGVBQWUsRUFBRSxZQUFZO1lBQzdCLGNBQWMsRUFBRSxXQUFXO1lBQzNCLFdBQVcsRUFBRSxpQkFBaUI7U0FDL0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsV0FBVztRQUNyQyxvQkFBQyxtQkFBbUIsSUFBQyxPQUFPLEVBQUMsZUFBZSxHQUFHLENBQ2pDLENBQ1EsQ0FDM0IsQ0FBQyxDQUFDIn0=
|
|
@@ -9,14 +9,13 @@ const Wrapper = styled.div `
|
|
|
9
9
|
align-items: center;
|
|
10
10
|
padding: 20px;
|
|
11
11
|
`;
|
|
12
|
-
storiesOf('Typescript Component/SaveStar', module)
|
|
13
|
-
.addDecorator((storyFn) => (React.createElement(TrackingContextProvider, { context: {
|
|
12
|
+
storiesOf('Typescript Component/SaveStar', module).add('SaveStar', () => (React.createElement(TrackingContextProvider, { context: {
|
|
14
13
|
component: 'ArticleSkeleton',
|
|
15
14
|
attrs: {
|
|
16
15
|
article_name: 'articleHeadline',
|
|
17
16
|
section_details: 'section'
|
|
18
17
|
}
|
|
19
18
|
}, analyticsStream: analyticsStream },
|
|
20
|
-
React.createElement(Wrapper, null,
|
|
21
|
-
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
React.createElement(Wrapper, null,
|
|
20
|
+
React.createElement(SaveStar, { articleId: "12345", isPreviewMode: true })))));
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2F2ZVN0YXIuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NhdmUtc3Rhci9TYXZlU3Rhci5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDdEMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFFekYsT0FBTyxlQUFlLE1BQU0sb0RBQW9ELENBQUM7QUFFakYsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7OztDQUl6QixDQUFDO0FBRUYsU0FBUyxDQUFDLCtCQUErQixFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDdkUsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLGlCQUFpQjtZQUMvQixlQUFlLEVBQUUsU0FBUztTQUMzQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsb0JBQUMsT0FBTztRQUNOLG9CQUFDLFFBQVEsSUFBQyxTQUFTLEVBQUMsT0FBTyxFQUFDLGFBQWEsU0FBRyxDQUNwQyxDQUNjLENBQzNCLENBQUMsQ0FBQyJ9
|