@times-components/ts-components 1.111.1-alpha.0 → 1.111.1-alpha.4
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/dist/components/carousel/styles.js +2 -1
- package/dist/components/categorised-articles/CategorisedArticles.d.ts +7 -0
- package/dist/components/categorised-articles/CategorisedArticles.js +20 -0
- package/dist/components/categorised-articles/CategorisedArticles.stories.js +22 -0
- package/dist/components/categorised-articles/__tests__/CategorisedArticles.test.d.ts +1 -0
- package/dist/components/categorised-articles/__tests__/CategorisedArticles.test.js +20 -0
- package/dist/components/features-carousel/FeaturesCarousel.d.ts +1 -0
- package/dist/components/features-carousel/FeaturesCarousel.js +3 -3
- package/dist/components/features-carousel/__tests__/index.test.js +11 -2
- package/dist/components/features-carousel/fixtureData.json +1 -0
- package/dist/components/in-article-info-card/styles.js +2 -1
- package/dist/components/newsletter-puff/NewsletterPuff.stories.js +5 -5
- package/dist/components/newsletter-puff/__tests__/AutoNewsletterPuff.test.js +2 -2
- package/dist/components/recommended-articles/RecommendedArticles.js +3 -3
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -1
- package/dist/utils/__tests__/formatters.test.d.ts +1 -0
- package/dist/{components/recommended-articles → utils}/__tests__/formatters.test.js +4 -4
- package/dist/{components/recommended-articles → utils/linkedArticles}/formatters.d.ts +2 -2
- package/dist/utils/linkedArticles/formatters.js +57 -0
- package/dist/{components/recommended-articles → utils/linkedArticles}/styles.js +1 -1
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/carousel/styles.ts +1 -0
- package/src/components/categorised-articles/CategorisedArticles.stories.tsx +34 -0
- package/src/components/categorised-articles/CategorisedArticles.tsx +41 -0
- package/src/components/categorised-articles/__tests__/CategorisedArticles.test.tsx +27 -0
- package/src/components/categorised-articles/__tests__/__snapshots__/CategorisedArticles.test.tsx.snap +61 -0
- package/src/components/features-carousel/FeaturesCarousel.tsx +4 -2
- package/src/components/features-carousel/__tests__/index.test.tsx +15 -2
- package/src/components/features-carousel/features-carousel.stories.mdx +1 -1
- package/src/components/features-carousel/fixtureData.json +1 -0
- package/src/components/in-article-info-card/styles.ts +1 -0
- package/src/components/newsletter-puff/NewsletterPuff.stories.tsx +4 -4
- package/src/components/newsletter-puff/__tests__/AutoNewsletterPuff.test.tsx +1 -1
- package/src/components/recommended-articles/RecommendedArticles.tsx +2 -2
- package/src/index.ts +3 -0
- package/src/{components/recommended-articles → utils}/__tests__/formatters.test.tsx +3 -3
- package/src/{components/recommended-articles → utils/linkedArticles}/formatters.ts +2 -2
- package/dist/components/recommended-articles/formatters.js +0 -57
- /package/dist/components/{recommended-articles/__tests__/formatters.test.d.ts → categorised-articles/CategorisedArticles.stories.d.ts} +0 -0
- /package/dist/{components/recommended-articles → utils/linkedArticles}/styles.d.ts +0 -0
- /package/src/{components/recommended-articles → utils/linkedArticles}/styles.ts +0 -0
|
@@ -165,6 +165,7 @@ export const CarouselContainer = styled.div `
|
|
|
165
165
|
width: ${({ isSmall }) => (isSmall ? '82.1%' : '100%')};
|
|
166
166
|
}
|
|
167
167
|
`;
|
|
168
|
+
// @ts-ignore
|
|
168
169
|
export const StyledCarousel = styled(ReactElasticCarousel) `
|
|
169
170
|
display: flex;
|
|
170
171
|
height: fit-content;
|
|
@@ -177,4 +178,4 @@ export const StyledCarousel = styled(ReactElasticCarousel) `
|
|
|
177
178
|
flex-direction: ${({ isWide }) => isWide || window.innerWidth < 1024 ? 'column-reverse' : 'row-reverse'};
|
|
178
179
|
}
|
|
179
180
|
`;
|
|
180
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
181
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzlFLE9BQU8sb0JBQW9CLE1BQU0sd0JBQXdCLENBQUM7QUFFMUQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQXFCOzs7V0FHNUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXO2lCQUN4QixLQUFLLENBQUMsUUFBUTs7dUJBRVIsV0FBVyxDQUFDLE1BQU07Ozs7Ozt1QkFNbEIsV0FBVyxDQUFDLElBQUk7O2lCQUV0QixDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQzttQkFDeEMsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7c0JBQ3ZDLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDOztDQUU5RCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7O3VCQUcxQixXQUFXLENBQUMsTUFBTTs7Ozs7Q0FLeEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7aUJBRWxDLEtBQUssQ0FBQyxJQUFJOzs7O3VCQUlKLFdBQVcsQ0FB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
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Slice } from '@times-components/ts-slices';
|
|
3
|
+
import { useTrackingContext } from '../../helpers/tracking/TrackingContextProvider';
|
|
4
|
+
import { getRecommendedArticlesSlice } from '../../utils/linkedArticles/formatters';
|
|
5
|
+
import { Header } from '../../utils/linkedArticles/styles';
|
|
6
|
+
export const CategorisedArticles = ({ heading, articles }) => {
|
|
7
|
+
const { fireAnalyticsEvent } = useTrackingContext();
|
|
8
|
+
const onClickHandler = (__, article) => {
|
|
9
|
+
if (fireAnalyticsEvent) {
|
|
10
|
+
fireAnalyticsEvent({
|
|
11
|
+
action: 'Clicked',
|
|
12
|
+
attrs: { article_parent_name: article.headline }
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
return (React.createElement("div", { id: "categorised-articles" },
|
|
17
|
+
React.createElement(Header, null, `More from ${heading}`),
|
|
18
|
+
React.createElement(Slice, { slice: getRecommendedArticlesSlice(articles), clickHandler: onClickHandler })));
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2F0ZWdvcmlzZWRBcnRpY2xlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NhdGVnb3Jpc2VkLWFydGljbGVzL0NhdGVnb3Jpc2VkQXJ0aWNsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsS0FBSyxFQUdOLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDcEYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFcEYsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBTTNELE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUF1QyxDQUFDLEVBQ3RFLE9BQU8sRUFDUCxRQUFRLEVBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxFQUFFLGtCQUFrQixFQUFFLEdBQUcsa0JBQWtCLEVBQUUsQ0FBQztJQUVwRCxNQUFNLGNBQWMsR0FBRyxDQUFDLEVBQWtCLEVBQUUsT0FBcUIsRUFBRSxFQUFFO1FBQ25FLElBQUksa0JBQWtCLEVBQUU7WUFDdEIsa0JBQWtCLENBQUM7Z0JBQ2pCLE1BQU0sRUFBRSxTQUFTO2dCQUNqQixLQUFLLEVBQUUsRUFBRSxtQkFBbUIsRUFBRSxPQUFPLENBQUMsUUFBUSxFQUFFO2FBQ2pELENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLDZCQUFLLEVBQUUsRUFBQyxzQkFBc0I7UUFDNUIsb0JBQUMsTUFBTSxRQUFFLGFBQWEsT0FBTyxFQUFFLENBQVU7UUFDekMsb0JBQUMsS0FBSyxJQUNKLEtBQUssRUFBRSwyQkFBMkIsQ0FBQyxRQUFRLENBQUMsRUFDNUMsWUFBWSxFQUFFLGNBQWMsR0FDNUIsQ0FDRSxDQUNQLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { storiesOf } from '@storybook/react';
|
|
3
|
+
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
4
|
+
import previewData from '../../fixtures/preview-data/recommended-articles';
|
|
5
|
+
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
6
|
+
import { CategorisedArticles } from './CategorisedArticles';
|
|
7
|
+
storiesOf('Typescript Component/Categorised Articles', module).add('Categorised Articles - 1 Article', () => (React.createElement(TrackingContextProvider, { context: {
|
|
8
|
+
component: 'ArticleSkeleton',
|
|
9
|
+
object: 'CategorisedArticles',
|
|
10
|
+
attrs: {
|
|
11
|
+
event_navigation_action: 'navigation',
|
|
12
|
+
event_navigation_name: 'widget:relevant article',
|
|
13
|
+
event_navigation_browsing_method: 'click',
|
|
14
|
+
section_details: 'section : <section>',
|
|
15
|
+
article_name: '<headline>',
|
|
16
|
+
widget_headline: '<headline>',
|
|
17
|
+
widget_section: '<section>',
|
|
18
|
+
widget_type: "today's section"
|
|
19
|
+
}
|
|
20
|
+
}, analyticsStream: analyticsStream },
|
|
21
|
+
React.createElement(CategorisedArticles, { heading: "News", articles: previewData.recommendations.articles }))));
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2F0ZWdvcmlzZWRBcnRpY2xlcy5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2F0ZWdvcmlzZWQtYXJ0aWNsZXMvQ2F0ZWdvcmlzZWRBcnRpY2xlcy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pGLE9BQU8sV0FBVyxNQUFNLGtEQUFrRCxDQUFDO0FBQzNFLE9BQU8sZUFBZSxNQUFNLG9EQUFvRCxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTVELFNBQVMsQ0FBQywyQ0FBMkMsRUFBRSxNQUFNLENBQUMsQ0FBQyxHQUFHLENBQ2hFLGtDQUFrQyxFQUNsQyxHQUFHLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLE1BQU0sRUFBRSxxQkFBcUI7UUFDN0IsS0FBSyxFQUFFO1lBQ0wsdUJBQXVCLEVBQUUsWUFBWTtZQUNyQyxxQkFBcUIsRUFBRSx5QkFBeUI7WUFDaEQsZ0NBQWdDLEVBQUUsT0FBTztZQUN6QyxlQUFlLEVBQUUscUJBQXFCO1lBQ3RDLFlBQVksRUFBRSxZQUFZO1lBQzFCLGVBQWUsRUFBRSxZQUFZO1lBQzdCLGNBQWMsRUFBRSxXQUFXO1lBQzNCLFdBQVcsRUFBRSxpQkFBaUI7U0FDL0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLG1CQUFtQixJQUNsQixPQUFPLEVBQUMsTUFBTSxFQUNkLFFBQVEsRUFBRSxXQUFXLENBQUMsZUFBZSxDQUFDLFFBQVEsR0FDOUMsQ0FDc0IsQ0FDM0IsQ0FDRixDQUFDIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import '@testing-library/jest-dom';
|
|
3
|
+
import { render, screen } from '@testing-library/react';
|
|
4
|
+
import { CategorisedArticles } from '../CategorisedArticles';
|
|
5
|
+
describe('render CategorisedArticles', () => {
|
|
6
|
+
it('should render header and slice with articles when valid props provided', () => {
|
|
7
|
+
const mockArticles = [{ headline: 'Test Article' }];
|
|
8
|
+
const mockFireEvent = jest.fn();
|
|
9
|
+
jest.mock('../../../helpers/tracking/TrackingContextProvider', () => ({
|
|
10
|
+
useTrackingContext: () => ({
|
|
11
|
+
fireAnalyticsEvent: mockFireEvent
|
|
12
|
+
})
|
|
13
|
+
}));
|
|
14
|
+
const { container, asFragment } = render(React.createElement(CategorisedArticles, { heading: "Sports", articles: mockArticles }));
|
|
15
|
+
expect(asFragment()).toMatchSnapshot();
|
|
16
|
+
expect(container.querySelector('#categorised-articles')).toBeInTheDocument();
|
|
17
|
+
expect(screen.getByText('More from Sports')).toBeInTheDocument();
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2F0ZWdvcmlzZWRBcnRpY2xlcy50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2F0ZWdvcmlzZWQtYXJ0aWNsZXMvX190ZXN0c19fL0NhdGVnb3Jpc2VkQXJ0aWNsZXMudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU3RCxRQUFRLENBQUMsNEJBQTRCLEVBQUUsR0FBRyxFQUFFO0lBQzFDLEVBQUUsQ0FBQyx3RUFBd0UsRUFBRSxHQUFHLEVBQUU7UUFDaEYsTUFBTSxZQUFZLEdBQUcsQ0FBQyxFQUFFLFFBQVEsRUFBRSxjQUFjLEVBQUUsQ0FBQyxDQUFDO1FBQ3BELE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztRQUVoQyxJQUFJLENBQUMsSUFBSSxDQUFDLG1EQUFtRCxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7WUFDcEUsa0JBQWtCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztnQkFDekIsa0JBQWtCLEVBQUUsYUFBYTthQUNsQyxDQUFDO1NBQ0gsQ0FBQyxDQUFDLENBQUM7UUFFSixNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxHQUFHLE1BQU0sQ0FDdEMsb0JBQUMsbUJBQW1CLElBQUMsT0FBTyxFQUFDLFFBQVEsRUFBQyxRQUFRLEVBQUUsWUFBWSxHQUFJLENBQ2pFLENBQUM7UUFFRixNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN2QyxNQUFNLENBQ0osU0FBUyxDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBQyxDQUNqRCxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDdEIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDbkUsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -12,6 +12,7 @@ export declare type FeaturesCarouselItemProps = {
|
|
|
12
12
|
declare type FeaturesCarouselProps = {
|
|
13
13
|
heading: string;
|
|
14
14
|
carouselItems: FeaturesCarouselItemProps[];
|
|
15
|
+
hideHeading: boolean;
|
|
15
16
|
};
|
|
16
17
|
export declare const FeaturesCarousel: React.FC<FeaturesCarouselProps>;
|
|
17
18
|
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FeaturesCarouselItem } from './FeaturesCarouselItem';
|
|
3
3
|
import { FeaturesCarouselContainer, FeaturesCarouselWindow, Header } from './styles';
|
|
4
|
-
export const FeaturesCarousel = ({ heading, carouselItems }) => carouselItems ? (React.createElement("div", { id: "benefits-carousel" },
|
|
5
|
-
React.createElement(Header, null, heading),
|
|
4
|
+
export const FeaturesCarousel = ({ heading, carouselItems, hideHeading }) => carouselItems ? (React.createElement("div", { id: "benefits-carousel" },
|
|
5
|
+
hideHeading && React.createElement(Header, null, heading),
|
|
6
6
|
React.createElement(FeaturesCarouselContainer, null,
|
|
7
7
|
React.createElement(FeaturesCarouselWindow, null, carouselItems.map(carouselItem => (React.createElement(FeaturesCarouselItem, Object.assign({}, carouselItem)))))))) : null;
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmVhdHVyZXNDYXJvdXNlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ZlYXR1cmVzLWNhcm91c2VsL0ZlYXR1cmVzQ2Fyb3VzZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM5RCxPQUFPLEVBQ0wseUJBQXlCLEVBQ3pCLHNCQUFzQixFQUN0QixNQUFNLEVBQ1AsTUFBTSxVQUFVLENBQUM7QUFtQmxCLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFvQyxDQUFDLEVBQ2hFLE9BQU8sRUFDUCxhQUFhLEVBQ2IsV0FBVyxFQUNaLEVBQUUsRUFBRSxDQUNILGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FDZCw2QkFBSyxFQUFFLEVBQUMsbUJBQW1CO0lBQ3hCLFdBQVcsSUFBSSxvQkFBQyxNQUFNLFFBQUUsT0FBTyxDQUFVO0lBQzFDLG9CQUFDLHlCQUF5QjtRQUN4QixvQkFBQyxzQkFBc0IsUUFDcEIsYUFBYSxDQUFDLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLENBQ2pDLG9CQUFDLG9CQUFvQixvQkFBSyxZQUFZLEVBQUksQ0FDM0MsQ0FBQyxDQUNxQixDQUNDLENBQ3hCLENBQ1AsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDIn0=
|
|
@@ -4,7 +4,7 @@ import { render } from '@testing-library/react';
|
|
|
4
4
|
import { FeaturesCarousel } from '../FeaturesCarousel';
|
|
5
5
|
import { featuresCarouselData } from '../fixtureData.json';
|
|
6
6
|
describe('Render FeaturesCarousel', () => {
|
|
7
|
-
const renderFeaturesCarousel = () => render(React.createElement(FeaturesCarousel, Object.assign({}, featuresCarouselData)));
|
|
7
|
+
const renderFeaturesCarousel = (hideHeading = true) => render(React.createElement(FeaturesCarousel, Object.assign({}, featuresCarouselData, { hideHeading: hideHeading })));
|
|
8
8
|
it('should render a snapshot', () => {
|
|
9
9
|
const { asFragment } = renderFeaturesCarousel();
|
|
10
10
|
expect(asFragment()).toMatchSnapshot();
|
|
@@ -12,7 +12,16 @@ describe('Render FeaturesCarousel', () => {
|
|
|
12
12
|
it('should render the component', () => {
|
|
13
13
|
const { getByText } = renderFeaturesCarousel();
|
|
14
14
|
const getFirstTitle = getByText('Title 1');
|
|
15
|
+
const getHeading = getByText('Your benefits');
|
|
15
16
|
expect(getFirstTitle).toBeInTheDocument();
|
|
17
|
+
expect(getHeading).toBeInTheDocument();
|
|
18
|
+
});
|
|
19
|
+
it('should render the component without heading', () => {
|
|
20
|
+
const { getByText, queryByText } = renderFeaturesCarousel(false);
|
|
21
|
+
const getFirstTitle = getByText('Title 1');
|
|
22
|
+
const getHeading = queryByText('Your benefits');
|
|
23
|
+
expect(getFirstTitle).toBeInTheDocument();
|
|
24
|
+
expect(getHeading).toBeNull();
|
|
16
25
|
});
|
|
17
26
|
it('items should have link with href', () => {
|
|
18
27
|
const { getAllByRole } = renderFeaturesCarousel();
|
|
@@ -27,4 +36,4 @@ describe('Render FeaturesCarousel', () => {
|
|
|
27
36
|
expect(thirdItemContent).toHaveStyle('background-color: #E4E4E4');
|
|
28
37
|
});
|
|
29
38
|
});
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ZlYXR1cmVzLWNhcm91c2VsL19fdGVzdHNfXy9pbmRleC50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTywyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFM0QsUUFBUSxDQUFDLHlCQUF5QixFQUFFLEdBQUcsRUFBRTtJQUN2QyxNQUFNLHNCQUFzQixHQUFHLENBQUMsY0FBdUIsSUFBSSxFQUFFLEVBQUUsQ0FDN0QsTUFBTSxDQUNKLG9CQUFDLGdCQUFnQixvQkFBSyxvQkFBb0IsSUFBRSxXQUFXLEVBQUUsV0FBVyxJQUFJLENBQ3pFLENBQUM7SUFFSixFQUFFLENBQUMsMEJBQTBCLEVBQUUsR0FBRyxFQUFFO1FBQ2xDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxzQkFBc0IsRUFBRSxDQUFDO1FBQ2hELE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDZCQUE2QixFQUFFLEdBQUcsRUFBRTtRQUNyQyxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsc0JBQXNCLEVBQUUsQ0FBQztRQUMvQyxNQUFNLGFBQWEsR0FBRyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDM0MsTUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQzlDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDZDQUE2QyxFQUFFLEdBQUcsRUFBRTtRQUNyRCxNQUFNLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxHQUFHLHNCQUFzQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pFLE1BQU0sYUFBYSxHQUFHLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUMzQyxNQUFNLFVBQVUsR0FBRyxXQUFXLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFaEQsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDMUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2hDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLGtDQUFrQyxFQUFFLEdBQUcsRUFBRTtRQUMxQyxNQUFNLEVBQUUsWUFBWSxFQUFFLEdBQUcsc0JBQXNCLEVBQUUsQ0FBQztRQUNsRCxNQUFNLEtBQUssR0FBRyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdEMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLGVBQWUsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDbEQsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsMENBQTBDLEVBQUUsR0FBRyxFQUFFO1FBQ2xELE1BQU0sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEdBQUcsc0JBQXNCLEVBQUUsQ0FBQztRQUM3RCxNQUFNLGdCQUFnQixHQUFHLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEUsTUFBTSxLQUFLLEdBQUcsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ25DLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM1QyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxXQUFXLENBQUMsMkJBQTJCLENBQUMsQ0FBQztJQUNwRSxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
|
|
@@ -103,6 +103,7 @@ export const CarouselIndicator = styled.div `
|
|
|
103
103
|
margin-left: 2px;
|
|
104
104
|
cursor: pointer;
|
|
105
105
|
`;
|
|
106
|
+
// @ts-ignore
|
|
106
107
|
export const StyledCarousel = styled(ReactElasticCarousel) `
|
|
107
108
|
display: flex;
|
|
108
109
|
height: fit-content;
|
|
@@ -159,4 +160,4 @@ export const CardImg = styled.img `
|
|
|
159
160
|
pointer-events: none;
|
|
160
161
|
}
|
|
161
162
|
`;
|
|
162
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
163
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW4tYXJ0aWNsZS1pbmZvLWNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzlFLE9BQU8sb0JBQW9CLE1BQU0sd0JBQXdCLENBQUM7QUFFMUQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7OztXQUd2QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7aUJBQ3hCLEtBQUssQ0FBQyxRQUFROzt1QkFFUixXQUFXLENBQUMsTUFBTTs7Ozs7O3VCQU1sQixXQUFXLENBQUMsSUFBSTs7OztDQUl0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7OztXQUd6QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7aUJBQ3hCLEtBQUssQ0FBQyxlQUFlOzt1QkFFZixXQUFXLENBQUMsTUFBTTs7OztDQUl4QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7V0FDdkIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxTQUFTO2lCQUN0QixLQUFLLENBQUMsSUFBSTs7O0NBRzFCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSx1QkFBdUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7dUJBRzFCLFdBQVcsQ0FBQyxNQUFNOzs7OztDQUt4QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7OztDQUloRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENB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
|
|
@@ -20,7 +20,7 @@ const mocks = [
|
|
|
20
20
|
newsletter: {
|
|
21
21
|
id: 'a2l6E000000CdHzQAK',
|
|
22
22
|
isSubscribed: false,
|
|
23
|
-
title: '
|
|
23
|
+
title: 'Best of Times',
|
|
24
24
|
__typename: 'Newsletter'
|
|
25
25
|
}
|
|
26
26
|
}
|
|
@@ -35,7 +35,7 @@ const showcase = {
|
|
|
35
35
|
"Current Count = ",
|
|
36
36
|
window.sessionStorage.getItem('view-count'),
|
|
37
37
|
React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: { component: 'ArticleSkeleton' } },
|
|
38
|
-
React.createElement(AutoNewsletterPuff, { code: text('code', 'TNL-101'), headline: text('headline', '
|
|
38
|
+
React.createElement(AutoNewsletterPuff, { code: text('code', 'TNL-101'), headline: text('headline', 'Best of Times'), copy: text('copy', 'We’ll send you our top stories, across all sections, straight to your inbox. Simple as that.'), section: "sport" })))),
|
|
39
39
|
name: 'Auto Newsletter Puff',
|
|
40
40
|
platform: 'web',
|
|
41
41
|
type: 'story'
|
|
@@ -44,14 +44,14 @@ const showcase = {
|
|
|
44
44
|
// eslint-disable-next-line react/prop-types
|
|
45
45
|
component: ({ text }) => (React.createElement(MockedProvider, { mocks: mocks },
|
|
46
46
|
React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: { component: 'ArticleSkeleton' } },
|
|
47
|
-
React.createElement(InlineNewsletterPuff, { section: "news", code: text('code', 'TNL-101'), headline: text('headline', '
|
|
47
|
+
React.createElement(InlineNewsletterPuff, { section: "news", code: text('code', 'TNL-101'), headline: text('headline', 'Best of Times'), copy: text('copy', 'We’ll send you our top stories, across all sections, straight to your inbox. Simple as that.') })))),
|
|
48
48
|
name: 'Inline Newsletter Puff',
|
|
49
49
|
platform: 'web',
|
|
50
50
|
type: 'story'
|
|
51
51
|
},
|
|
52
52
|
{
|
|
53
53
|
// eslint-disable-next-line react/prop-types
|
|
54
|
-
component: ({ text }) => (React.createElement(PreviewNewsletterPuff, { section: "sport", headline: text('headline', '
|
|
54
|
+
component: ({ text }) => (React.createElement(PreviewNewsletterPuff, { section: "sport", headline: text('headline', 'Best of Times'), copy: text('copy', 'We’ll send you our top stories, across all sections, straight to your inbox. Simple as that.') })),
|
|
55
55
|
name: 'Preview Newsletter Puff',
|
|
56
56
|
platform: 'web',
|
|
57
57
|
type: 'story'
|
|
@@ -60,4 +60,4 @@ const showcase = {
|
|
|
60
60
|
name: 'Typescript Component/In Article/Newsletter Puffs'
|
|
61
61
|
};
|
|
62
62
|
showcaseConverter(module, showcase);
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmV3c2xldHRlclB1ZmYuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ld3NsZXR0ZXItcHVmZi9OZXdzbGV0dGVyUHVmZi5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVoRSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUVuRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN6RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUV4RixPQUFPLGVBQWUsTUFBTSxvREFBb0QsQ0FBQztBQUVqRixNQUFNLEtBQUssR0FBRztJQUNaO1FBQ0UsT0FBTyxFQUFFO1lBQ1AsS0FBSyxFQUFFLGFBQWE7WUFDcEIsU0FBUyxFQUFFO2dCQUNULElBQUksRUFBRSxTQUFTO2FBQ2hCO1NBQ0Y7UUFDRCxNQUFNLEVBQUU7WUFDTixJQUFJLEVBQUU7Z0JBQ0osVUFBVSxFQUFFO29CQUNWLEVBQUUsRUFBRSxvQkFBb0I7b0JBQ3hCLFlBQVksRUFBRSxLQUFLO29CQUNuQixLQUFLLEVBQUUsZUFBZTtvQkFDdEIsVUFBVSxFQUFFLFlBQVk7aUJBQ3pCO2FBQ0Y7U0FDRjtLQUNGO0NBQ0YsQ0FBQztBQUVGLE1BQU0sUUFBUSxHQUFHO0lBQ2YsUUFBUSxFQUFFO1FBQ1I7WUFDRSw0Q0FBNEM7WUFDNUMsU0FBUyxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQU8sRUFBRSxFQUFFLENBQUMsQ0FDNUIsb0JBQUMsY0FBYyxJQUFDLEtBQUssRUFBRSxLQUFLOztnQkFDVCxNQUFNLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUM7Z0JBQzVELG9CQUFDLHVCQUF1QixJQUN0QixlQUFlLEVBQUUsZUFBZSxFQUNoQyxPQUFPLEVBQUUsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUU7b0JBRXpDLG9CQUFDLGtCQUFrQixJQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsRUFDN0IsUUFBUSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsZUFBZSxDQUFDLEVBQzNDLElBQUksRUFBRSxJQUFJLENBQ1IsTUFBTSxFQUNOLDhGQUE4RixDQUMvRixFQUNELE9BQU8sRUFBQyxPQUFPLEdBQ2YsQ0FDc0IsQ0FDWCxDQUNsQjtZQUVELElBQUksRUFBRSxzQkFBc0I7WUFDNUIsUUFBUSxFQUFFLEtBQUs7WUFDZixJQUFJLEVBQUUsT0FBTztTQUNkO1FBQ0Q7WUFDRSw0Q0FBNEM7WUFDNUMsU0FBUyxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQU8sRUFBRSxFQUFFLENBQUMsQ0FDNUIsb0JBQUMsY0FBYyxJQUFDLEtBQUssRUFBRSxLQUFLO2dCQUMxQixvQkFBQyx1QkFBdUIsSUFDdEIsZUFBZSxFQUFFLGVBQWUsRUFDaEMsT0FBTyxFQUFFLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFO29CQUV6QyxvQkFBQyxvQkFBb0IsSUFDbkIsT0FBTyxFQUFDLE1BQU0sRUFDZCxJQUFJLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsRUFDN0IsUUFBUSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsZUFBZSxDQUFDLEVBQzNDLElBQUksRUFBRSxJQUFJLENBQ1IsTUFBTSxFQUNOLDhGQUE4RixDQUMvRixHQUNELENBQ3NCLENBQ1gsQ0FDbEI7WUFFRCxJQUFJLEVBQUUsd0JBQXdCO1lBQzlCLFFBQVEsRUFBRSxLQUFLO1lBQ2YsSUFBSSxFQUFFLE9BQU87U0FDZDtRQUNEO1lBQ0UsNENBQTRDO1lBQzVDLFNBQVMsRUFBRSxDQUFDLEVBQUUsSUFBSSxFQUFPLEVBQUUsRUFBRSxDQUFDLENBQzVCLG9CQUFDLHFCQUFxQixJQUNwQixPQUFPLEVBQUMsT0FBTyxFQUNmLFFBQVEsRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLGVBQWUsQ0FBQyxFQUMzQyxJQUFJLEVBQUUsSUFBSSxDQUNSLE1BQU0sRUFDTiw4RkFBOEYsQ0FDL0YsR0FDRCxDQUNIO1lBRUQsSUFBSSxFQUFFLHlCQUF5QjtZQUMvQixRQUFRLEVBQUUsS0FBSztZQUNmLElBQUksRUFBRSxPQUFPO1NBQ2Q7S0FDRjtJQUNELElBQUksRUFBRSxrREFBa0Q7Q0FDekQsQ0FBQztBQUVGLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQyJ9
|
|
@@ -23,7 +23,7 @@ const mocks = [
|
|
|
23
23
|
newsletter: {
|
|
24
24
|
id: 'a2l6E000000CdHzQAK',
|
|
25
25
|
isSubscribed: false,
|
|
26
|
-
title: '
|
|
26
|
+
title: 'Best of Times',
|
|
27
27
|
__typename: 'Newsletter'
|
|
28
28
|
}
|
|
29
29
|
}
|
|
@@ -107,4 +107,4 @@ describe('<AutoNewsletterPuff>', () => {
|
|
|
107
107
|
});
|
|
108
108
|
});
|
|
109
109
|
});
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b05ld3NsZXR0ZXJQdWZmLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXdzbGV0dGVyLXB1ZmYvX190ZXN0c19fL0F1dG9OZXdzbGV0dGVyUHVmZi50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLHdCQUF3QixNQUFNLDhDQUE4QyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFbkUsTUFBTSxZQUFZLEdBQUc7SUFDbkIsSUFBSSxFQUFFLEtBQUs7SUFDWCxJQUFJLEVBQUUsS0FBSztJQUNYLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLE9BQU8sRUFBRSxPQUFPO0NBQ2pCLENBQUM7QUFFRixNQUFNLEtBQUssR0FBRztJQUNaO1FBQ0UsT0FBTyxFQUFFO1lBQ1AsS0FBSyxFQUFFLGFBQWE7WUFDcEIsU0FBUyxFQUFFO2dCQUNULElBQUksRUFBRSxTQUFTO2FBQ2hCO1NBQ0Y7UUFDRCxNQUFNLEVBQUU7WUFDTixJQUFJLEVBQUU7Z0JBQ0osVUFBVSxFQUFFO29CQUNWLEVBQUUsRUFBRSxvQkFBb0I7b0JBQ3hCLFlBQVksRUFBRSxLQUFLO29CQUNuQixLQUFLLEVBQUUsZUFBZTtvQkFDdEIsVUFBVSxFQUFFLFlBQVk7aUJBQ3pCO2FBQ0Y7U0FDRjtLQUNGO0NBQ0YsQ0FBQztBQUVGLE1BQU0sVUFBVSxHQUFHLEdBQUcsRUFBRSxDQUN0QixNQUFNLENBQ0osb0JBQUMsY0FBYyxJQUFDLEtBQUssRUFBRSxLQUFLO0lB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
|
|
@@ -3,8 +3,8 @@ import get from 'lodash.get';
|
|
|
3
3
|
import { Slice } from '@times-components/ts-slices';
|
|
4
4
|
import { useFetch } from '../../helpers/fetch/FetchProvider';
|
|
5
5
|
import { useTrackingContext } from '../../helpers/tracking/TrackingContextProvider';
|
|
6
|
-
import { getRecommendedArticlesSlice } from '
|
|
7
|
-
import { Header } from '
|
|
6
|
+
import { getRecommendedArticlesSlice } from '../../utils/linkedArticles/formatters';
|
|
7
|
+
import { Header } from '../../utils/linkedArticles/styles';
|
|
8
8
|
export const RecommendedArticles = ({ heading }) => {
|
|
9
9
|
const { loading, error, data } = useFetch();
|
|
10
10
|
if (loading || error) {
|
|
@@ -27,4 +27,4 @@ export const RecommendedArticles = ({ heading }) => {
|
|
|
27
27
|
React.createElement(Header, null, heading),
|
|
28
28
|
React.createElement(Slice, { slice: getRecommendedArticlesSlice(articles), clickHandler: onClickHandler })));
|
|
29
29
|
};
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRBcnRpY2xlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3JlY29tbWVuZGVkLWFydGljbGVzL1JlY29tbWVuZGVkQXJ0aWNsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEdBQUcsTUFBTSxZQUFZLENBQUM7QUFDN0IsT0FBTyxFQUNMLEtBQUssRUFHTixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM3RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNwRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUVwRixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFM0QsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBRTNCLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFO0lBQ25CLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFFBQVEsRUFBTyxDQUFDO0lBRWpELElBQUksT0FBTyxJQUFJLEtBQUssRUFBRTtRQUNwQixPQUFPLElBQUksQ0FBQztLQUNiO0lBRUQsTUFBTSxRQUFRLEdBQUcsR0FBRyxDQUFDLElBQUksRUFBRSwwQkFBMEIsQ0FBQyxDQUFDO0lBRXZELElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFO1FBQ2pDLE9BQU8sSUFBSSxDQUFDO0tBQ2I7SUFFRCxNQUFNLEVBQUUsa0JBQWtCLEVBQUUsR0FBRyxrQkFBa0IsRUFBRSxDQUFDO0lBRXBELE1BQU0sY0FBYyxHQUFHLENBQUMsRUFBa0IsRUFBRSxPQUFxQixFQUFFLEVBQUU7UUFDbkUsSUFBSSxrQkFBa0IsRUFBRTtZQUN0QixrQkFBa0IsQ0FBQztnQkFDakIsTUFBTSxFQUFFLFNBQVM7Z0JBQ2pCLEtBQUssRUFBRSxFQUFFLG1CQUFtQixFQUFFLE9BQU8sQ0FBQyxRQUFRLEVBQUU7YUFDakQsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsNkJBQUssRUFBRSxFQUFDLHNCQUFzQjtRQUM1QixvQkFBQyxNQUFNLFFBQUUsT0FBTyxDQUFVO1FBQzFCLG9CQUFDLEtBQUssSUFDSixLQUFLLEVBQUUsMkJBQTJCLENBQUMsUUFBUSxDQUFDLEVBQzVDLFlBQVksRUFBRSxjQUFjLEdBQzVCLENBQ0UsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
package/dist/index.d.ts
CHANGED
|
@@ -29,6 +29,7 @@ export { OptaRugbyStandings } from './components/opta/rugby/standings/OptaRugbyS
|
|
|
29
29
|
export { OptaRugbySummary } from './components/opta/rugby/summary/OptaRugbySummary';
|
|
30
30
|
export { OptaRugbyMatchStats } from './components/opta/rugby/match-stats/OptaRugbyMatchStats';
|
|
31
31
|
export { RecommendedFetch } from './components/recommended-articles/RecommendedFetch';
|
|
32
|
+
export { CategorisedArticles } from './components/categorised-articles/CategorisedArticles';
|
|
32
33
|
export { FetchProvider } from './helpers/fetch/FetchProvider';
|
|
33
34
|
export { ViewCountWrapper } from './helpers/view-count-wrapper/ViewCountWrapper';
|
|
34
35
|
export { HiddenDiv } from './components/common-styles';
|
package/dist/index.js
CHANGED
|
@@ -33,6 +33,7 @@ export { OptaRugbySummary } from './components/opta/rugby/summary/OptaRugbySumma
|
|
|
33
33
|
export { OptaRugbyMatchStats } from './components/opta/rugby/match-stats/OptaRugbyMatchStats';
|
|
34
34
|
// Related Article Components
|
|
35
35
|
export { RecommendedFetch } from './components/recommended-articles/RecommendedFetch';
|
|
36
|
+
export { CategorisedArticles } from './components/categorised-articles/CategorisedArticles';
|
|
36
37
|
// Helpers
|
|
37
38
|
export { FetchProvider } from './helpers/fetch/FetchProvider';
|
|
38
39
|
export { ViewCountWrapper } from './helpers/view-count-wrapper/ViewCountWrapper';
|
|
@@ -46,4 +47,4 @@ export { WelcomeBanner } from './components/welcome-banner/WelcomeBanner';
|
|
|
46
47
|
export { default as safeDecodeURIComponent } from './utils/safeDecodeURIComponent';
|
|
47
48
|
export { ArticleSidebar } from './components/article-sidebar/ArticleSidebar';
|
|
48
49
|
export { FeaturesCarousel } from './components/features-carousel/FeaturesCarousel';
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsZUFBZSxFQUNoQixNQUFNLDJDQUEyQyxDQUFDO0FBQ25ELE9BQU8sRUFFTCx1QkFBdUIsRUFDeEIsTUFBTSw0Q0FBNEMsQ0FBQztBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDM0UsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN4RSxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0scUVBQXFFLENBQUM7QUFDN0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzVFLE9BQU8sRUFDTCxXQUFXLEVBQ1gsWUFBWSxFQUNaLGNBQWMsRUFDZCxrQkFBa0IsRUFDbEIsb0JBQW9CLEVBQ3BCLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDcEIsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDeEUsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLHFEQUFxRCxDQUFDO0FBQzdELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFNUQsd0JBQXdCO0FBQ3hCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxpREFBaUQsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sbURBQW1ELENBQUM7QUFDM0QsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLDRFQUE0RSxDQUFDO0FBRXBGLG1CQUFtQjtBQUNuQixPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sMERBQTBELENBQUM7QUFFbEUsT0FBTyxFQUNMLDBCQUEwQixFQUMzQixNQUFNLHVFQUF1RSxDQUFDO0FBQy9FLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSwwREFBMEQsQ0FBQztBQUNsRSxPQUFPLEVBQ0wsOEJBQThCLEVBQy9CLE1BQU0sK0VBQStFLENBQUM7QUFDdkYsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLDREQUE0RCxDQUFDO0FBQ3BFLE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx3REFBd0QsQ0FBQztBQUNoRSxPQUFPLEVBQ0wsc0JBQXNCLEVBQ3ZCLE1BQU0sK0RBQStELENBQUM7QUFDdkUsT0FBTyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLGlFQUFpRSxDQUFDO0FBRXpFLE9BQU8sRUFDTCxpQkFBaUIsRUFDbEIsTUFBTSxvREFBb0QsQ0FBQztBQUM1RCxPQUFPLEVBQ0wsa0JBQWtCLEVBQ25CLE1BQU0sc0RBQXNELENBQUM7QUFDOUQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLGtEQUFrRCxDQUFDO0FBQzFELE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx5REFBeUQsQ0FBQztBQUVqRSw2QkFBNkI7QUFDN0IsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLG9EQUFvRCxDQUFDO0FBQzVELE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx1REFBdUQsQ0FBQztBQUUvRCxVQUFVO0FBQ1YsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRTlELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSwrQ0FBK0MsQ0FBQztBQUV2RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUV2RSxPQUFPLEVBQ0wsT0FBTyxJQUFJLGFBQWEsRUFDekIsTUFBTSwyQ0FBMkMsQ0FBQztBQUVuRCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0saURBQWlELENBQUM7QUFFekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFekUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzFFLE9BQU8sRUFDTCxPQUFPLElBQUksc0JBQXNCLEVBQ2xDLE1BQU0sZ0NBQWdDLENBQUM7QUFDeEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzdFLE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxpREFBaUQsQ0FBQyJ9
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { getArticles } from '
|
|
2
|
-
import previewData from '
|
|
3
|
-
import { getRecommendedArticlesSlice } from '../formatters';
|
|
1
|
+
import { getArticles } from '../../components/recommended-articles/helpers';
|
|
2
|
+
import previewData from '../../fixtures/preview-data/recommended-articles';
|
|
3
|
+
import { getRecommendedArticlesSlice } from '../linkedArticles/formatters';
|
|
4
4
|
const expectedArticles = [
|
|
5
5
|
{
|
|
6
6
|
byline: 'Rosie Green | Frankie Graddon | Tony Turnbull | Charlie Gowans-Eglinton',
|
|
@@ -89,4 +89,4 @@ describe('getRecommendedArticlesSlice()', () => {
|
|
|
89
89
|
});
|
|
90
90
|
});
|
|
91
91
|
});
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0dGVycy50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL19fdGVzdHNfXy9mb3JtYXR0ZXJzLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUM1RSxPQUFPLFdBQVcsTUFBTSxrREFBa0QsQ0FBQztBQUUzRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUUzRSxNQUFNLGdCQUFnQixHQUFHO0lBQ3ZCO1FBQ0UsTUFBTSxFQUNKLHlFQUF5RTtRQUMzRSxhQUFhLEVBQUUsMEJBQTBCO1FBQ3pDLFFBQVEsRUFBRSx3REFBd0Q7UUFDbEUsTUFBTSxFQUFFO1lBQ04sR0FBRyxFQUFFLHdEQUF3RDtZQUM3RCxLQUFLLEVBQUU7Z0JBQ0w7b0JBQ0UsS0FBSyxFQUFFLE1BQU07b0JBQ2IsR0FBRyxFQUNELHVKQUF1SjtpQkFDMUo7YUFDRjtTQUNGO1FBQ0QsS0FBSyxFQUFFLElBQUk7UUFDWCxPQUFPLEVBQ0wsZ01BQWdNO1FBQ2xNLEdBQUcsRUFDRCwrRUFBK0U7S0FDbEY7SUFDRDtRQUNFLE1BQU0sRUFBRSxFQUFFO1FBQ1YsYUFBYSxFQUFFLDBCQUEwQjtRQUN6QyxRQUFRLEVBQUUsK0JBQStCO1FBQ3pDLE1BQU0sRUFBRTtZQUNOLEdBQUcsRUFBRSwrQkFBK0I7WUFDcEMsS0FBSyxFQUFFO2dCQUNMO29CQUNFLEtBQUssRUFBRSxNQUFNO29CQUNiLEdBQUcsRUFDRCwwSkFBMEo7aUJBQzdKO2FBQ0Y7U0FDRjtRQUNELEtBQUssRUFBRSxVQUFVO1FBQ2pCLE9BQU8sRUFDTCwyTUFBMk07UUFDN00sR0FBRyxFQUFFLGdFQUFnRTtLQUN0RTtJQUNEO1FBQ0UsTUFBTSxFQUFFLGlCQUFpQjtRQUN6QixhQUFhLEVBQUUsMEJBQTBCO1FBQ3pDLFFBQVEsRUFBRSxnQ0FBZ0M7UUFDMUMsTUFBTSxFQUFFO1lBQ04sR0FBRyxFQUFFLGdDQUFnQztZQUNyQyxLQUFLLEVBQUU7Z0JBQ0w7b0JBQ0UsS0FBSyxFQUFFLE1BQU07b0JBQ2IsR0FBRyxFQUNELHdKQUF3SjtpQkFDM0o7YUFDRjtTQUNGO1FBQ0QsS0FBSyxFQUFFLDJCQUEyQjtRQUNsQyxPQUFPLEVBQ0wsZ0tBQWdLO1FBQ2xLLEdBQUcsRUFBRSw2REFBNkQ7S0FDbkU7Q0FDRixDQUFDO0FBRUYsUUFBUSxDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRTtJQUM3QyxFQUFFLENBQUMsa0VBQWtFLEVBQUUsR0FBRyxFQUFFO1FBQzFFLE1BQU0sSUFBSSxHQUFHLFdBQVcsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDekMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLENBQUM7UUFDL0MsTUFBTSxLQUFLLEdBQUcsMkJBQTJCLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFcEQsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLGFBQWEsQ0FBQztZQUMxQixRQUFRLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQzVDLElBQUksRUFBRSxtQkFBbUI7U0FDMUIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsbUVBQW1FLEVBQUUsR0FBRyxFQUFFO1FBQzNFLE1BQU0sSUFBSSxHQUFHLFdBQVcsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDekMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLENBQUM7UUFDL0MsTUFBTSxLQUFLLEdBQUcsMkJBQTJCLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFcEQsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLGFBQWEsQ0FBQztZQUMxQixRQUFRLEVBQUU7Z0JBQ1IsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ2hDLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxFQUFFO2FBQ2pDO1lBQ0QsSUFBSSxFQUFFLG1CQUFtQjtTQUMxQixDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxtRUFBbUUsRUFBRSxHQUFHLEVBQUU7UUFDM0UsTUFBTSxRQUFRLEdBQUcsV0FBVyxDQUFDLGVBQWUsQ0FBQyxRQUFRLENBQUM7UUFDdEQsTUFBTSxLQUFLLEdBQUcsMkJBQTJCLENBQUMsUUFBZSxDQUFDLENBQUM7UUFFM0QsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLGFBQWEsQ0FBQztZQUMxQixRQUFRLEVBQUU7Z0JBQ1IsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ2hDLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUNoQyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsRUFBRTthQUNqQztZQUNELElBQUksRUFBRSxtQkFBbUI7U0FDMUIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -29,7 +29,7 @@ declare type Summary = {
|
|
|
29
29
|
__typename: string;
|
|
30
30
|
children: SummaryText[];
|
|
31
31
|
};
|
|
32
|
-
declare type Article = {
|
|
32
|
+
export declare type Article = {
|
|
33
33
|
__typename: string;
|
|
34
34
|
url: string;
|
|
35
35
|
slug: string;
|
|
@@ -39,7 +39,7 @@ declare type Article = {
|
|
|
39
39
|
bylines?: Byline[];
|
|
40
40
|
summary?: Summary;
|
|
41
41
|
media?: Media;
|
|
42
|
-
categoryPath
|
|
42
|
+
categoryPath?: string;
|
|
43
43
|
};
|
|
44
44
|
export declare const getRecommendedArticlesSlice: (articles: Article[]) => {
|
|
45
45
|
name: string;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
// HELPERS
|
|
2
|
+
const getBylines = (bylines) => bylines
|
|
3
|
+
? bylines
|
|
4
|
+
.map(byline => (byline.type === 'author' ? byline.name : byline.value))
|
|
5
|
+
.join('')
|
|
6
|
+
: undefined;
|
|
7
|
+
const getSummary = (summary) => summary && summary.children
|
|
8
|
+
? summary.children.map(child => child.text).join('') + '...'
|
|
9
|
+
: undefined;
|
|
10
|
+
const getImageCrops = (crops) => crops.map(crop => ({ url: crop.url, ratio: crop.aspectRatio }));
|
|
11
|
+
const getImage = (media) => {
|
|
12
|
+
if (media) {
|
|
13
|
+
if (media.crops) {
|
|
14
|
+
return getImageCrops(media.crops);
|
|
15
|
+
}
|
|
16
|
+
if (media.posterImage && media.posterImage.crops) {
|
|
17
|
+
return getImageCrops(media.posterImage.crops);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
return [];
|
|
21
|
+
};
|
|
22
|
+
// MAIN
|
|
23
|
+
const formatArticle = (article) => {
|
|
24
|
+
return {
|
|
25
|
+
url: article.categoryPath,
|
|
26
|
+
label: article.label,
|
|
27
|
+
byline: getBylines(article.bylines),
|
|
28
|
+
headline: article.headline,
|
|
29
|
+
summary: getSummary(article.summary),
|
|
30
|
+
datePublished: article.publishedDateTime,
|
|
31
|
+
images: {
|
|
32
|
+
alt: article.headline,
|
|
33
|
+
crops: getImage(article.media)
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
const getSliceName = (numOfArticles) => {
|
|
38
|
+
switch (numOfArticles) {
|
|
39
|
+
case 1:
|
|
40
|
+
return 'RELATED_ARTICLE_1';
|
|
41
|
+
case 2:
|
|
42
|
+
return 'RELATED_ARTICLE_2';
|
|
43
|
+
default:
|
|
44
|
+
return 'RELATED_ARTICLE_3';
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
export const getRecommendedArticlesSlice = (articles) => {
|
|
48
|
+
return {
|
|
49
|
+
name: getSliceName(articles.length),
|
|
50
|
+
children: articles
|
|
51
|
+
.map((article) => ({
|
|
52
|
+
article: formatArticle(article)
|
|
53
|
+
}))
|
|
54
|
+
.slice(0, 3)
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0dGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9saW5rZWRBcnRpY2xlcy9mb3JtYXR0ZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DQSxVQUFVO0FBRVYsTUFBTSxVQUFVLEdBQUcsQ0FBQyxPQUFrQixFQUFFLEVBQUUsQ0FDeEMsT0FBTztJQUNMLENBQUMsQ0FBQyxPQUFPO1NBQ0osR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3RFLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDYixDQUFDLENBQUMsU0FBUyxDQUFDO0FBRWhCLE1BQU0sVUFBVSxHQUFHLENBQUMsT0FBaUIsRUFBRSxFQUFFLENBQ3ZDLE9BQU8sSUFBSSxPQUFPLENBQUMsUUFBUTtJQUN6QixDQUFDLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUs7SUFDNUQsQ0FBQyxDQUFDLFNBQVMsQ0FBQztBQUVoQixNQUFNLGFBQWEsR0FBRyxDQUFDLEtBQWtCLEVBQUUsRUFBRSxDQUMzQyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDO0FBRWxFLE1BQU0sUUFBUSxHQUFHLENBQUMsS0FBYSxFQUFFLEVBQUU7SUFDakMsSUFBSSxLQUFLLEVBQUU7UUFDVCxJQUFJLEtBQUssQ0FBQyxLQUFLLEVBQUU7WUFDZixPQUFPLGFBQWEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbkM7UUFDRCxJQUFJLEtBQUssQ0FBQyxXQUFXLElBQUksS0FBSyxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUU7WUFDaEQsT0FBTyxhQUFhLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUMvQztLQUNGO0lBQ0QsT0FBTyxFQUFFLENBQUM7QUFDWixDQUFDLENBQUM7QUFFRixPQUFPO0FBRVAsTUFBTSxhQUFhLEdBQUcsQ0FBQyxPQUFnQixFQUFnQixFQUFFO0lBQ3ZELE9BQU87UUFDTCxHQUFHLEVBQUUsT0FBTyxDQUFDLFlBQVk7UUFDekIsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLO1FBQ3BCLE1BQU0sRUFBRSxVQUFVLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQztRQUNuQyxRQUFRLEVBQUUsT0FBTyxDQUFDLFFBQVE7UUFDMUIsT0FBTyxFQUFFLFVBQVUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDO1FBQ3BDLGFBQWEsRUFBRSxPQUFPLENBQUMsaUJBQWlCO1FBQ3hDLE1BQU0sRUFBRTtZQUNOLEdBQUcsRUFBRSxPQUFPLENBQUMsUUFBUTtZQUNyQixLQUFLLEVBQUUsUUFBUSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7U0FDL0I7S0FDRixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxZQUFZLEdBQUcsQ0FBQyxhQUFxQixFQUFFLEVBQUU7SUFDN0MsUUFBUSxhQUFhLEVBQUU7UUFDckIsS0FBSyxDQUFDO1lBQ0osT0FBTyxtQkFBbUIsQ0FBQztRQUM3QixLQUFLLENBQUM7WUFDSixPQUFPLG1CQUFtQixDQUFDO1FBQzdCO1lBQ0UsT0FBTyxtQkFBbUIsQ0FBQztLQUM5QjtBQUNILENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLDJCQUEyQixHQUFHLENBQUMsUUFBbUIsRUFBRSxFQUFFO0lBQ2pFLE9BQU87UUFDTCxJQUFJLEVBQUUsWUFBWSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUM7UUFDbkMsUUFBUSxFQUFFLFFBQVE7YUFDZixHQUFHLENBQUMsQ0FBQyxPQUFnQixFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQzFCLE9BQU8sRUFBRSxhQUFhLENBQUMsT0FBTyxDQUFDO1NBQ2hDLENBQUMsQ0FBQzthQUNGLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBQ2YsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -12,4 +12,4 @@ export const Header = styled.div `
|
|
|
12
12
|
border-top: 1px solid #dbdbdb;
|
|
13
13
|
border-bottom: 1px solid #dbdbdb;
|
|
14
14
|
`;
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2xpbmtlZEFydGljbGVzL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRWpFLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7V0FHckIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXO2lCQUN4QixLQUFLLENBQUMsUUFBUTs7Ozs7OztDQU85QixDQUFDIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.111.1-alpha.
|
|
3
|
+
"version": "1.111.1-alpha.4+a7832289bb",
|
|
4
4
|
"description": "Reuseable Typescript React Components ",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"@times-components/link": "^3.17.34",
|
|
58
58
|
"@times-components/provider": "^1.41.4",
|
|
59
59
|
"@times-components/provider-queries": "^2.23.3",
|
|
60
|
-
"@times-components/related-articles": "^6.18.7-alpha.
|
|
60
|
+
"@times-components/related-articles": "^6.18.7-alpha.4+a7832289bb",
|
|
61
61
|
"@times-components/ts-slices": "^1.9.23",
|
|
62
62
|
"@times-components/ts-styleguide": "^1.50.34",
|
|
63
63
|
"@times-components/utils": "^6.26.0",
|
|
@@ -117,5 +117,5 @@
|
|
|
117
117
|
"@testing-library/jest-dom/extend-expect"
|
|
118
118
|
]
|
|
119
119
|
},
|
|
120
|
-
"gitHead": "
|
|
120
|
+
"gitHead": "a7832289bb0440ba601bf45830e0f2d28d364e5e"
|
|
121
121
|
}
|