@financial-times/cp-content-pipeline-ui 6.6.2 → 6.7.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.
Files changed (82) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/lib/components/Clip/client/index.d.ts +2 -0
  3. package/lib/components/Clip/client/index.js +27 -1
  4. package/lib/components/Clip/client/index.js.map +1 -1
  5. package/lib/components/Clip/components/Container.js +2 -2
  6. package/lib/components/Clip/components/Container.js.map +1 -1
  7. package/lib/components/Clip/components/VideoDescription.js +2 -2
  8. package/lib/components/Clip/components/VideoDescription.js.map +1 -1
  9. package/lib/components/Clip/components/VideoInfoBox.js +2 -2
  10. package/lib/components/Clip/components/VideoInfoBox.js.map +1 -1
  11. package/lib/components/Clip/template/index.js +0 -1
  12. package/lib/components/Clip/template/index.js.map +1 -1
  13. package/lib/components/Clip/test/index.spec.js +30 -0
  14. package/lib/components/Clip/test/index.spec.js.map +1 -1
  15. package/lib/components/Expander/client/index.d.ts +49 -0
  16. package/lib/components/Expander/client/index.js +124 -0
  17. package/lib/components/Expander/client/index.js.map +1 -0
  18. package/lib/components/Expander/index.d.ts +15 -0
  19. package/lib/components/Expander/index.js +27 -0
  20. package/lib/components/Expander/index.js.map +1 -0
  21. package/lib/components/Expander/test/client/index.spec.d.ts +1 -0
  22. package/lib/components/Expander/test/client/index.spec.js +103 -0
  23. package/lib/components/Expander/test/client/index.spec.js.map +1 -0
  24. package/lib/components/Expander/test/index.spec.d.ts +1 -0
  25. package/lib/components/Expander/test/index.spec.js +57 -0
  26. package/lib/components/Expander/test/index.spec.js.map +1 -0
  27. package/lib/components/Expander/test/snapshot.spec.d.ts +1 -0
  28. package/lib/components/Expander/test/snapshot.spec.js +63 -0
  29. package/lib/components/Expander/test/snapshot.spec.js.map +1 -0
  30. package/lib/components/ImageSet/index.js +1 -1
  31. package/lib/components/ImageSet/index.js.map +1 -1
  32. package/lib/components/LiveBlogPost/client/index.d.ts +5 -0
  33. package/lib/components/LiveBlogPost/client/index.js +12 -0
  34. package/lib/components/LiveBlogPost/client/index.js.map +1 -0
  35. package/lib/components/LiveBlogPost/index.js +9 -21
  36. package/lib/components/LiveBlogPost/index.js.map +1 -1
  37. package/lib/components/LiveBlogWrapper/index.js +1 -1
  38. package/lib/components/LiveBlogWrapper/index.js.map +1 -1
  39. package/lib/components/Recommended/index.js +1 -1
  40. package/lib/components/Recommended/index.js.map +1 -1
  41. package/lib/components/RichText/index.d.ts +1 -1
  42. package/lib/components/Table/index.js +1 -1
  43. package/lib/components/Table/index.js.map +1 -1
  44. package/lib/components/Video/index.js +1 -1
  45. package/lib/components/Video/index.js.map +1 -1
  46. package/lib/components/YoutubeVideo/index.js +1 -1
  47. package/lib/components/YoutubeVideo/index.js.map +1 -1
  48. package/lib/stories/Clip.stories.d.ts +2 -1
  49. package/lib/stories/Clip.stories.js +5 -5
  50. package/lib/stories/Clip.stories.js.map +1 -1
  51. package/lib/stories/Expander.stories.d.ts +54 -0
  52. package/lib/stories/Expander.stories.js +142 -0
  53. package/lib/stories/Expander.stories.js.map +1 -0
  54. package/package.json +3 -5
  55. package/src/components/Clip/client/index.ts +39 -1
  56. package/src/components/Clip/client/main.scss +28 -0
  57. package/src/components/Clip/components/Container.tsx +10 -3
  58. package/src/components/Clip/components/VideoDescription.tsx +5 -3
  59. package/src/components/Clip/components/VideoInfoBox.tsx +3 -3
  60. package/src/components/Clip/components/_video-info-box.scss +0 -4
  61. package/src/components/Clip/template/index.ts +0 -1
  62. package/src/components/Clip/test/__snapshots__/snapshot.spec.tsx.snap +57 -47
  63. package/src/components/Clip/test/index.spec.ts +45 -0
  64. package/src/components/Expander/client/index.ts +197 -0
  65. package/src/components/Expander/client/main.scss +162 -0
  66. package/src/components/Expander/index.tsx +74 -0
  67. package/src/components/Expander/test/__snapshots__/snapshot.spec.tsx.snap +225 -0
  68. package/src/components/Expander/test/client/index.spec.tsx +129 -0
  69. package/src/components/Expander/test/index.spec.tsx +77 -0
  70. package/src/components/Expander/test/snapshot.spec.tsx +73 -0
  71. package/src/components/ImageSet/index.tsx +1 -0
  72. package/src/components/LiveBlogPost/client/index.ts +9 -0
  73. package/src/components/LiveBlogPost/index.tsx +29 -42
  74. package/src/components/LiveBlogWrapper/index.tsx +1 -0
  75. package/src/components/Recommended/index.tsx +1 -0
  76. package/src/components/Table/index.tsx +1 -0
  77. package/src/components/Video/index.tsx +4 -1
  78. package/src/components/YoutubeVideo/index.tsx +4 -1
  79. package/src/stories/Clip.stories.tsx +3 -2
  80. package/src/stories/Expander.stories.scss +3 -0
  81. package/src/stories/Expander.stories.tsx +159 -0
  82. package/tsconfig.tsbuildinfo +1 -1
@@ -0,0 +1,124 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ExpanderClient = void 0;
4
+ /**
5
+ * trackEntireRead
6
+ * @description Track the entire read of a truncated post
7
+ * @param {HTMLElement} post - The post element
8
+ */
9
+ class TrackEntireRead {
10
+ constructor(readElement, data) {
11
+ this.observer = null;
12
+ this.handleEntireRead = () => {
13
+ const trackingData = {
14
+ action: 'entire_read',
15
+ ...this.data,
16
+ };
17
+ const event = new CustomEvent('oTracking.event', {
18
+ detail: trackingData,
19
+ bubbles: true,
20
+ });
21
+ document.body.dispatchEvent(event);
22
+ };
23
+ this.readElement = readElement;
24
+ this.data = data;
25
+ this.init();
26
+ }
27
+ init() {
28
+ //Intersection observer that observes readElement and when in view tracks the entire read
29
+ this.observer = new IntersectionObserver((entries) => {
30
+ entries.forEach((entry) => {
31
+ if (entry.isIntersecting) {
32
+ this.handleEntireRead();
33
+ this.observer?.disconnect();
34
+ }
35
+ });
36
+ });
37
+ this.observer.observe(this.readElement);
38
+ }
39
+ destroy() {
40
+ this.observer?.disconnect();
41
+ this.observer = null;
42
+ }
43
+ }
44
+ class ExpanderClient {
45
+ /**
46
+ *
47
+ * @param el
48
+ * @param dispatchBoundary
49
+ */
50
+ constructor(el, dispatchBoundary, trackingData) {
51
+ this.handleExpand = (e) => {
52
+ e.preventDefault();
53
+ this.expand();
54
+ this.expanderButton?.setAttribute('aria-expanded', 'true');
55
+ this.expanderButton?.setAttribute('aria-hidden', 'true');
56
+ this.collapserButton?.setAttribute('aria-expanded', 'true');
57
+ this.collapserButton?.setAttribute('aria-hidden', 'false');
58
+ };
59
+ this.handleCollapse = (e) => {
60
+ e.preventDefault();
61
+ this.collapse();
62
+ this.expanderButton?.setAttribute('aria-expanded', 'false');
63
+ this.expanderButton?.setAttribute('aria-hidden', 'false');
64
+ this.collapserButton?.setAttribute('aria-expanded', 'false');
65
+ this.collapserButton?.setAttribute('aria-hidden', 'true');
66
+ };
67
+ this.container = el;
68
+ this.trackingData = trackingData || {};
69
+ this.expanderButton = el.querySelector('.cp-expander__expand [data-action="expand"]');
70
+ this.collapserButton = el.querySelector('.cp-expander__collapse [data-action="collapse"]');
71
+ this.endContent = el.querySelector('.cp-expander__collapse');
72
+ this.expanderButton?.addEventListener('click', this.handleExpand);
73
+ this.collapserButton?.addEventListener('click', this.handleCollapse);
74
+ this.container.classList.replace('cp-expander--not-initialised', 'cp-expander--initialised');
75
+ this.dispatchBoundary = dispatchBoundary || this.container;
76
+ (this.trackingData['post_id'] =
77
+ this.container
78
+ .querySelector('[data-trackable-context-truncated-id]')
79
+ ?.getAttribute('data-trackable-context-truncated-id') || ''),
80
+ (this.trackingEntireRead = new TrackEntireRead(this.endContent, this.trackingData));
81
+ }
82
+ expand() {
83
+ this.container?.setAttribute('data-state', 'expanded');
84
+ this.dispatchBoundary?.dispatchEvent(new CustomEvent('expander:expanded', {
85
+ bubbles: true,
86
+ detail: {
87
+ component: this.container,
88
+ },
89
+ }));
90
+ }
91
+ collapse() {
92
+ this.container?.setAttribute('data-state', 'collapsed');
93
+ this.container?.scrollIntoView();
94
+ this.dispatchBoundary?.dispatchEvent(new CustomEvent('expander:collapsed', {
95
+ bubbles: true,
96
+ detail: {
97
+ component: this.container,
98
+ },
99
+ }));
100
+ }
101
+ destroy() {
102
+ this.container?.setAttribute('data-state', 'collapsed');
103
+ this.container
104
+ ?.querySelector('.cp-expander__expand')
105
+ ?.removeEventListener('click', this.expand);
106
+ this.container
107
+ ?.querySelector('.cp-expander__collapse')
108
+ ?.removeEventListener('click', this.collapse);
109
+ this.container?.classList.remove('cp-expander--initialised');
110
+ this.trackingEntireRead.destroy();
111
+ }
112
+ static init(data) {
113
+ const { rootElement, dispatchBoundary, trackingData } = data || {};
114
+ const root = rootElement || document.body;
115
+ return (Array.from(root.querySelectorAll(':not(.cp-expander--initialised)[data-component="expander"]'))?.map((el) => {
116
+ if (!el.classList.contains('expander--initialised')) {
117
+ return new ExpanderClient(el, dispatchBoundary, trackingData);
118
+ }
119
+ }) || []);
120
+ }
121
+ }
122
+ exports.ExpanderClient = ExpanderClient;
123
+ exports.default = ExpanderClient;
124
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Expander/client/index.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ export interface ExpanderProps extends React.PropsWithChildren {
3
+ /** The initial state of the expander */
4
+ state?: 'expanded' | 'collapsed';
5
+ /** The label for the Expand CTA */
6
+ expandLabel?: string;
7
+ /** The label for the collapse CTA */
8
+ collapseLabel?: string;
9
+ /** Show the expander only on mobile resolutions */
10
+ onlyMobile?: boolean;
11
+ /** Id of the component */
12
+ id: string;
13
+ }
14
+ export declare const ExpanderServer: React.FC<ExpanderProps>;
15
+ export default ExpanderServer;
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.ExpanderServer = void 0;
7
+ const classnames_1 = __importDefault(require("classnames"));
8
+ const react_1 = __importDefault(require("react"));
9
+ // React functional component with children
10
+ const ExpanderServer = ({ state = 'collapsed', // default value for "state
11
+ children, id, expandLabel = 'Expand', collapseLabel = 'Collapse', onlyMobile = false, }) => {
12
+ return (react_1.default.createElement("div", { className: (0, classnames_1.default)({
13
+ 'cp-expander': true,
14
+ 'cp-expander--mobile-only': onlyMobile,
15
+ 'cp-expander--all-resolutions': !onlyMobile,
16
+ 'cp-expander--not-initialised': true,
17
+ }), "data-component": "expander", "data-state": state, id: `${id}__container` },
18
+ react_1.default.createElement("div", { id: id, className: "cp-expander-content", "aria-describedby": id },
19
+ react_1.default.createElement("div", { className: "cp-expander__expand" },
20
+ react_1.default.createElement("a", { "data-trackable": "truncated-post", "data-trackable-context-truncated-post": "expand", "data-trackable-context-truncated-id": id, className: "cp-expander__link", href: `#${id}`, "aria-expanded": state === 'expanded' ? true : false, "aria-controls": id, "aria-hidden": state === 'expanded' ? true : false, "data-action": "expand" }, expandLabel)),
21
+ children,
22
+ react_1.default.createElement("div", { className: "cp-expander__collapse" },
23
+ react_1.default.createElement("a", { "data-trackable": "truncated-post", "data-trackable-context-truncated-post": "collapse", "data-trackable-context-truncated-id": id, href: `#${id}__container`, className: "cp-expander__link", "aria-expanded": state === 'expanded' ? true : false, "aria-controls": id, "aria-hidden": state === 'expanded' ? false : true, "data-action": "collapse" }, collapseLabel)))));
24
+ };
25
+ exports.ExpanderServer = ExpanderServer;
26
+ exports.default = exports.ExpanderServer;
27
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Expander/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAmC;AACnC,kDAAyB;AAczB,2CAA2C;AACpC,MAAM,cAAc,GAA4B,CAAC,EACtD,KAAK,GAAG,WAAW,EAAE,2BAA2B;AAChD,QAAQ,EACR,EAAE,EACF,WAAW,GAAG,QAAQ,EACtB,aAAa,GAAG,UAAU,EAC1B,UAAU,GAAG,KAAK,GACnB,EAAE,EAAE;IACH,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC;YACpB,aAAa,EAAE,IAAI;YACnB,0BAA0B,EAAE,UAAU;YACtC,8BAA8B,EAAE,CAAC,UAAU;YAC3C,8BAA8B,EAAE,IAAI;SACrC,CAAC,oBACa,UAAU,gBACb,KAAK,EACjB,EAAE,EAAE,GAAG,EAAE,aAAa;QAEtB,uCAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,qBAAqB,sBAAmB,EAAE;YAC/D,uCAAK,SAAS,EAAC,qBAAqB;gBAClC,uDACiB,gBAAgB,2CACO,QAAQ,yCACT,EAAE,EACvC,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,IAAI,EAAE,EAAE,mBACC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,mBACnC,EAAE,iBACJ,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,iBACpC,QAAQ,IAEnB,WAAW,CACV,CACA;YACL,QAAQ;YACT,uCAAK,SAAS,EAAC,uBAAuB;gBACpC,uDACiB,gBAAgB,2CACO,UAAU,yCACX,EAAE,EACvC,IAAI,EAAE,IAAI,EAAE,aAAa,EACzB,SAAS,EAAC,mBAAmB,mBACd,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,mBACnC,EAAE,iBACJ,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,iBACpC,UAAU,IAErB,aAAa,CACZ,CACA,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAvDY,QAAA,cAAc,kBAuD1B;AAED,kBAAe,sBAAc,CAAA"}
@@ -0,0 +1,103 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
7
+ // @ts-nocheck
8
+ const react_1 = __importDefault(require("react"));
9
+ const index_1 = __importDefault(require("../../index"));
10
+ const client_1 = require("../../client");
11
+ const react_2 = require("@testing-library/react");
12
+ //mock IntersectionObserver
13
+ class IntersectionObserver {
14
+ //mock constructor
15
+ constructor(callback) {
16
+ this.callback = callback;
17
+ }
18
+ observe() {
19
+ this.active = true;
20
+ }
21
+ disconnect() {
22
+ this.active = false;
23
+ }
24
+ intersects() {
25
+ if (this.active) {
26
+ this.callback([{ isIntersecting: true }]);
27
+ }
28
+ }
29
+ }
30
+ //mock scrollIntoView
31
+ window.HTMLElement.prototype.scrollIntoView = jest.fn();
32
+ describe('Expander client test', () => {
33
+ beforeEach(() => {
34
+ window.IntersectionObserver = IntersectionObserver;
35
+ });
36
+ it('find expanders markup and initialises it', () => {
37
+ const props = {
38
+ id: 'test-id',
39
+ };
40
+ (0, react_2.render)(react_1.default.createElement(index_1.default, { ...props },
41
+ react_1.default.createElement("div", null, "Children 1")));
42
+ const expanders = client_1.ExpanderClient.init();
43
+ expect(expanders.length).toBe(1);
44
+ expect(document.querySelectorAll("[data-component='expander']").length).toBe(1);
45
+ expect(expanders[0].container.id).toBe('test-id__container');
46
+ expect(expanders[0].container.classList.contains('cp-expander--initialised')).toBe(true);
47
+ });
48
+ it('do not initialised twice expanders', () => {
49
+ const props = {
50
+ id: 'test-id',
51
+ };
52
+ (0, react_2.render)(react_1.default.createElement(index_1.default, { ...props },
53
+ react_1.default.createElement("div", null, "Children 1")));
54
+ client_1.ExpanderClient.init();
55
+ const expanders = client_1.ExpanderClient.init();
56
+ expect(expanders.length).toBe(0);
57
+ expect(document.querySelectorAll("[data-component='expander']").length).toBe(1);
58
+ });
59
+ it('expands and collapse', async () => {
60
+ const props = {
61
+ id: 'test-id',
62
+ };
63
+ (0, react_2.render)(react_1.default.createElement(index_1.default, { ...props },
64
+ react_1.default.createElement("div", null, "Children 1")));
65
+ const expanders = client_1.ExpanderClient.init();
66
+ const expanderButton = react_2.screen.getByText('Expand');
67
+ const collapserButton = react_2.screen.getByText('Collapse');
68
+ expect(expanderButton.getAttribute('aria-expanded')).toBe('false');
69
+ expect(expanderButton.getAttribute('aria-hidden')).toBe('false');
70
+ expect(collapserButton.getAttribute('aria-expanded')).toBe('false');
71
+ expect(collapserButton.getAttribute('aria-hidden')).toBe('true');
72
+ await expanderButton.click();
73
+ expect(expanderButton.getAttribute('aria-expanded')).toBe('true');
74
+ expect(expanders[0].container?.getAttribute('data-state')).toBe('expanded');
75
+ expect(expanderButton.getAttribute('aria-expanded')).toBe('true');
76
+ expect(expanderButton.getAttribute('aria-hidden')).toBe('true');
77
+ expect(collapserButton.getAttribute('aria-expanded')).toBe('true');
78
+ expect(collapserButton.getAttribute('aria-hidden')).toBe('false');
79
+ await collapserButton.click();
80
+ expect(expanders[0].container?.getAttribute('data-state')).toBe('collapsed');
81
+ expect(expanderButton.getAttribute('aria-expanded')).toBe('false');
82
+ expect(expanderButton.getAttribute('aria-hidden')).toBe('false');
83
+ expect(collapserButton.getAttribute('aria-expanded')).toBe('false');
84
+ expect(collapserButton.getAttribute('aria-hidden')).toBe('true');
85
+ });
86
+ it('track entire read only once', () => {
87
+ const props = {
88
+ id: 'test-id',
89
+ };
90
+ (0, react_2.render)(react_1.default.createElement(index_1.default, { ...props },
91
+ react_1.default.createElement("div", null, "Children 1")));
92
+ const expanders = client_1.ExpanderClient.init();
93
+ const spy = jest.spyOn(document.body, 'dispatchEvent');
94
+ spy.mockImplementation((event) => {
95
+ expect(event.detail.action).toBe('entire_read');
96
+ });
97
+ expanders[0].trackingEntireRead.observer.intersects();
98
+ expect(spy).toHaveBeenCalledTimes(1);
99
+ expanders[0].trackingEntireRead.observer.intersects();
100
+ expect(spy).toHaveBeenCalledTimes(1);
101
+ });
102
+ });
103
+ //# sourceMappingURL=index.spec.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/components/Expander/test/client/index.spec.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
7
+ // @ts-nocheck
8
+ const react_1 = __importDefault(require("react"));
9
+ const index_1 = __importDefault(require("../index"));
10
+ const react_2 = require("@testing-library/react");
11
+ describe('Expander template', () => {
12
+ it('renders', () => {
13
+ const props = {
14
+ id: 'test-id',
15
+ };
16
+ const tree = (0, react_2.render)(react_1.default.createElement(index_1.default, { ...props },
17
+ react_1.default.createElement("div", null, "Children 1"),
18
+ react_1.default.createElement("div", null, "Children 2")));
19
+ expect(tree.container.querySelector('[data-component="expander"]')).toBeTruthy();
20
+ expect(tree.container.querySelector('[data-state="collapsed"]')).toBeTruthy();
21
+ expect(tree.container.querySelector('.cp-expander--not-initialised')).toBeTruthy();
22
+ expect(react_2.screen.getByText('Expand')).toBeTruthy();
23
+ expect(react_2.screen.getByText('Collapse')).toBeTruthy();
24
+ expect(react_2.screen.getByText('Children 1')).toBeTruthy();
25
+ expect(react_2.screen.getByText('Children 2')).toBeTruthy();
26
+ });
27
+ it('with different labels', () => {
28
+ const props = {
29
+ id: 'test-id',
30
+ collapseLabel: 'Close',
31
+ expandLabel: 'Open',
32
+ };
33
+ (0, react_2.render)(react_1.default.createElement(index_1.default, { ...props },
34
+ react_1.default.createElement("div", null, "Children")));
35
+ expect(react_2.screen.getByText('Open')).toBeTruthy();
36
+ expect(react_2.screen.getByText('Close')).toBeTruthy();
37
+ });
38
+ it('with different state', () => {
39
+ const props = {
40
+ id: 'test-id',
41
+ state: 'expanded',
42
+ };
43
+ const tree = (0, react_2.render)(react_1.default.createElement(index_1.default, { ...props },
44
+ react_1.default.createElement("div", null, "Children")));
45
+ expect(tree.container.querySelector('[data-state="expanded"]')).toBeTruthy();
46
+ });
47
+ it('add class for only mobile', () => {
48
+ const props = {
49
+ id: 'test-id',
50
+ onlyMobile: true,
51
+ };
52
+ const tree = (0, react_2.render)(react_1.default.createElement(index_1.default, { ...props },
53
+ react_1.default.createElement("div", null, "Children")));
54
+ expect(tree.container.querySelector('.cp-expander--mobile-only')).toBeTruthy();
55
+ });
56
+ });
57
+ //# sourceMappingURL=index.spec.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/Expander/test/index.spec.tsx"],"names":[],"mappings":";;;;;AAAA,6DAA6D;AAC7D,cAAc;AACd,kDAAyB;AAEzB,qDAAkD;AAClD,kDAAuD;AAEvD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE;QACjB,MAAM,KAAK,GAAkB;YAC3B,EAAE,EAAE,SAAS;SACd,CAAA;QACD,MAAM,IAAI,GAAG,IAAA,cAAM,EACjB,8BAAC,eAAQ,OAAK,KAAK;YACjB,wDAAqB;YACrB,wDAAqB,CACZ,CACZ,CAAA;QACD,MAAM,CACJ,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAC5D,CAAC,UAAU,EAAE,CAAA;QACd,MAAM,CACJ,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,0BAA0B,CAAC,CACzD,CAAC,UAAU,EAAE,CAAA;QACd,MAAM,CACJ,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAC9D,CAAC,UAAU,EAAE,CAAA;QACd,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;QAC/C,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;QACjD,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;QACnD,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;IACrD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,KAAK,GAAkB;YAC3B,EAAE,EAAE,SAAS;YACb,aAAa,EAAE,OAAO;YACtB,WAAW,EAAE,MAAM;SACpB,CAAA;QACD,IAAA,cAAM,EACJ,8BAAC,eAAQ,OAAK,KAAK;YACjB,sDAAmB,CACV,CACZ,CAAA;QAED,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;QAC7C,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;IAChD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,MAAM,KAAK,GAAkB;YAC3B,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,UAAU;SAClB,CAAA;QACD,MAAM,IAAI,GAAG,IAAA,cAAM,EACjB,8BAAC,eAAQ,OAAK,KAAK;YACjB,sDAAmB,CACV,CACZ,CAAA;QACD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;IAC9E,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,KAAK,GAAkB;YAC3B,EAAE,EAAE,SAAS;YACb,UAAU,EAAE,IAAI;SACjB,CAAA;QACD,MAAM,IAAI,GAAG,IAAA,cAAM,EACjB,8BAAC,eAAQ,OAAK,KAAK;YACjB,sDAAmB,CACV,CACZ,CAAA;QACD,MAAM,CACJ,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAC1D,CAAC,UAAU,EAAE,CAAA;IAChB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
7
+ // @ts-nocheck
8
+ const react_1 = __importDefault(require("react"));
9
+ const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
10
+ const index_1 = __importDefault(require("../index"));
11
+ describe('Expander Snapshot', () => {
12
+ describe('component rendered on server', () => {
13
+ it('default render', () => {
14
+ const props = {
15
+ id: 'test-id',
16
+ };
17
+ const tree = react_test_renderer_1.default
18
+ .create(react_1.default.createElement(index_1.default, { ...props },
19
+ react_1.default.createElement("div", null, "Children 1"),
20
+ react_1.default.createElement("div", null, "Children 2")))
21
+ .toJSON();
22
+ expect(tree).toMatchSnapshot();
23
+ });
24
+ it('only on mobile', () => {
25
+ const props = {
26
+ id: 'test-id',
27
+ onlyMobile: true,
28
+ };
29
+ const tree = react_test_renderer_1.default
30
+ .create(react_1.default.createElement(index_1.default, { ...props },
31
+ react_1.default.createElement("div", null, "Children 1"),
32
+ react_1.default.createElement("div", null, "Children 2")))
33
+ .toJSON();
34
+ expect(tree).toMatchSnapshot();
35
+ });
36
+ it('with different labels', () => {
37
+ const props = {
38
+ id: 'test-id',
39
+ collapseLabel: 'Close',
40
+ expandLabel: 'Open',
41
+ };
42
+ const tree = react_test_renderer_1.default
43
+ .create(react_1.default.createElement(index_1.default, { ...props },
44
+ react_1.default.createElement("div", null, "Children 1"),
45
+ react_1.default.createElement("div", null, "Children 2")))
46
+ .toJSON();
47
+ expect(tree).toMatchSnapshot();
48
+ });
49
+ it('with different state', () => {
50
+ const props = {
51
+ id: 'test-id',
52
+ state: 'expanded',
53
+ };
54
+ const tree = react_test_renderer_1.default
55
+ .create(react_1.default.createElement(index_1.default, { ...props },
56
+ react_1.default.createElement("div", null, "Children 1"),
57
+ react_1.default.createElement("div", null, "Children 2")))
58
+ .toJSON();
59
+ expect(tree).toMatchSnapshot();
60
+ });
61
+ });
62
+ });
63
+ //# sourceMappingURL=snapshot.spec.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"snapshot.spec.js","sourceRoot":"","sources":["../../../../src/components/Expander/test/snapshot.spec.tsx"],"names":[],"mappings":";;;;;AAAA,6DAA6D;AAC7D,cAAc;AACd,kDAAyB;AACzB,8EAA0C;AAC1C,qDAAkD;AAElD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;QAC5C,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;YACxB,MAAM,KAAK,GAAkB;gBAC3B,EAAE,EAAE,SAAS;aACd,CAAA;YACD,MAAM,IAAI,GAAG,6BAAQ;iBAClB,MAAM,CACL,8BAAC,eAAQ,OAAK,KAAK;gBACjB,wDAAqB;gBACrB,wDAAqB,CACZ,CACZ;iBACA,MAAM,EAAE,CAAA;YACX,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;QAChC,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;YACxB,MAAM,KAAK,GAAkB;gBAC3B,EAAE,EAAE,SAAS;gBACb,UAAU,EAAE,IAAI;aACjB,CAAA;YACD,MAAM,IAAI,GAAG,6BAAQ;iBAClB,MAAM,CACL,8BAAC,eAAQ,OAAK,KAAK;gBACjB,wDAAqB;gBACrB,wDAAqB,CACZ,CACZ;iBACA,MAAM,EAAE,CAAA;YACX,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;QAChC,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;YAC/B,MAAM,KAAK,GAAkB;gBAC3B,EAAE,EAAE,SAAS;gBACb,aAAa,EAAE,OAAO;gBACtB,WAAW,EAAE,MAAM;aACpB,CAAA;YACD,MAAM,IAAI,GAAG,6BAAQ;iBAClB,MAAM,CACL,8BAAC,eAAQ,OAAK,KAAK;gBACjB,wDAAqB;gBACrB,wDAAqB,CACZ,CACZ;iBACA,MAAM,EAAE,CAAA;YACX,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;QAChC,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;YAC9B,MAAM,KAAK,GAAkB;gBAC3B,EAAE,EAAE,SAAS;gBACb,KAAK,EAAE,UAAU;aAClB,CAAA;YACD,MAAM,IAAI,GAAG,6BAAQ;iBAClB,MAAM,CACL,8BAAC,eAAQ,OAAK,KAAK;gBACjB,wDAAqB;gBACrB,wDAAqB,CACZ,CACZ;iBACA,MAAM,EAAE,CAAA;YACX,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;QAChC,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
@@ -87,7 +87,7 @@ function ImageSet(imageSet) {
87
87
  return (react_1.default.createElement(Wrapper, null,
88
88
  react_1.default.createElement("figure", { className: (imageSet.picture.layoutWidth &&
89
89
  figureClassNameMap[imageSet.picture.layoutWidth]) ??
90
- 'n-content-image', style: figureWidth(imageSet.picture) },
90
+ 'n-content-image', style: figureWidth(imageSet.picture), "data-component": "image-set" },
91
91
  react_1.default.createElement("picture", null,
92
92
  react_1.default.createElement(Sources, { images: imageSet.picture.images }),
93
93
  react_1.default.createElement(FallbackImage, { picture: imageSet.picture, image: imageSet.picture.fallbackImage, imageType: imageSet.picture.imageType || 'image', inSourceSet: true, isMainImage: imageSet.isMainImage })),
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ImageSet/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ImageSet/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ import { ExpanderClient } from '../../Expander/client';
2
+ export declare class LiveBlogPostClient {
3
+ static init(): ExpanderClient[];
4
+ }
5
+ export default LiveBlogPostClient;
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.LiveBlogPostClient = void 0;
4
+ const client_1 = require("../../Expander/client");
5
+ class LiveBlogPostClient {
6
+ static init() {
7
+ return client_1.ExpanderClient.init({ trackingData: { category: 'live-blog-post' } });
8
+ }
9
+ }
10
+ exports.LiveBlogPostClient = LiveBlogPostClient;
11
+ exports.default = LiveBlogPostClient;
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LiveBlogPost/client/index.ts"],"names":[],"mappings":";;;AAAA,kDAAsD;AAEtD,MAAa,kBAAkB;IAC7B,MAAM,CAAC,IAAI;QACT,OAAO,uBAAc,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAA;IAC9E,CAAC;CACF;AAJD,gDAIC;AAED,kBAAe,kBAAkB,CAAA"}
@@ -8,24 +8,14 @@ const react_1 = __importDefault(require("react"));
8
8
  const ShareButtons_1 = __importDefault(require("./ShareButtons"));
9
9
  const Timestamp_1 = __importDefault(require("./Timestamp"));
10
10
  const RichText_1 = __importDefault(require("../RichText"));
11
+ const Expander_1 = __importDefault(require("../Expander"));
11
12
  const classnames_1 = __importDefault(require("classnames"));
12
13
  const Headshot_1 = __importDefault(require("../Headshot"));
13
14
  const Byline_1 = __importDefault(require("../Byline"));
14
- const truncatedSelector = () => {
15
- const prefix = '.x-live-blog-post__body >';
16
- const selectors = [
17
- 'p',
18
- 'blockquote',
19
- 'ul',
20
- '.o-table-container',
21
- '.n-content-recommended--single-story',
22
- "[data-layout-name='card']",
23
- '.n-content-big-number',
24
- 'hr',
25
- '.n-content-tweet',
26
- "[data-layout-name='timeline']",
27
- ];
28
- return selectors.map((item) => `${prefix} ${item}`).join(',');
15
+ const html_react_parser_1 = __importDefault(require("html-react-parser"));
16
+ const TruncatedPost = ({ id, children }) => {
17
+ return (react_1.default.createElement("div", { "data-trackable": "truncated-post", "data-trackable-context-post": id, "data-trackable-category": "live-blog", className: "x-live-blog-post__body n-content-body article--body" },
18
+ react_1.default.createElement(Expander_1.default, { expandLabel: "Expand post", collapseLabel: "Collapse post", onlyMobile: true, id: `truncated-${id}` }, children)));
29
19
  };
30
20
  const LiveBlogPost = ({ id, postId, // Remove once wordpress is no longer in use
31
21
  title, content, // Remove once wordpress is no longer in use
@@ -38,12 +28,13 @@ standout = {}, articleUrl, showShareButtons = false, byline, ad, isPinned, indic
38
28
  let postBody;
39
29
  if (body && 'structured' in body) {
40
30
  // Content comes from cp-content-pipeline-api
41
- postBody = (react_1.default.createElement("div", { className: "x-live-blog-post__body n-content-body article--body" },
31
+ postBody = (react_1.default.createElement(TruncatedPost, { id: id },
42
32
  react_1.default.createElement(RichText_1.default, { structuredContent: body.structured })));
43
33
  }
44
34
  else {
35
+ const elements = (0, html_react_parser_1.default)(bodyHTML || content);
45
36
  // Content comes from next-es or wordpress
46
- postBody = (react_1.default.createElement("div", { className: "x-live-blog-post__body n-content-body article--body", dangerouslySetInnerHTML: { __html: bodyHTML || content } }));
37
+ postBody = react_1.default.createElement(TruncatedPost, { id: id }, elements);
47
38
  }
48
39
  const author = authors?.[0] ?? null;
49
40
  return (react_1.default.createElement("article", { className: (0, classnames_1.default)('x-live-blog-post', {
@@ -65,10 +56,7 @@ standout = {}, articleUrl, showShareButtons = false, byline, ad, isPinned, indic
65
56
  react_1.default.createElement(Byline_1.default, { structuredContent: byline, showEditedBy: false })))),
66
57
  showBreakingNewsLabel && (react_1.default.createElement("div", { className: "x-live-blog-post__breaking-news" }, "Breaking news")),
67
58
  title && react_1.default.createElement("h2", { className: "x-live-blog-post__title" }, title),
68
- isPinned ? (react_1.default.createElement("div", { "data-o-component": "o-expander", className: "o-expander", "data-o-expander-shrink-to": "1", "data-o-expander-item-selector": truncatedSelector(), "data-o-expander-collapsed-toggle-text": 'Expand post', "data-o-expander-expanded-toggle-text": 'Collapse post' },
69
- react_1.default.createElement("div", { className: "o-expander__content" }, postBody),
70
- react_1.default.createElement("a", { className: "o-expander__toggle o-expander__text--custom" },
71
- react_1.default.createElement("span", { className: "o-expander__visually-hidden" }, "\u00A0")))) : (postBody),
59
+ postBody,
72
60
  react_1.default.createElement("div", { className: "x-live-blog-post__controls" }, showShareButtons && (react_1.default.createElement(ShareButtons_1.default, { postId: id || postId, articleUrl: articleUrl, title: title }))),
73
61
  ad));
74
62
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LiveBlogPost/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LiveBlogPost/index.tsx"],"names":[],"mappings":"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"}
@@ -139,7 +139,7 @@ class BaseLiveBlogWrapper extends react_1.Component {
139
139
  return 0;
140
140
  });
141
141
  const postElements = posts.map((post, index) => (react_1.default.createElement(LiveBlogPost_1.LiveBlogPost, { key: `live-blog-post-${post.id}`, ...post, articleUrl: articleUrl, showShareButtons: showShareButtons, ad: ads[index] })));
142
- return (react_1.default.createElement("div", { className: "x-live-blog-wrapper", "data-live-blog-wrapper-id": id, ref: liveBlogWrapperElementRef }, postElements));
142
+ return (react_1.default.createElement("div", { className: "x-live-blog-wrapper", "data-live-blog-wrapper-id": id, ref: liveBlogWrapperElementRef, "data-component": "live-blog-wrapper" }, postElements));
143
143
  }
144
144
  }
145
145
  const LiveBlogWrapper = withLiveBlogWrapperActions(BaseLiveBlogWrapper);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LiveBlogWrapper/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LiveBlogWrapper/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kEAA+E;AAC/E,mDAA+C;AAC/C,mDAA+C;AAC/C,iDAA4C;AAC5C,kDAA8C;AAE9C,uDAAuD;AACvD,kCAAkC;AAClC,kHAAkH;AAElH,4FAA4F;AAC5F,MAAM,0BAA0B,GAAG,IAAA,2BAAW,EAAC;IAC7C,UAAU,CAAC,OAAY,EAAE,OAAY;QACnC,OAAO,CAAC,KAAU,EAAE,EAAE;YACpB,MAAM,iBAAiB,GAAG,IAAA,6BAAa,EAAC,OAAO,CAAC,CAAA;YAChD,MAAM,oBAAoB,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAC3C,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,iBAAiB,CAAC,EAAE,CAChD,CAAA;YACD,IAAI,CAAC,oBAAoB,EAAE;gBACzB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;gBACtC,IAAA,6BAAa,EAAC,OAAO,EAAE,6BAA6B,EAAE;oBACpD,IAAI,EAAE,iBAAiB;iBACxB,CAAC,CAAA;aACH;YAED,OAAO,KAAK,CAAA;QACd,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAeF,MAAM,mBAAoB,SAAQ,iBAA2C;IAC3E,YAAY,KAA2B;QACrC,KAAK,CAAC,KAAK,CAAC,CAAA;IACd,CAAC;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtE,IAAI,CAAC,KAAK,EAAE,CAAA;SACb;QACD,IACE,IAAI,CAAC,KAAK,CAAC,OAAO;YAClB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,EAChD;YACA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAA;YACvC,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;SACtD;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,CAAA;SAC7B;IACH,CAAC;IAED,KAAK;QACH,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GACzD,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,EAAE,CAAA;QAEpC,IAAI,CAAC,cAAc,EAAE;YACnB,OAAM;SACP;QAED,IACE,OAAO,gBAAgB,KAAK,UAAU;YACtC,OAAO,MAAM,KAAK,UAAU;YAC5B,OAAO,OAAO,KAAK,UAAU,EAC7B;YACA,sCAAsC;YACtC,OAAO,CAAC,KAAK,CACX,0FAA0F,CAC3F,CAAA;YACD,OAAM;SACP;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CACpC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,EACrC,IAAI,CAAC,KAAK,CAAC,EAAE,CACd,CAAA;QACD,IAAI,CAAC,QAAQ,CAAC;YACZ,OAAO;SACR,CAAC,CAAA;IACJ,CAAC;IAED;;;;;;;;OAQG;IACH,iBAAiB,CAAC,SAAc,EAAE,EAAU;QAC1C;;WAEG;QACH,MAAM,MAAM,GAAG;YACb,KAAK,EACH,2EAA2E;YAC7E,uBAAuB,EAAE,IAAI;YAC7B,oBAAoB,EAAE,IAAI;YAC1B,yBAAyB,EAAE,6BAA6B;YACxD,oBAAoB,EAAE,kCAAkC,EAAE,IAAI;YAC9D,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,yBAAyB;gBACnD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,yBAAyB,CAAC,OAAO;gBAC9C,CAAC,CAAC,SAAS;YACb,gBAAgB,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,CAAC;YACnE,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;YAC/C,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;SAClD,CAAA;QAED;;WAEG;QACH,OAAO,IAAI,0BAAW,CAAC,MAAM,CAAC,CAAA;IAChC,CAAC;IAED,MAAM;QACJ,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,GAAG,GAAG,EAAE,EACR,UAAU,EACV,gBAAgB,EAChB,EAAE,EACF,yBAAyB,GAC1B,GAAG,IAAI,CAAC,KAAK,CAAA;QAEd,8FAA8F;QAC9F,KAAK,CAAC,IAAI,CACR,CACE,CAIC,EACD,CAIC,EACD,EAAE;YACF,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE;gBAC7B,OAAO,CAAC,CAAC,CAAA,CAAC,6CAA6C;aACxD;YAED,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE;gBAC7B,OAAO,CAAC,CAAA,CAAC,6CAA6C;aACvD;YAED,yDAAyD;YACzD,MAAM,UAAU,GAAG,CAAC,CAAC,aAAa,IAAI,CAAC,CAAC,kBAAkB,CAAA;YAC1D,MAAM,UAAU,GAAG,CAAC,CAAC,aAAa,IAAI,CAAC,CAAC,kBAAkB,CAAA;YAE1D,qBAAqB;YACrB,IAAI,UAAU,GAAG,UAAU,EAAE;gBAC3B,OAAO,CAAC,CAAC,CAAA;aACV;YAED,IAAI,UAAU,GAAG,UAAU,EAAE;gBAC3B,OAAO,CAAC,CAAA;aACT;YAED,OAAO,CAAC,CAAA;QACV,CAAC,CACF,CAAA;QAED,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,CAC3D,8BAAC,2BAAY,IACX,GAAG,EAAE,kBAAkB,IAAI,CAAC,EAAE,EAAE,KAC5B,IAAI,EACR,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,EAAE,EAAE,GAAG,CAAC,KAAK,CAAC,GACd,CACH,CAAC,CAAA;QAEF,OAAO,CACL,uCACE,SAAS,EAAC,qBAAqB,+BACJ,EAAE,EAC7B,GAAG,EAAE,yBAAyB,oBACf,mBAAmB,IAEjC,YAAY,CACT,CACP,CAAA;IACH,CAAC;CACF;AAED,MAAM,eAAe,GAAG,0BAA0B,CAAC,mBAAmB,CAAC,CAAA;AAI9D,0CAAe;AAHxB,kEAAkE;AAClE,IAAA,iCAAiB,EAAC,eAAe,EAAE,iBAAiB,CAAC,CAAA"}
@@ -18,7 +18,7 @@ function Recommended({ heading, teaser, isInLiveBlog, }) {
18
18
  }
19
19
  return (react_1.default.createElement("aside", { "aria-labelledby": "aside-label", className: (0, classnames_1.default)('n-content-recommended--single-story', {
20
20
  'n-content-recommended--inset': !isInLiveBlog,
21
- }) },
21
+ }), "data-component": "recommended" },
22
22
  !isInLiveBlog && (react_1.default.createElement("p", { className: "n-content-recommended__title" }, heading)),
23
23
  react_1.default.createElement(Teaser_cjs_1.Teaser, { modifiers: isInLiveBlog ? ['post'] : ['stacked'], ...Teaser_cjs_1.presets.SmallHeavy, ...teaser })));
24
24
  }