@financial-times/cp-content-pipeline-ui 9.4.3 → 9.6.0
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 +40 -0
- package/lib/components/content-tree/Clip/test/fixtures.js +5 -5
- package/lib/components/content-tree/Clip/test/fixtures.js.map +1 -1
- package/lib/components/content-tree/Clip/test/snapshot.spec.js +3 -3
- package/lib/components/content-tree/Clip/test/snapshot.spec.js.map +1 -1
- package/lib/stories/Clip.stories.js +5 -5
- package/lib/stories/Clip.stories.js.map +1 -1
- package/lib/stories/Expander.stories.js +9 -9
- package/lib/stories/Expander.stories.js.map +1 -1
- package/lib/stories/content.js +13 -13
- package/lib/stories/content.js.map +1 -1
- package/package.json +4 -4
- package/src/components/content-tree/Clip/components/_clip-tag.scss +1 -1
- package/src/components/content-tree/Clip/test/__snapshots__/snapshot.spec.tsx.snap +440 -440
- package/src/components/content-tree/Clip/test/fixtures.ts +5 -5
- package/src/components/content-tree/Clip/test/snapshot.spec.tsx +3 -3
- package/src/stories/Clip.stories.tsx +5 -5
- package/src/stories/Expander.stories.tsx +9 -9
- package/src/stories/content.tsx +77 -74
- package/tsconfig.tsbuildinfo +1 -1
|
@@ -13,7 +13,7 @@ export const inlineVideo = Clip({
|
|
|
13
13
|
description:
|
|
14
14
|
' Dolor sit amet, consectetur adipiscing elit. Sed sit amet odio quis ante auctor dapibus. Sed dapibus cursus nisi, tincidunt sagittis sapien vehicula vitae.',
|
|
15
15
|
poster:
|
|
16
|
-
'https://
|
|
16
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=cp-content-pipeline-api&width=700',
|
|
17
17
|
posterAlt: '',
|
|
18
18
|
posterCredits: '',
|
|
19
19
|
caption: 'Aenean lobortis volutpat nunc vitae elementum',
|
|
@@ -32,7 +32,7 @@ export const inlineVideoAutoplay = Clip({
|
|
|
32
32
|
description:
|
|
33
33
|
' Dolor sit amet, consectetur adipiscing elit. Sed sit amet odio quis ante auctor dapibus. Sed dapibus cursus nisi, tincidunt sagittis sapien vehicula vitae.',
|
|
34
34
|
poster:
|
|
35
|
-
'https://
|
|
35
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=cp-content-pipeline-api&width=700',
|
|
36
36
|
posterAlt: '',
|
|
37
37
|
posterCredits: '',
|
|
38
38
|
caption: 'Aenean lobortis volutpat nunc vitae elementum',
|
|
@@ -58,7 +58,7 @@ export const inlineVideoNoAudio = Clip({
|
|
|
58
58
|
description:
|
|
59
59
|
' Dolor sit amet, consectetur adipiscing elit. Sed sit amet odio quis ante auctor dapibus. Sed dapibus cursus nisi, tincidunt sagittis sapien vehicula vitae.',
|
|
60
60
|
poster:
|
|
61
|
-
'https://
|
|
61
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=cp-content-pipeline-api&width=700',
|
|
62
62
|
posterAlt: '',
|
|
63
63
|
posterCredits: '',
|
|
64
64
|
caption: 'Aenean lobortis volutpat nunc vitae elementum',
|
|
@@ -85,7 +85,7 @@ export const teaserClipWithoutExpander = Clip({
|
|
|
85
85
|
url: 'https://d1e00ek4ebabms.cloudfront.net/production/84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png',
|
|
86
86
|
description: '',
|
|
87
87
|
poster:
|
|
88
|
-
'https://
|
|
88
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=cp-content-pipeline-api&width=700',
|
|
89
89
|
posterAlt: '',
|
|
90
90
|
posterCredits: '',
|
|
91
91
|
caption: '',
|
|
@@ -106,7 +106,7 @@ export const teaserClipWithMultipleSources = Clip({
|
|
|
106
106
|
description:
|
|
107
107
|
' Dolor sit amet, consectetur adipiscing elit. Sed sit amet odio quis ante auctor dapibus. Sed dapibus cursus nisi, tincidunt sagittis sapien vehicula vitae.',
|
|
108
108
|
poster:
|
|
109
|
-
'https://
|
|
109
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=cp-content-pipeline-api&width=700',
|
|
110
110
|
posterAlt: '',
|
|
111
111
|
posterCredits: '',
|
|
112
112
|
caption: 'Aenean lobortis volutpat nunc vitae elementum',
|
|
@@ -164,7 +164,7 @@ describe('Clip Snapshot', () => {
|
|
|
164
164
|
description:
|
|
165
165
|
' Dolor sit amet, consectetur adipiscing elit. Sed sit amet odio quis ante auctor dapibus. Sed dapibus cursus nisi, tincidunt sagittis sapien vehicula vitae.',
|
|
166
166
|
poster:
|
|
167
|
-
'https://
|
|
167
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=cp-content-pipeline-api&width=700',
|
|
168
168
|
caption: 'Aenean lobortis volutpat nunc vitae elementum',
|
|
169
169
|
},
|
|
170
170
|
}
|
|
@@ -188,7 +188,7 @@ describe('Clip Snapshot', () => {
|
|
|
188
188
|
],
|
|
189
189
|
id: '22a65f5a-ead3-4a25-bf79-c6b080f00547',
|
|
190
190
|
poster:
|
|
191
|
-
'https://
|
|
191
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=cp-content-pipeline-api&width=700',
|
|
192
192
|
},
|
|
193
193
|
],
|
|
194
194
|
},
|
|
@@ -218,7 +218,7 @@ describe('Clip Snapshot', () => {
|
|
|
218
218
|
credits: '@credits',
|
|
219
219
|
// New Origami image
|
|
220
220
|
poster:
|
|
221
|
-
'https://
|
|
221
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fspark-clips-prod.s3.eu-west-1.amazonaws.com%2Fposter-images%2F898c06df-6ffa-4ed6-87a3-48a8edc309ae?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
222
222
|
posterAlt: 'text poster',
|
|
223
223
|
muted: true,
|
|
224
224
|
}}
|
|
@@ -319,7 +319,7 @@ Inline.args = {
|
|
|
319
319
|
},
|
|
320
320
|
],
|
|
321
321
|
poster:
|
|
322
|
-
'https://
|
|
322
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fspark-clips-prod.s3.eu-west-1.amazonaws.com%2Fposter-images%2F440be423-1483-4243-8cd7-22ef8d003e70?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
323
323
|
},
|
|
324
324
|
],
|
|
325
325
|
accessibility: {
|
|
@@ -410,7 +410,7 @@ InlineSquare.args = {
|
|
|
410
410
|
},
|
|
411
411
|
],
|
|
412
412
|
poster:
|
|
413
|
-
'https://
|
|
413
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fspark-clips-prod.s3.eu-west-1.amazonaws.com%2Fposter-images%2F78a110c8-24ff-4ca7-95e2-097ec6a22428?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
414
414
|
},
|
|
415
415
|
],
|
|
416
416
|
accessibility: {
|
|
@@ -489,7 +489,7 @@ InlineLandscape.args = {
|
|
|
489
489
|
},
|
|
490
490
|
],
|
|
491
491
|
poster:
|
|
492
|
-
'https://
|
|
492
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fspark-clips-prod.s3.eu-west-1.amazonaws.com%2Fposter-images%2F3fbe0b92-8018-4686-8387-eea9fab7e392?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
493
493
|
},
|
|
494
494
|
],
|
|
495
495
|
},
|
|
@@ -563,7 +563,7 @@ InlineAutoplay.args = {
|
|
|
563
563
|
},
|
|
564
564
|
],
|
|
565
565
|
poster:
|
|
566
|
-
'https://
|
|
566
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fspark-clips-prod.s3.eu-west-1.amazonaws.com%2Fposter-images%2Ff5ca5815-b40d-4dac-80b6-b8e764817685?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
567
567
|
},
|
|
568
568
|
],
|
|
569
569
|
accessibility: {
|
|
@@ -600,7 +600,7 @@ NoDataSource.args = {
|
|
|
600
600
|
format: 'standard-inline',
|
|
601
601
|
dataSource: [],
|
|
602
602
|
poster:
|
|
603
|
-
'https://
|
|
603
|
+
'https://images.ft.com/v3/image/raw/https%3A%2F%2Fspark-clips-prod.s3.eu-west-1.amazonaws.com%2Fposter-images%2Ff5ca5815-b40d-4dac-80b6-b8e764817685?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
604
604
|
},
|
|
605
605
|
],
|
|
606
606
|
accessibility: {
|
|
@@ -84,7 +84,7 @@ const structuredContent = {
|
|
|
84
84
|
'Staff at the Waitrose on King William street in London, which is taking cash only payments, said that disruption caused by the IT outage was ‘everywhere’',
|
|
85
85
|
credit: '© Ian Smith/FT',
|
|
86
86
|
format: 'standard-inline',
|
|
87
|
-
url: 'https://
|
|
87
|
+
url: 'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F5a89fdc8-323b-4cf2-a317-794074a1adae.png?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
88
88
|
id: '5a89fdc8-323b-4cf2-a317-794074a1adae',
|
|
89
89
|
},
|
|
90
90
|
images: [
|
|
@@ -96,18 +96,18 @@ const structuredContent = {
|
|
|
96
96
|
'Staff at the Waitrose on King William street in London, which is taking cash only payments, said that disruption caused by the IT outage was ‘everywhere’',
|
|
97
97
|
credit: '© Ian Smith/FT',
|
|
98
98
|
format: 'standard-inline',
|
|
99
|
-
url: 'https://
|
|
99
|
+
url: 'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F5a89fdc8-323b-4cf2-a317-794074a1adae.png?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
100
100
|
id: '5a89fdc8-323b-4cf2-a317-794074a1adae',
|
|
101
101
|
sourceSet: [
|
|
102
102
|
{
|
|
103
103
|
dpr: 1,
|
|
104
104
|
width: 700,
|
|
105
|
-
url: 'https://
|
|
105
|
+
url: 'https://images.ft.com/v3/image/raw/ftcms%3A5a89fdc8-323b-4cf2-a317-794074a1adae?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
106
106
|
},
|
|
107
107
|
{
|
|
108
108
|
dpr: 2,
|
|
109
109
|
width: 700,
|
|
110
|
-
url: 'https://
|
|
110
|
+
url: 'https://images.ft.com/v3/image/raw/ftcms%3A5a89fdc8-323b-4cf2-a317-794074a1adae?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=2',
|
|
111
111
|
},
|
|
112
112
|
],
|
|
113
113
|
},
|
|
@@ -135,7 +135,7 @@ const structuredContent = {
|
|
|
135
135
|
},
|
|
136
136
|
metaAltLink: null,
|
|
137
137
|
image: {
|
|
138
|
-
url: 'https://
|
|
138
|
+
url: 'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F409586da-1e01-42d8-b4e6-cd99b82923b3.jpg?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
139
139
|
width: 2266,
|
|
140
140
|
height: 1275,
|
|
141
141
|
altText: 'Hargreaves Lansdown logo',
|
|
@@ -197,7 +197,7 @@ const structuredContentNoMoreElements = {
|
|
|
197
197
|
'Staff at the Waitrose on King William street in London, which is taking cash only payments, said that disruption caused by the IT outage was ‘everywhere’',
|
|
198
198
|
credit: '© Ian Smith/FT',
|
|
199
199
|
format: 'standard-inline',
|
|
200
|
-
url: 'https://
|
|
200
|
+
url: 'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F5a89fdc8-323b-4cf2-a317-794074a1adae.png?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
201
201
|
id: '5a89fdc8-323b-4cf2-a317-794074a1adae',
|
|
202
202
|
},
|
|
203
203
|
images: [
|
|
@@ -209,18 +209,18 @@ const structuredContentNoMoreElements = {
|
|
|
209
209
|
'Staff at the Waitrose on King William street in London, which is taking cash only payments, said that disruption caused by the IT outage was ‘everywhere’',
|
|
210
210
|
credit: '© Ian Smith/FT',
|
|
211
211
|
format: 'standard-inline',
|
|
212
|
-
url: 'https://
|
|
212
|
+
url: 'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F5a89fdc8-323b-4cf2-a317-794074a1adae.png?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
213
213
|
id: '5a89fdc8-323b-4cf2-a317-794074a1adae',
|
|
214
214
|
sourceSet: [
|
|
215
215
|
{
|
|
216
216
|
dpr: 1,
|
|
217
217
|
width: 700,
|
|
218
|
-
url: 'https://
|
|
218
|
+
url: 'https://images.ft.com/v3/image/raw/ftcms%3A5a89fdc8-323b-4cf2-a317-794074a1adae?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=1',
|
|
219
219
|
},
|
|
220
220
|
{
|
|
221
221
|
dpr: 2,
|
|
222
222
|
width: 700,
|
|
223
|
-
url: 'https://
|
|
223
|
+
url: 'https://images.ft.com/v3/image/raw/ftcms%3A5a89fdc8-323b-4cf2-a317-794074a1adae?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=700&dpr=2',
|
|
224
224
|
},
|
|
225
225
|
],
|
|
226
226
|
},
|
package/src/stories/content.tsx
CHANGED
|
@@ -1,78 +1,81 @@
|
|
|
1
1
|
export const content = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
2
|
+
__typename: 'LiveBlogPackage',
|
|
3
|
+
id: 'f9d0da8a-ac43-4f0d-8af5-d597d1f13bb8',
|
|
4
|
+
title:
|
|
5
|
+
'News updates from February 2: US adds 353,000 jobs in January, US hits Iraq and Syria after drone deaths',
|
|
6
|
+
publishedDate: '2024-02-05T12:00:44.399Z',
|
|
7
|
+
firstPublishedDate: '2024-02-05T12:00:44.399Z',
|
|
8
|
+
standfirst: null,
|
|
9
|
+
topper: {
|
|
10
|
+
__typename: 'TopperWithFlourish',
|
|
11
|
+
layout: 'flourish',
|
|
12
|
+
layoutWidth: 'full-width',
|
|
13
|
+
headline:
|
|
14
|
+
'News updates from February 2: US adds 353,000 jobs in January, US hits Iraq and Syria after drone deaths',
|
|
15
|
+
backgroundColour: 'paper',
|
|
16
|
+
backgroundBox: null,
|
|
17
|
+
textShadow: null,
|
|
18
|
+
followButtonVariant: 'standard',
|
|
19
|
+
intro: {
|
|
20
|
+
source: 'standfirst',
|
|
21
|
+
structured: {
|
|
22
|
+
tree: {
|
|
23
|
+
type: 'body',
|
|
24
|
+
version: 1,
|
|
25
|
+
children: [
|
|
26
|
+
{
|
|
27
|
+
type: 'text',
|
|
28
|
+
value:
|
|
29
|
+
'Media sector scrambles to deal with fallout from phase out of cross-website trackers ',
|
|
30
|
+
},
|
|
31
|
+
],
|
|
31
32
|
},
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
displayConcept: {
|
|
36
|
+
id: '84cf4073-a674-4a93-aef9-dcc1832a65cb',
|
|
37
|
+
prefLabel: 'Amazon.com',
|
|
38
|
+
types: [
|
|
39
|
+
'http://www.ft.com/ontology/core/Thing',
|
|
40
|
+
'http://www.ft.com/ontology/concept/Concept',
|
|
41
|
+
'http://www.ft.com/ontology/organisation/Organisation',
|
|
42
|
+
'http://www.ft.com/ontology/company/Company',
|
|
43
|
+
'http://www.ft.com/ontology/company/PublicCompany',
|
|
44
|
+
],
|
|
45
|
+
type: 'ORGANISATION',
|
|
46
|
+
directType: 'http://www.ft.com/ontology/company/PublicCompany',
|
|
47
|
+
isPackageBrand: false,
|
|
48
|
+
predicate: 'http://www.ft.com/ontology/hasDisplayTag',
|
|
49
|
+
url: 'https://www.ft.com/stream/84cf4073-a674-4a93-aef9-dcc1832a65cb',
|
|
50
|
+
relativeUrl: '/stream/84cf4073-a674-4a93-aef9-dcc1832a65cb',
|
|
51
|
+
},
|
|
52
|
+
genreConcept: {
|
|
53
|
+
id: 'a579350c-61ce-4c00-97ca-ddaa2e0cacf6',
|
|
54
|
+
prefLabel: 'News',
|
|
55
|
+
types: [
|
|
56
|
+
'http://www.ft.com/ontology/core/Thing',
|
|
57
|
+
'http://www.ft.com/ontology/concept/Concept',
|
|
58
|
+
'http://www.ft.com/ontology/classification/Classification',
|
|
59
|
+
'http://www.ft.com/ontology/Genre',
|
|
60
|
+
],
|
|
61
|
+
type: 'GENRE',
|
|
62
|
+
directType: 'http://www.ft.com/ontology/Genre',
|
|
63
|
+
isPackageBrand: false,
|
|
64
|
+
predicate: 'http://www.ft.com/ontology/classification/isClassifiedBy',
|
|
65
|
+
url: 'https://www.ft.com/stream/a579350c-61ce-4c00-97ca-ddaa2e0cacf6',
|
|
66
|
+
relativeUrl: '/stream/a579350c-61ce-4c00-97ca-ddaa2e0cacf6',
|
|
67
|
+
},
|
|
68
|
+
leadFlourish: {
|
|
69
|
+
type: 'visualisation',
|
|
70
|
+
id: '15700475',
|
|
71
|
+
description: 'EU Airlines',
|
|
72
|
+
fallbackImage: {
|
|
73
|
+
url: 'https://images.ft.com/v3/image/raw/https%3A%2F%2Fpublic.flourish.studio%2Fvisualisation%2F15700475%2Fthumbnail?source=cp-content-pipeline-api&fit=scale-down&quality=highest&width=1020&dpr=1',
|
|
74
|
+
type: 'visualisation',
|
|
75
|
+
format: 'standard',
|
|
76
|
+
width: 1020,
|
|
77
|
+
height: 892,
|
|
78
|
+
},
|
|
77
79
|
},
|
|
80
|
+
},
|
|
78
81
|
}
|