@times-components/ts-slices 1.3.19 → 1.3.22
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 +24 -0
- package/dist/components/article/Article/styles.js +2 -2
- package/dist/components/article/ArticleComment/styles.js +2 -2
- package/dist/components/article/shared-styles.js +2 -2
- package/dist/components/elements/Headline/__tests__/Headline.test.js +6 -3
- package/dist/components/elements/Headline/styles.js +2 -2
- package/dist/components/elements/Image/__tests__/Image.test.js +18 -12
- package/dist/components/elements/Image/styles.js +2 -2
- package/dist/components/slices/Lead1/styles.js +2 -2
- package/dist/components/slices/Lead1And1/styles.js +2 -2
- package/dist/components/slices/Lead1And2/styles.js +2 -2
- package/dist/components/slices/Lead1And3Reversed/styles.js +2 -2
- package/dist/components/slices/Lead2/styles.js +2 -2
- package/dist/components/slices/RelatedArticle1/styles.js +2 -2
- package/dist/components/slices/Secondary10/styles.js +2 -2
- package/dist/components/slices/Secondary2And2/styles.js +2 -2
- package/dist/components/slices/Secondary2And3/styles.js +2 -2
- package/dist/components/slices/Secondary2And3NoPic/styles.js +2 -2
- package/dist/components/slices/Secondary3/styles.js +2 -2
- package/dist/components/slices/Secondary4/styles.js +2 -2
- package/dist/components/slices/Secondary4Odd/styles.js +2 -2
- package/dist/components/slices/__tests__/Slice.test.d.ts +1 -0
- package/dist/components/slices/__tests__/Slice.test.js +24 -0
- package/dist/components/slices/shared-styles.js +2 -2
- package/dist/fixtures/__tests__/getSlice.test.d.ts +1 -0
- package/dist/fixtures/__tests__/getSlice.test.js +12 -0
- package/dist/fixtures/article-harness/__tests__/ArticleHarness.test.d.ts +1 -0
- package/dist/fixtures/article-harness/__tests__/ArticleHarness.test.js +11 -0
- package/dist/fixtures/article-harness/styles.js +2 -2
- package/dist/utils/FakeIntersectionObserver.d.ts +14 -0
- package/dist/utils/FakeIntersectionObserver.js +14 -0
- package/dist/utils/__tests__/convertChannelSlice.test.d.ts +2 -0
- package/dist/utils/__tests__/convertChannelSlice.test.js +45 -0
- package/dist/utils/__tests__/getSlice.test.d.ts +1 -0
- package/dist/utils/__tests__/getSlice.test.js +59 -0
- package/package.json +4 -4
- package/rnw.js +1 -1
- package/src/components/article/Article/styles.ts +1 -1
- package/src/components/article/ArticleComment/styles.ts +1 -1
- package/src/components/article/shared-styles.ts +1 -1
- package/src/components/elements/Headline/__tests__/Headline.test.tsx +9 -3
- package/src/components/elements/Headline/__tests__/__snapshots__/Headline.test.tsx.snap +1 -15
- package/src/components/elements/Headline/styles.ts +1 -1
- package/src/components/elements/Image/__tests__/Image.test.tsx +20 -17
- package/src/components/elements/Image/__tests__/__snapshots__/Image.test.tsx.snap +8 -9
- package/src/components/elements/Image/styles.ts +1 -1
- package/src/components/slices/Lead1/styles.ts +1 -1
- package/src/components/slices/Lead1And1/styles.ts +1 -1
- package/src/components/slices/Lead1And2/styles.ts +1 -1
- package/src/components/slices/Lead1And3Reversed/styles.ts +1 -1
- package/src/components/slices/Lead2/styles.ts +1 -1
- package/src/components/slices/RelatedArticle1/styles.ts +1 -1
- package/src/components/slices/Secondary10/styles.ts +1 -1
- package/src/components/slices/Secondary2And2/styles.ts +1 -1
- package/src/components/slices/Secondary2And3/styles.ts +1 -1
- package/src/components/slices/Secondary2And3NoPic/styles.ts +1 -1
- package/src/components/slices/Secondary3/styles.ts +1 -1
- package/src/components/slices/Secondary4/styles.ts +1 -1
- package/src/components/slices/Secondary4Odd/styles.ts +1 -1
- package/src/components/slices/__tests__/Slice.test.tsx +32 -0
- package/src/components/slices/shared-styles.ts +1 -1
- package/src/fixtures/__tests__/getSlice.test.tsx +13 -0
- package/src/fixtures/article-harness/__tests__/ArticleHarness.test.tsx +14 -0
- package/src/fixtures/article-harness/styles.ts +1 -1
- package/src/types/externs.d.ts +1 -1
- package/src/utils/FakeIntersectionObserver.tsx +20 -0
- package/src/utils/__tests__/convertChannelSlice.test.ts +49 -0
- package/src/utils/__tests__/getSlice.test.tsx +69 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,30 @@
|
|
|
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.3.22](https://github.com/newsuk/times-components/compare/@times-components/ts-slices@1.3.21...@times-components/ts-slices@1.3.22) (2022-05-12)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @times-components/ts-slices
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [1.3.21](https://github.com/newsuk/times-components/compare/@times-components/ts-slices@1.3.20...@times-components/ts-slices@1.3.21) (2022-05-12)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @times-components/ts-slices
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## [1.3.20](https://github.com/newsuk/times-components/compare/@times-components/ts-slices@1.3.19...@times-components/ts-slices@1.3.20) (2022-05-11)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @times-components/ts-slices
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
6
30
|
## [1.3.19](https://github.com/newsuk/times-components/compare/@times-components/ts-slices@1.3.18...@times-components/ts-slices@1.3.19) (2022-05-10)
|
|
7
31
|
|
|
8
32
|
**Note:** Version bump only for package @times-components/ts-slices
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints, colours, fonts } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints, colours, fonts } from '@times-components/ts-styleguide';
|
|
3
3
|
import { isCentered } from '../../../utils/getArticleStyles';
|
|
4
4
|
const getWidth = (breakpoint, schema) => isCentered(breakpoint, schema)
|
|
5
5
|
? breakpoint === 'sm' || breakpoint === 'md'
|
|
@@ -62,4 +62,4 @@ export const Link = styled.div `
|
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
`;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS9BcnRpY2xlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUc5RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFN0QsTUFBTSxRQUFRLEdBQUcsQ0FBQyxVQUFrQixFQUFFLE1BQXNCLEVBQUUsRUFBRSxDQUM5RCxVQUFVLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQztJQUM1QixDQUFDLENBQUMsVUFBVSxLQUFLLElBQUksSUFBSSxVQUFVLEtBQUssSUFBSTtRQUMxQyxDQUFDLENBQUMsS0FBSztRQUNQLENBQUMsQ0FBQyxLQUFLO0lBQ1QsQ0FBQyxDQUFDLE1BQU0sQ0FBQztBQUViLE1BQU0sWUFBWSxHQUFHLENBQUMsVUFBa0IsRUFBRSxNQUFzQixFQUFFLEVBQUUsQ0FDbEUsVUFBVSxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7QUFFckQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQTRCO1dBQ2xELENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7O1dBRXRDLE9BQU8sQ0FBQyxVQUFVLENBQUMsU0FBUzs7O2dCQUd2QixDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDO2lCQUN6QyxLQUFLLENBQUMsSUFBSTs7dUJBRUosV0FBVyxDQUFDLE1BQU07YUFDNUIsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztrQkFDakMsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQzs7O3VCQUdyQyxXQUFXLENBQUMsSUFBSTthQUMxQixDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDO2tCQUNqQyxDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDOzs7dUJBR3JDLFdBQVcsQ0FBQyxJQUFJO2FBQzFCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7a0JBQ2xDLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7O0NBRTVELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQTs7V0FFdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxTQUFTOzs7O2lCQUl0QixLQUFLLENBQUMsVUFBVTs7Q0FFaEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7OzttQkFRWCxLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7OztDQWFsQyxDQUFDIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints, colours, fonts } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints, colours, fonts } from '@times-components/ts-styleguide';
|
|
3
3
|
import { ArticleContainer as ArticleContainerBase } from '../shared-styles';
|
|
4
4
|
export const ArticleContainer = styled(ArticleContainerBase) `
|
|
5
5
|
align-items: center;
|
|
@@ -24,4 +24,4 @@ export const Byline = styled.p `
|
|
|
24
24
|
line-height: 24px;
|
|
25
25
|
}
|
|
26
26
|
`;
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS9BcnRpY2xlQ29tbWVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUUsT0FBTyxFQUFFLGdCQUFnQixJQUFJLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFNUUsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUE7O0NBRTNELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozt1QkFJakIsV0FBVyxDQUFDLElBQUk7OztDQUd0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUE7O1dBRW5CLE9BQU8sQ0FBQyxVQUFVLENBQUMsU0FBUzs7O2lCQUd0QixLQUFLLENBQUMsZUFBZTs7dUJBRWYsV0FBVyxDQUFDLElBQUk7Ozs7Q0FJdEMsQ0FBQyJ9
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import get from 'lodash.get';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
|
-
import { breakpoints, colours, fonts } from '@times-components/styleguide';
|
|
3
|
+
import { breakpoints, colours, fonts } from '@times-components/ts-styleguide';
|
|
4
4
|
import { isSideBySide, isCentered } from '../../utils/getArticleStyles';
|
|
5
5
|
const getDirection = (breakpoint, schema) => isSideBySide(breakpoint, schema) ? 'row' : 'column';
|
|
6
6
|
const getWidth = (breakpoint, schema) => isSideBySide(breakpoint, schema)
|
|
@@ -103,4 +103,4 @@ export const Label = styled.p `
|
|
|
103
103
|
font-family: ${fonts.supporting};
|
|
104
104
|
text-transform: uppercase;
|
|
105
105
|
`;
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLXN0eWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUvc2hhcmVkLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxZQUFZLENBQUM7QUFFN0IsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFHOUUsT0FBTyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUV4RSxNQUFNLFlBQVksR0FBRyxDQUFDLFVBQWtCLEVBQUUsTUFBc0IsRUFBRSxFQUFFLENBQ2xFLFlBQVksQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO0FBRXRELE1BQU0sUUFBUSxHQUFHLENBQUMsVUFBa0IsRUFBRSxNQUFzQixFQUFFLEVBQUUsQ0FDOUQsWUFBWSxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUM7SUFDOUIsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxFQUFFLGlCQUFpQixFQUFFLEtBQUssQ0FBQztJQUN4RCxDQUFDLENBQUMsTUFBTSxDQUFDO0FBRWIsTUFBTSxVQUFVLEdBQUcsQ0FBQyxVQUFrQixFQUFFLE1BQXNCLEVBQUUsRUFBRSxDQUNoRSxZQUFZLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQztJQUM5QixDQUFDLENBQUMsR0FBRyxHQUFHLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDLENBQUMsSUFBSTtJQUM3RCxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBRVIsTUFBTSxlQUFlLEdBQUcsQ0FBQyxVQUFrQixFQUFFLE1BQXNC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
|
|
@@ -14,10 +14,13 @@ describe('<Headline />', () => {
|
|
|
14
14
|
afterAll(() => {
|
|
15
15
|
jest.clearAllMocks();
|
|
16
16
|
});
|
|
17
|
+
it('should not render if the headline attribute is empty in the article object', () => {
|
|
18
|
+
const { asFragment } = render(React.createElement(Headline, { article: { images: { crops: [] }, headline: '', url: '' } }));
|
|
19
|
+
expect(asFragment()).toMatchSnapshot();
|
|
20
|
+
});
|
|
17
21
|
it('should render headline component correctly', () => {
|
|
18
|
-
const {
|
|
22
|
+
const { getByText } = render(React.createElement(Headline, { article: article }));
|
|
19
23
|
getByText(article.headline);
|
|
20
|
-
expect(asFragment()).toMatchSnapshot();
|
|
21
24
|
});
|
|
22
25
|
it('should fire the correct event when the headline clicked', () => {
|
|
23
26
|
const { getByText } = render(React.createElement(Headline, { article: article, clickHandler: mockFireEvent }));
|
|
@@ -25,4 +28,4 @@ describe('<Headline />', () => {
|
|
|
25
28
|
expect(mockFireEvent).toHaveBeenCalled();
|
|
26
29
|
});
|
|
27
30
|
});
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGxpbmUudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2VsZW1lbnRzL0hlYWRsaW5lL19fdGVzdHNfXy9IZWFkbGluZS50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUUzRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRXZDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUVoQyxNQUFNLE9BQU8sR0FBRztJQUNkLE1BQU0sRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUU7SUFDckIsUUFBUSxFQUFFLHVCQUF1QjtJQUNqQyxHQUFHLEVBQUUsRUFBRTtDQUNSLENBQUM7QUFFRixRQUFRLENBQUMsY0FBYyxFQUFFLEdBQUcsRUFBRTtJQUM1QixTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBRUgsUUFBUSxDQUFDLEdBQUcsRUFBRTtRQUNaLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw0RUFBNEUsRUFBRSxHQUFHLEVBQUU7UUFDcEYsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLE1BQU0sQ0FDM0Isb0JBQUMsUUFBUSxJQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsR0FBSSxDQUN4RSxDQUFDO1FBRUYsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekMsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsNENBQTRDLEVBQUUsR0FBRyxFQUFFO1FBQ3BELE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxNQUFNLENBQUMsb0JBQUMsUUFBUSxJQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FBQyxDQUFDO1FBRTdELFNBQVMsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDOUIsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMseURBQXlELEVBQUUsR0FBRyxFQUFFO1FBQ2pFLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxNQUFNLENBQzFCLG9CQUFDLFFBQVEsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxhQUFhLEdBQUksQ0FDNUQsQ0FBQztRQUVGLFNBQVMsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1FBRTdDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzNDLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import get from 'lodash.get';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
|
-
import { breakpoints, colours, fonts } from '@times-components/styleguide';
|
|
3
|
+
import { breakpoints, colours, fonts } from '@times-components/ts-styleguide';
|
|
4
4
|
import { isCentered } from '../../../utils/getArticleStyles';
|
|
5
5
|
const getFontSize = (breakpoint, schema) => get(get(schema, breakpoint), 'headlineFontSize', 10);
|
|
6
6
|
const getWidth = (breakpoint, schema) => isCentered(breakpoint, schema)
|
|
@@ -63,4 +63,4 @@ export const HeadlineContainer = styled.div `
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
`;
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZWxlbWVudHMvSGVhZGxpbmUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sR0FBRyxNQUFNLFlBQVksQ0FBQztBQUU3QixPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUc5RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFN0QsTUFBTSxXQUFXLEdBQUcsQ0FBQyxVQUFrQixFQUFFLE1BQXNCLEVBQUUsRUFBRSxDQUNqRSxHQUFHLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsRUFBRSxrQkFBa0IsRUFBRSxFQUFFLENBQUMsQ0FBQztBQUV2RCxNQUFNLFFBQVEsR0FBRyxDQUFDLFVBQWtCLEVBQUUsTUFBc0IsRUFBRSxFQUFFLENBQzlELFVBQVUsQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDO0lBQzVCLENBQUMsQ0FBQyxVQUFVLEtBQUssSUFBSSxJQUFJLFVBQVUsS0FBSyxJQUFJO1FBQzFDLENBQUMsQ0FBQyxLQUFLO1FBQ1AsQ0FBQyxDQUFDLEtBQUs7SUFDVCxDQUFDLENBQUMsTUFBTSxDQUFDO0FBRWIsTUFBTSxZQUFZLEdBQUcsQ0FBQyxVQUFrQixFQUFFLE1BQXNCLEVBQUUsRUFBRSxDQUNsRSxVQUFVLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztBQUVyRCxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUE0QjtXQUM1RCxDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDOzs7dUJBRzFCLFdBQVcsQ0FBQyxNQUFNO2FBQzVCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7Ozt1QkFHNUIsV0FBVyxDQUFDLElBQUk7YUFDMUIsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQzs7O3VCQUc1QixXQUFXLENBQUMsSUFBSTthQUMxQixDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDOzs7Ozs7OztlQVFyQyxPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7bUJBQzFCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7cUJBQ3ZDLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7cUJBQ3pDLEtBQUssQ0FBQyxRQUFROztvQkFFZixDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDOzsyQkFFbkMsV0FBVyxDQUFDLE1BQU07cUJBQ3hCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7dUJBQ3ZDLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7c0JBQzFDLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7OzsyQkFHckMsV0FBVyxDQUFDLElBQUk7cUJBQ3RCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7dUJBQ3ZDLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7c0JBQzFDLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7OzsyQkFHckMsV0FBVyxDQUFDLElBQUk7cUJBQ3RCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7dUJBQ3hDLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7c0JBQzNDLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Q0FVaEUsQ0FBQyJ9
|
|
@@ -1,35 +1,41 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render, fireEvent } from '@testing-library/react';
|
|
3
|
+
import FakeIntersectionObserver from '../../../../utils/FakeIntersectionObserver';
|
|
3
4
|
import { Image } from '../Image';
|
|
4
5
|
const mockFireEvent = jest.fn();
|
|
5
|
-
jest.mock('../LazyImage/LazyImage', () => ({
|
|
6
|
-
LazyImage: (props) => (React.createElement("div", null,
|
|
7
|
-
React.createElement("div", null, "LazyImage"),
|
|
8
|
-
React.createElement("div", null, props.url)))
|
|
9
|
-
}));
|
|
10
6
|
const article = {
|
|
11
|
-
images: {
|
|
7
|
+
images: {
|
|
8
|
+
alt: 'image alt text',
|
|
9
|
+
crops: [{ ratio: '3:2', url: 'https://dummyimage.com/300' }]
|
|
10
|
+
},
|
|
12
11
|
headline: '',
|
|
13
12
|
url: ''
|
|
14
13
|
};
|
|
15
14
|
const schema = { sm: { imageRatio: '3:2' } };
|
|
16
15
|
describe('<Image />', () => {
|
|
16
|
+
let oldIntersectionObserver;
|
|
17
|
+
beforeEach(() => {
|
|
18
|
+
oldIntersectionObserver = window.IntersectionObserver;
|
|
19
|
+
// @ts-ignore
|
|
20
|
+
window.IntersectionObserver = FakeIntersectionObserver;
|
|
21
|
+
});
|
|
17
22
|
afterEach(() => {
|
|
23
|
+
window.IntersectionObserver = oldIntersectionObserver;
|
|
18
24
|
jest.resetAllMocks();
|
|
19
25
|
});
|
|
20
26
|
afterAll(() => {
|
|
21
27
|
jest.clearAllMocks();
|
|
22
28
|
});
|
|
23
29
|
it('should render image component correctly', () => {
|
|
24
|
-
const { asFragment,
|
|
25
|
-
|
|
26
|
-
getByText(article.images.crops[0].url);
|
|
30
|
+
const { asFragment, getByAltText } = render(React.createElement(Image, { article: article, displaySchema: schema }));
|
|
31
|
+
getByAltText('image alt text');
|
|
27
32
|
expect(asFragment().firstChild).toMatchSnapshot();
|
|
28
33
|
});
|
|
29
34
|
it('should fire the correct event when the image clicked', () => {
|
|
30
|
-
const {
|
|
31
|
-
|
|
35
|
+
const { getByAltText } = render(React.createElement(Image, { article: article, displaySchema: schema, clickHandler: mockFireEvent }));
|
|
36
|
+
FakeIntersectionObserver.intersect();
|
|
37
|
+
fireEvent.click(getByAltText('image alt text'));
|
|
32
38
|
expect(mockFireEvent).toHaveBeenCalled();
|
|
33
39
|
});
|
|
34
40
|
});
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2VsZW1lbnRzL0ltYWdlL19fdGVzdHNfXy9JbWFnZS50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMzRCxPQUFPLHdCQUF3QixNQUFNLDRDQUE0QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFakMsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0FBRWhDLE1BQU0sT0FBTyxHQUFHO0lBQ2QsTUFBTSxFQUFFO1FBQ04sR0FBRyxFQUFFLGdCQUFnQjtRQUNyQixLQUFLLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLDRCQUE0QixFQUFFLENBQUM7S0FDN0Q7SUFDRCxRQUFRLEVBQUUsRUFBRTtJQUNaLEdBQUcsRUFBRSxFQUFFO0NBQ1IsQ0FBQztBQUVGLE1BQU0sTUFBTSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUM7QUFFN0MsUUFBUSxDQUFDLFdBQVcsRUFBRSxHQUFHLEVBQUU7SUFDekIsSUFBSSx1QkFBb0QsQ0FBQztJQUV6RCxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2QsdUJBQXVCLEdBQUcsTUFBTSxDQUFDLG9CQUFvQixDQUFDO1FBRXRELGFBQWE7UUFDYixNQUFNLENBQUMsb0JBQW9CLEdBQUcsd0JBQXdCLENBQUM7SUFDekQsQ0FBQyxDQUFDLENBQUM7SUFFSCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsTUFBTSxDQUFDLG9CQUFvQixHQUFHLHVCQUF1QixDQUFDO1FBQ3RELElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDLENBQUMsQ0FBQztJQUVILFFBQVEsQ0FBQyxHQUFHLEVBQUU7UUFDWixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMseUNBQXlDLEVBQUUsR0FBRyxFQUFFO1FBQ2pELE1BQU0sRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEdBQUcsTUFBTSxDQUN6QyxvQkFBQyxLQUFLLElBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxHQUFJLENBQ25ELENBQUM7UUFFRixZQUFZLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUUvQixNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDcEQsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsc0RBQXNELEVBQUUsR0FBRyxFQUFFO1FBQzlELE1BQU0sRUFBRSxZQUFZLEVBQUUsR0FBRyxNQUFNLENBQzdCLG9CQUFDLEtBQUssSUFDSixPQUFPLEVBQUUsT0FBTyxFQUNoQixhQUFhLEVBQUUsTUFBTSxFQUNyQixZQUFZLEVBQUUsYUFBYSxHQUMzQixDQUNILENBQUM7UUFDRix3QkFBd0IsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNyQyxTQUFTLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUM7UUFFaEQsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDM0MsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { isSideBySide, isImageHidden } from '../../../utils/getArticleStyles';
|
|
4
4
|
const getMargin = (breakpoint, schema) => isSideBySide(breakpoint, schema) || isImageHidden(breakpoint, schema)
|
|
5
5
|
? 0
|
|
@@ -55,4 +55,4 @@ export const ImageRatio = styled.div `
|
|
|
55
55
|
display: ${({ schema }) => getDisplay('xlg', schema)};
|
|
56
56
|
}
|
|
57
57
|
`;
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZWxlbWVudHMvSW1hZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUc5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTlFLE1BQU0sU0FBUyxHQUFHLENBQUMsVUFBa0IsRUFBRSxNQUFzQixFQUFFLEVBQUUsQ0FDL0QsWUFBWSxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUMsSUFBSSxhQUFhLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQztJQUNuRSxDQUFDLENBQUMsQ0FBQztJQUNILENBQUMsQ0FBQyxNQUFNLENBQUM7QUFFYixNQUFNLFVBQVUsR0FBRyxDQUFDLFVBQWtCLEVBQUUsTUFBaUIsRUFBRSxFQUFFLENBQzNELE1BQU0sSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztBQUUzRCxNQUFNLGVBQWUsR0FBRyxDQUFDLEtBQWMsRUFBRSxFQUFFO0lBQ3pDLFFBQVEsS0FBSyxFQUFFO1FBQ2IsS0FBSyxNQUFNO1lBQ1QsT0FBTyxRQUFRLENBQUM7UUFDbEIsS0FBSyxLQUFLO1lBQ1IsT0FBTyxRQUFRLENBQUM7UUFDbEIsS0FBSyxLQUFLO1lBQ1IsT0FBTyxNQUFNLENBQUM7UUFFaEI7WUFDRSxPQUFPLENBQUMsQ0FBQztLQUNaO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQTRCO21CQUNqRCxDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDOzt1QkFFbkMsV0FBVyxDQUFDLE1BQU07cUJBQ3BCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7Ozt1QkFHckMsV0FBVyxDQUFDLElBQUk7cUJBQ2xCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7Ozt1QkFHckMsV0FBVyxDQUFDLElBQUk7cUJBQ2xCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7O0NBRTVELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBc0M7O2FBRTdELENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7Ozs7OztzQkFNL0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDOzs7dUJBR3BDLFdBQVcsQ0FBQyxNQUFNO2VBQzFCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7Ozt1QkFHaEMsV0FBVyxDQUFDLElBQUk7ZUFDeEIsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQzs7O3VCQUdoQyxXQUFXLENBQUMsSUFBSTtlQUN4QixDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDOztDQUV2RCxDQUFDIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { SliceContainer as SliceContainerBase, SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
4
4
|
export const SliceContainer = styled(SliceContainerBase) `
|
|
5
5
|
@media (min-width: ${breakpoints.medium}px) {
|
|
@@ -13,4 +13,4 @@ export const SlotContainer = styled(SlotContainerBase) `
|
|
|
13
13
|
padding-bottom: 24px;
|
|
14
14
|
}
|
|
15
15
|
`;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL0xlYWQxL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUQsT0FBTyxFQUNMLGNBQWMsSUFBSSxrQkFBa0IsRUFDcEMsYUFBYSxJQUFJLGlCQUFpQixFQUNuQyxNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQTt1QkFDakMsV0FBVyxDQUFDLE1BQU07OztDQUd4QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO3VCQUMvQixXQUFXLENBQUMsTUFBTTs7Ozs7Q0FLeEMsQ0FBQyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { calculateSlotWidth } from '../../../utils/getArticleStyles';
|
|
4
4
|
import { SliceContainer as SliceContainerBase, SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
5
5
|
export const SliceContainer = styled(SliceContainerBase) `
|
|
@@ -28,4 +28,4 @@ export const SlotContainer = styled(SlotContainerBase) `
|
|
|
28
28
|
padding-left: 12px;
|
|
29
29
|
}
|
|
30
30
|
`;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL0xlYWQxQW5kMS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTlELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRXJFLE9BQU8sRUFDTCxjQUFjLElBQUksa0JBQWtCLEVBQ3BDLGFBQWEsSUFBSSxpQkFBaUIsRUFDbkMsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUE7dUJBQ2pDLFdBQVcsQ0FBQyxNQUFNOzs7Q0FHeEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO3VCQUNuQyxXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7OztDQVV4QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO3VCQUMvQixXQUFXLENBQUMsTUFBTTs7YUFFNUIsa0JBQWtCLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQzs7Ozs7Q0FLeEMsQ0FBQyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { calculateSlotWidth } from '../../../utils/getArticleStyles';
|
|
4
4
|
import { SliceContainer as SliceContainerBase, SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
5
5
|
export const SliceContainer = styled(SliceContainerBase) `
|
|
@@ -28,4 +28,4 @@ export const StackedColumn = styled(SlotContainerBase) `
|
|
|
28
28
|
padding-left: 12px;
|
|
29
29
|
}
|
|
30
30
|
`;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL0xlYWQxQW5kMi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTlELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRXJFLE9BQU8sRUFDTCxjQUFjLElBQUksa0JBQWtCLEVBQ3BDLGFBQWEsSUFBSSxpQkFBaUIsRUFDbkMsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUE7dUJBQ2pDLFdBQVcsQ0FBQyxNQUFNOzs7Q0FHeEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO3VCQUNuQyxXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7OztDQVV4QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO3VCQUMvQixXQUFXLENBQUMsTUFBTTs7YUFFNUIsa0JBQWtCLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQzs7Ozs7Q0FLeEMsQ0FBQyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { calculateSlotWidth } from '../../../utils/getArticleStyles';
|
|
4
4
|
import { SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
5
5
|
export const StackedColumn = styled(SlotContainerBase) `
|
|
@@ -44,4 +44,4 @@ export const SlotContainer = styled(SlotContainerBase) `
|
|
|
44
44
|
padding-left: 12px;
|
|
45
45
|
}
|
|
46
46
|
`;
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL0xlYWQxQW5kM1JldmVyc2VkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFckUsT0FBTyxFQUFFLGFBQWEsSUFBSSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXRFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTt1QkFDL0IsV0FBVyxDQUFDLE1BQU07YUFDNUIsa0JBQWtCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQzs7Ozs7Ozs7OztDQVVyQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7OztDQUl6QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7dUJBQ25DLFdBQVcsQ0FBQyxNQUFNO2FBQzVCLGtCQUFrQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7Ozs7O0NBS3JDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7V0FDM0Msa0JBQWtCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Q0FjbkMsQ0FBQyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { calculateSlotWidth } from '../../../utils/getArticleStyles';
|
|
4
4
|
import { SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
5
5
|
export const SlotContainer = styled(SlotContainerBase) `
|
|
@@ -22,4 +22,4 @@ export const SlotContainer = styled(SlotContainerBase) `
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
`;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL0xlYWQyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFckUsT0FBTyxFQUFFLGFBQWEsSUFBSSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXRFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTt1QkFDL0IsV0FBVyxDQUFDLE1BQU07YUFDNUIsa0JBQWtCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FpQnJDLENBQUMifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { SliceContainer as SliceContainerBase, SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
4
4
|
export const SliceContainer = styled(SliceContainerBase) `
|
|
5
5
|
@media (min-width: ${breakpoints.medium}px) {
|
|
@@ -13,4 +13,4 @@ export const SlotContainer = styled(SlotContainerBase) `
|
|
|
13
13
|
padding-bottom: 24px;
|
|
14
14
|
}
|
|
15
15
|
`;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL1JlbGF0ZWRBcnRpY2xlMS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTlELE9BQU8sRUFDTCxjQUFjLElBQUksa0JBQWtCLEVBQ3BDLGFBQWEsSUFBSSxpQkFBaUIsRUFDbkMsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUE7dUJBQ2pDLFdBQVcsQ0FBQyxNQUFNOzs7Q0FHeEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTt1QkFDL0IsV0FBVyxDQUFDLE1BQU07Ozs7O0NBS3hDLENBQUMifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { calculateSlotWidth } from '../../../utils/getArticleStyles';
|
|
4
4
|
import { SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
5
5
|
export const SlotContainer = styled(SlotContainerBase) `
|
|
@@ -41,4 +41,4 @@ export const SlotContainer = styled(SlotContainerBase) `
|
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
`;
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL1NlY29uZGFyeTEwL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFckUsT0FBTyxFQUFFLGFBQWEsSUFBSSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXRFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTtXQUMzQyxrQkFBa0IsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7dUJBZWIsV0FBVyxDQUFDLE1BQU07YUFDNUIsa0JBQWtCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBcUJyQyxDQUFDIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { calculateSlotWidth } from '../../../utils/getArticleStyles';
|
|
4
4
|
import { SliceContainer as SliceContainerBase, SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
5
5
|
export const SliceContainer = styled(SliceContainerBase) `
|
|
@@ -108,4 +108,4 @@ export const SlotContainer = styled(SlotContainerBase) `
|
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
`;
|
|
111
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL1NlY29uZGFyeTJBbmQyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFckUsT0FBTyxFQUNMLGNBQWMsSUFBSSxrQkFBa0IsRUFDcEMsYUFBYSxJQUFJLGlCQUFpQixFQUNuQyxNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQTt1QkFDakMsV0FBVyxDQUFDLElBQUk7OztDQUd0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7dUJBQ25DLFdBQVcsQ0FBQyxNQUFNO2FBQzVCLGtCQUFrQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7dUJBZ0JmLFdBQVcsQ0FBQyxJQUFJOzs7Ozs7Ozs7Ozs7O0NBYXRDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7Ozs7Ozs7O3VCQVEvQixXQUFXLENBQUMsTUFBTTs7Ozs7dUJBS2xCLFdBQVcsQ0FBQyxJQUFJOzs7YUFHMUIsa0JBQWtCLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQzs7Ozs7Ozs7O0NBU3hDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7dUJBQy9CLFdBQVcsQ0FBQyxNQUFNO2FBQzVCLGtCQUFrQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt1QkFrQmYsV0FBVyxDQUFDLElBQUk7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FzQnRDLENBQUMifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { calculateSlotWidth } from '../../../utils/getArticleStyles';
|
|
4
4
|
import { SliceContainer as SliceContainerBase, SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
5
5
|
export const SliceContainer = styled(SliceContainerBase) `
|
|
@@ -108,4 +108,4 @@ export const SlotContainer = styled(SlotContainerBase) `
|
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
`;
|
|
111
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL1NlY29uZGFyeTJBbmQzL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFckUsT0FBTyxFQUNMLGNBQWMsSUFBSSxrQkFBa0IsRUFDcEMsYUFBYSxJQUFJLGlCQUFpQixFQUNuQyxNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQTt1QkFDakMsV0FBVyxDQUFDLElBQUk7OztDQUd0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7dUJBQ25DLFdBQVcsQ0FBQyxNQUFNO2FBQzVCLGtCQUFrQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7dUJBZ0JmLFdBQVcsQ0FBQyxJQUFJOzs7Ozs7Ozs7Ozs7O0NBYXRDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7Ozs7Ozs7O3VCQVEvQixXQUFXLENBQUMsTUFBTTs7Ozs7dUJBS2xCLFdBQVcsQ0FBQyxJQUFJOzs7YUFHMUIsa0JBQWtCLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQzs7Ozs7Ozs7O0NBU3hDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7dUJBQy9CLFdBQVcsQ0FBQyxNQUFNO2FBQzVCLGtCQUFrQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7dUJBc0JmLFdBQVcsQ0FBQyxJQUFJOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FrQnRDLENBQUMifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { calculateSlotWidth } from '../../../utils/getArticleStyles';
|
|
4
4
|
import { SliceContainer as SliceContainerBase, SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
5
5
|
export const SliceContainer = styled(SliceContainerBase) `
|
|
@@ -108,4 +108,4 @@ export const SlotContainer = styled(SlotContainerBase) `
|
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
`;
|
|
111
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL1NlY29uZGFyeTJBbmQzTm9QaWMvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVyRSxPQUFPLEVBQ0wsY0FBYyxJQUFJLGtCQUFrQixFQUNwQyxhQUFhLElBQUksaUJBQWlCLEVBQ25DLE1BQU0sa0JBQWtCLENBQUM7QUFFMUIsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO3VCQUNqQyxXQUFXLENBQUMsSUFBSTs7O0NBR3RDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTt1QkFDbkMsV0FBVyxDQUFDLE1BQU07YUFDNUIsa0JBQWtCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozt1QkFnQmYsV0FBVyxDQUFDLElBQUk7Ozs7Ozs7Ozs7Ozs7Q0FhdEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTs7Ozs7Ozs7dUJBUS9CLFdBQVcsQ0FBQyxNQUFNOzs7Ozt1QkFLbEIsV0FBVyxDQUFDLElBQUk7OzthQUcxQixrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDOzs7Ozs7Ozs7Q0FTeEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTt1QkFDL0IsV0FBVyxDQUFDLE1BQU07YUFDNUIsa0JBQWtCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt1QkFzQmYsV0FBVyxDQUFDLElBQUk7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQWtCdEMsQ0FBQyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { calculateSlotWidth } from '../../../utils/getArticleStyles';
|
|
4
4
|
import { SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
5
5
|
export const SlotContainer = styled(SlotContainerBase) `
|
|
@@ -30,4 +30,4 @@ export const SlotContainer = styled(SlotContainerBase) `
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
`;
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL1NlY29uZGFyeTMvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVyRSxPQUFPLEVBQUUsYUFBYSxJQUFJLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFdEUsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO3VCQUMvQixXQUFXLENBQUMsTUFBTTthQUM1QixrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBeUJ4QyxDQUFDIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { calculateSlotWidth } from '../../../utils/getArticleStyles';
|
|
4
4
|
import { SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
5
5
|
export const SlotContainer = styled(SlotContainerBase) `
|
|
@@ -41,4 +41,4 @@ export const SlotContainer = styled(SlotContainerBase) `
|
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
`;
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL1NlY29uZGFyeTQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVyRSxPQUFPLEVBQUUsYUFBYSxJQUFJLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFdEUsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO1dBQzNDLGtCQUFrQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozt1QkFlYixXQUFXLENBQUMsTUFBTTthQUM1QixrQkFBa0IsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FxQnJDLENBQUMifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
import { calculateSlotWidth } from '../../../utils/getArticleStyles';
|
|
4
4
|
import { SliceContainer as SliceContainerBase, SlotContainer as SlotContainerBase } from '../shared-styles';
|
|
5
5
|
export const SliceContainer = styled(SliceContainerBase) `
|
|
@@ -77,4 +77,4 @@ export const SlotContainerSmall = styled(SlotContainerBase) `
|
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
`;
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpY2VzL1NlY29uZGFyeTRPZGQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVyRSxPQUFPLEVBQ0wsY0FBYyxJQUFJLGtCQUFrQixFQUNwQyxhQUFhLElBQUksaUJBQWlCLEVBQ25DLE1BQU0sa0JBQWtCLENBQUM7QUFFMUIsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO3VCQUNqQyxXQUFXLENBQUMsSUFBSTs7O0NBR3RDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTs7O3VCQUdwQyxXQUFXLENBQUMsTUFBTTthQUM1QixrQkFBa0IsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7O3VCQWdCZixXQUFXLENBQUMsSUFBSTs7YUFFMUIsa0JBQWtCLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQzs7Ozs7Ozs7Ozs7OztDQWF4QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7Ozt1QkFHcEMsV0FBVyxDQUFDLE1BQU07YUFDNUIsa0JBQWtCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7O3VCQWtCZixXQUFXLENBQUMsSUFBSTs7Ozs7Ozs7Ozs7Q0FXdEMsQ0FBQyJ9
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import { Slice } from '../Slice';
|
|
4
|
+
describe('<Slice/>', () => {
|
|
5
|
+
const mockData = {
|
|
6
|
+
name: 'LEAD_1',
|
|
7
|
+
children: [
|
|
8
|
+
{
|
|
9
|
+
article: {
|
|
10
|
+
headline: 'a headline',
|
|
11
|
+
images: {
|
|
12
|
+
alt: 'image alt text',
|
|
13
|
+
crops: [{ ratio: '3:2', url: 'https://dummyimage.com/300' }]
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
]
|
|
18
|
+
};
|
|
19
|
+
it('should render as expected', () => {
|
|
20
|
+
const { getByText } = render(React.createElement(Slice, { slice: mockData, styles: { removePadding: true, lineColor: 'yellow' } }));
|
|
21
|
+
getByText('a headline');
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2xpY2UudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWNlcy9fX3Rlc3RzX18vU2xpY2UudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRWpDLFFBQVEsQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFO0lBQ3hCLE1BQU0sUUFBUSxHQUFHO1FBQ2YsSUFBSSxFQUFFLFFBQVE7UUFDZCxRQUFRLEVBQUU7WUFDUjtnQkFDRSxPQUFPLEVBQUU7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLE1BQU0sRUFBRTt3QkFDTixHQUFHLEVBQUUsZ0JBQWdCO3dCQUNyQixLQUFLLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLDRCQUE0QixFQUFFLENBQUM7cUJBQzdEO2lCQUNGO2FBQ0Y7U0FDRjtLQUNGLENBQUM7SUFFRixFQUFFLENBQUMsMkJBQTJCLEVBQUUsR0FBRyxFQUFFO1FBQ25DLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxNQUFNLENBQzFCLG9CQUFDLEtBQUssSUFDSixLQUFLLEVBQUUsUUFBUSxFQUNmLE1BQU0sRUFBRSxFQUFFLGFBQWEsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxHQUNwRCxDQUNILENBQUM7UUFFRixTQUFTLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDMUIsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
export const SliceContainer = styled.div `
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-wrap: wrap;
|
|
@@ -53,4 +53,4 @@ export const SlotContainer = styled.div `
|
|
|
53
53
|
background-color: ${({ styles }) => styles && styles.lineColor ? styles.lineColor : '#dbdbdb'};
|
|
54
54
|
}
|
|
55
55
|
`;
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLXN0eWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWNlcy9zaGFyZWQtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUk5RCxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBeUI7Ozs7O2FBS3BELENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxNQUFNLElBQUksTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7O3VCQUVyRCxXQUFXLENBQUMsS0FBSzs7Ozt1QkFJakIsV0FBVyxDQUFDLE1BQU07O2VBRTFCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxNQUFNLElBQUksTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7Ozt1QkFHdkQsV0FBVyxDQUFDLElBQUk7Ozs7dUJBSWhCLFdBQVcsQ0FBQyxJQUFJOzs7Q0FHdEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUdyQzs7O21CQUdpQixDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztvQkFDeEMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7Ozs7Ozs7Ozs7O3dCQVdyQyxDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUNqQyxNQUFNLElBQUksTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUzs7Ozs7ZUFLaEQsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7Ozs7Ozt3QkFNdEMsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FDakMsTUFBTSxJQUFJLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVM7O0NBRTlELENBQUMifQ==
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { getSlice } from '../getSlice';
|
|
2
|
+
describe('getSlice()', () => {
|
|
3
|
+
it('should return a slice', () => {
|
|
4
|
+
const result = getSlice('LEAD_1');
|
|
5
|
+
expect(result.children[0].article.headline).toBe;
|
|
6
|
+
});
|
|
7
|
+
it('should not return a slice', () => {
|
|
8
|
+
const result = getSlice('LEAD_10038033');
|
|
9
|
+
expect(result).toEqual({ children: [], name: 'UNDEFINED' });
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0U2xpY2UudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maXh0dXJlcy9fX3Rlc3RzX18vZ2V0U2xpY2UudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUV2QyxRQUFRLENBQUMsWUFBWSxFQUFFLEdBQUcsRUFBRTtJQUMxQixFQUFFLENBQUMsdUJBQXVCLEVBQUUsR0FBRyxFQUFFO1FBQy9CLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNsQyxNQUFNLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFRLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ3BELENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDJCQUEyQixFQUFFLEdBQUcsRUFBRTtRQUNuQyxNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDekMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDOUQsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import { ArticleHarness } from '../ArticleHarness';
|
|
4
|
+
describe('ArticleHarness', () => {
|
|
5
|
+
it('should render as expected', () => {
|
|
6
|
+
const { getByText } = render(React.createElement(ArticleHarness, null,
|
|
7
|
+
React.createElement("div", null, "hello world")));
|
|
8
|
+
expect(getByText('hello world'));
|
|
9
|
+
});
|
|
10
|
+
});
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUhhcm5lc3MudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9maXh0dXJlcy9hcnRpY2xlLWhhcm5lc3MvX190ZXN0c19fL0FydGljbGVIYXJuZXNzLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRW5ELFFBQVEsQ0FBQyxnQkFBZ0IsRUFBRSxHQUFHLEVBQUU7SUFDOUIsRUFBRSxDQUFDLDJCQUEyQixFQUFFLEdBQUcsRUFBRTtRQUNuQyxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUMxQixvQkFBQyxjQUFjO1lBQ2IsK0NBQXNCLENBQ1AsQ0FDbEIsQ0FBQztRQUNGLE1BQU0sQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQztJQUNuQyxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { breakpoints } from '@times-components/styleguide';
|
|
2
|
+
import { breakpoints } from '@times-components/ts-styleguide';
|
|
3
3
|
export const ArticlePage = styled.div `
|
|
4
4
|
background-color: #f5efeb;
|
|
5
5
|
`;
|
|
@@ -47,4 +47,4 @@ export const Paragraph = styled(ArticleColumn) `
|
|
|
47
47
|
line-height: 30px;
|
|
48
48
|
}
|
|
49
49
|
`;
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2ZpeHR1cmVzL2FydGljbGUtaGFybmVzcy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTlELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOztDQUVwQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Ozt1QkFNZCxXQUFXLENBQUMsTUFBTTs7Ozt1QkFJbEIsV0FBVyxDQUFDLElBQUk7Ozs7dUJBSWhCLFdBQVcsQ0FBQyxJQUFJOzs7Q0FHdEMsQ0FBQztBQUVGLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7dUJBSVQsV0FBVyxDQUFDLE1BQU07Ozs7dUJBSWxCLFdBQVcsQ0FBQyxJQUFJOzs7Q0FHdEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUE7Ozs7Ozs7O3VCQVF2QixXQUFXLENBQUMsTUFBTTs7Ozs7Q0FLeEMsQ0FBQyJ9
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="jest" />
|
|
2
|
+
declare type MockCallbackType = (props: Array<{
|
|
3
|
+
isIntersecting: boolean;
|
|
4
|
+
}>) => {};
|
|
5
|
+
declare class FakeIntersectionObserver {
|
|
6
|
+
static callback: MockCallbackType;
|
|
7
|
+
static observe: jest.Mock<any, any>;
|
|
8
|
+
static disconnect: jest.Mock<any, any>;
|
|
9
|
+
static intersect(isIntersecting?: boolean): void;
|
|
10
|
+
observe: jest.Mock<any, any>;
|
|
11
|
+
disconnect: jest.Mock<any, any>;
|
|
12
|
+
constructor(callback: MockCallbackType);
|
|
13
|
+
}
|
|
14
|
+
export default FakeIntersectionObserver;
|