@financial-times/cp-content-pipeline-ui 6.6.3 → 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.
- package/CHANGELOG.md +15 -0
- package/lib/components/Clip/client/index.d.ts +2 -0
- package/lib/components/Clip/client/index.js +25 -0
- package/lib/components/Clip/client/index.js.map +1 -1
- package/lib/components/Clip/components/Container.js +2 -2
- package/lib/components/Clip/components/Container.js.map +1 -1
- package/lib/components/Clip/template/index.js +0 -1
- package/lib/components/Clip/template/index.js.map +1 -1
- package/lib/components/Clip/test/index.spec.js +30 -0
- package/lib/components/Clip/test/index.spec.js.map +1 -1
- package/lib/components/Expander/client/index.d.ts +49 -0
- package/lib/components/Expander/client/index.js +124 -0
- package/lib/components/Expander/client/index.js.map +1 -0
- package/lib/components/Expander/index.d.ts +15 -0
- package/lib/components/Expander/index.js +27 -0
- package/lib/components/Expander/index.js.map +1 -0
- package/lib/components/Expander/test/client/index.spec.d.ts +1 -0
- package/lib/components/Expander/test/client/index.spec.js +103 -0
- package/lib/components/Expander/test/client/index.spec.js.map +1 -0
- package/lib/components/Expander/test/index.spec.d.ts +1 -0
- package/lib/components/Expander/test/index.spec.js +57 -0
- package/lib/components/Expander/test/index.spec.js.map +1 -0
- package/lib/components/Expander/test/snapshot.spec.d.ts +1 -0
- package/lib/components/Expander/test/snapshot.spec.js +63 -0
- package/lib/components/Expander/test/snapshot.spec.js.map +1 -0
- package/lib/components/ImageSet/index.js +1 -1
- package/lib/components/ImageSet/index.js.map +1 -1
- package/lib/components/LiveBlogPost/client/index.d.ts +5 -0
- package/lib/components/LiveBlogPost/client/index.js +12 -0
- package/lib/components/LiveBlogPost/client/index.js.map +1 -0
- package/lib/components/LiveBlogPost/index.js +9 -21
- package/lib/components/LiveBlogPost/index.js.map +1 -1
- package/lib/components/LiveBlogWrapper/index.js +1 -1
- package/lib/components/LiveBlogWrapper/index.js.map +1 -1
- package/lib/components/Recommended/index.js +1 -1
- package/lib/components/Recommended/index.js.map +1 -1
- package/lib/components/RichText/index.d.ts +1 -1
- package/lib/components/Table/index.js +1 -1
- package/lib/components/Table/index.js.map +1 -1
- package/lib/components/Video/index.js +1 -1
- package/lib/components/Video/index.js.map +1 -1
- package/lib/components/YoutubeVideo/index.js +1 -1
- package/lib/components/YoutubeVideo/index.js.map +1 -1
- package/lib/stories/Clip.stories.d.ts +2 -1
- package/lib/stories/Clip.stories.js +5 -5
- package/lib/stories/Clip.stories.js.map +1 -1
- package/lib/stories/Expander.stories.d.ts +54 -0
- package/lib/stories/Expander.stories.js +142 -0
- package/lib/stories/Expander.stories.js.map +1 -0
- package/package.json +3 -5
- package/src/components/Clip/client/index.ts +37 -0
- package/src/components/Clip/client/main.scss +28 -0
- package/src/components/Clip/components/Container.tsx +10 -3
- package/src/components/Clip/template/index.ts +0 -1
- package/src/components/Clip/test/__snapshots__/snapshot.spec.tsx.snap +8 -8
- package/src/components/Clip/test/index.spec.ts +45 -0
- package/src/components/Expander/client/index.ts +197 -0
- package/src/components/Expander/client/main.scss +162 -0
- package/src/components/Expander/index.tsx +74 -0
- package/src/components/Expander/test/__snapshots__/snapshot.spec.tsx.snap +225 -0
- package/src/components/Expander/test/client/index.spec.tsx +129 -0
- package/src/components/Expander/test/index.spec.tsx +77 -0
- package/src/components/Expander/test/snapshot.spec.tsx +73 -0
- package/src/components/ImageSet/index.tsx +1 -0
- package/src/components/LiveBlogPost/client/index.ts +9 -0
- package/src/components/LiveBlogPost/index.tsx +29 -42
- package/src/components/LiveBlogWrapper/index.tsx +1 -0
- package/src/components/Recommended/index.tsx +1 -0
- package/src/components/Table/index.tsx +1 -0
- package/src/components/Video/index.tsx +4 -1
- package/src/components/YoutubeVideo/index.tsx +4 -1
- package/src/stories/Clip.stories.tsx +3 -2
- package/src/stories/Expander.stories.scss +3 -0
- package/src/stories/Expander.stories.tsx +159 -0
- 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 @@
|
|
|
1
|
+
export {};
|
|
@@ -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":";;;;;;AAAA,kDAAgD;AAkBhD,MAAM,eAAe,GAAG,CAAC,SAAgC,EAAE,EAAE,CAC3D,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAE5D,MAAM,kBAAkB,GAGpB;IACF,WAAW,EACT,uEAAuE;IACzE,YAAY,EAAE,yCAAyC;IACvD,QAAQ,EAAE,uCAAuC;CAClD,CAAA;AAYD,MAAM,qBAAqB,GAAG,CAC5B,KAAoB,EACyB,EAAE;IAC/C,QAAQ,KAAK,CAAC,MAAM,EAAE;QACpB,KAAK,QAAQ;YACX,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAA;QAC1B,KAAK,SAAS;YACZ,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAA;QAC1B,KAAK,UAAU,CAAC;QAChB,KAAK,iBAAiB;YACpB,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAA;KAC3B;AACH,CAAC,CAAA;AAID,MAAM,iBAAiB,GAAG,CAAC,UAAsB,EAAU,EAAE,CAC3D;IACE,UAAU,CAAC,QAAQ,IAAI,eAAe,UAAU,CAAC,QAAQ,KAAK;IAC9D,UAAU,CAAC,QAAQ,IAAI,eAAe,UAAU,CAAC,QAAQ,KAAK;IAC9D,UAAU,CAAC,WAAW,IAAI,iBAAiB,UAAU,CAAC,WAAW,GAAG;CACrE;KACE,MAAM,CAAC,OAAO,CAAC;KACf,IAAI,CAAC,OAAO,CAAC,CAAA;AAElB,SAAS,YAAY,CAAC,KAAoB;IACxC,OAAO,KAAK,IAAI,WAAW,IAAI,KAAK,CAAA;AACtC,CAAC;AAED,SAAS,oBAAoB,CAC3B,WAAyC;IAEzC,OAAO,OAAO,CAAC,WAAW,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,YAAY,MAAM,CAAC,CAAA;AAChF,CAAC;AAOD,SAAS,WAAW,CAAC,OAAwB;IAC3C,IAAI,OAAO,CAAC,WAAW,KAAK,YAAY,EAAE;QACxC,MAAM,aAAa,GAAG,GAAG,CAAA;QACzB,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,aAAa,CAAA;QACvD,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;QAExC,MAAM,qBAAqB,GACzB,MAAM,IAAI,KAAK,GAAG,MAAM,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,GAAG,GAAG,CAAA;QACxD,MAAM,eAAe,GAAG,qBAAqB;YAC3C,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAA;QAE9C,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAA;KACpD;AACH,CAAC;AAED,SAAS,MAAM,CAAC,EACd,KAAK,EACL,cAAc,GAAG,qBAAqB,GAC1B;IACZ,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;IACzC,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IACD,MAAM,eAAe,GAAG,oBAAoB,CAAC,WAAW,CAAC;QACvD,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA;IAC9B,OAAO,CACL,8DACG,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC;SAC7B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE;QACzB,MAAM,SAAS,GAAI,KAA0B,CAAC,GAAG,CAAC,CAAA;QAClD,OAAO,CACL,SAAS,IAAI,CACX,0CACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,iBAAiB,CAAC,UAAU,CAAC,EACpC,MAAM,EAAE,eAAe,CAAC,SAAS,CAAC,EAClC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,SAAS,GACjC,CACH,CACF,CAAA;IACH,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CACxB,CACJ,CAAA;AACH,CAAC;AAOD,SAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,cAAc,EAAgB;IAC9D,OAAO,CACL,8DACG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,8BAAC,MAAM,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,GAAI,CACrE,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AARD,0BAQC;AAED,4DAA4D;AAC5D,SAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,GAAG,OAAO,EACnB,OAAO,EACP,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,WAAW,GAAG,KAAK,GAQpB;IACC,MAAM,OAAO,GAAG,WAAW;QACzB,CAAC,CAAC,eAAK,CAAC,QAAQ;QAChB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE,CAAC,CACnC,0CAAQ,SAAS,EAAC,iBAAiB,IAAE,QAAQ,CAAU,CACxD,CAAA;IAEL,OAAO,CACL,8BAAC,OAAO;QACN,uCACE,GAAG,EACD,YAAY,CAAC,KAAK,CAAC;gBACjB,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG;gBACzB,CAAC,CAAC,KAAK,EAAE,GAAG,IAAI,SAAS,EAE7B,MAAM,EACJ,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAEpE,GAAG,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,qBACN,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,SAAS,EACjC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GACvC,CACM,CACX,CAAA;AACH,CAAC;AAzCD,sCAyCC;AAED,SAAwB,QAAQ,CAC9B,QAAsD;IAEtD,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE;QAC7B,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,OAAO,GACX,QAAQ,CAAC,OAAO,CAAC,WAAW,KAAK,WAAW;QAC1C,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE,CAAC,CACnC,uCAAK,SAAS,EAAC,kBAAkB,uBAAmB,WAAW,IAC5D,QAAQ,CACL,CACP;QACH,CAAC,CAAC,eAAK,CAAC,QAAQ,CAAA;IAEpB,OAAO,CACL,8BAAC,OAAO;QACN,0CACE,SAAS,EACP,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW;gBAC3B,kBAAkB,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;gBACnD,iBAAiB,EAEnB,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,oBACrB,WAAW;YAE1B;gBACE,8BAAC,OAAO,IAAC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAI;gBAC5C,8BAAC,aAAa,IACZ,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,aAAa,EACrC,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,SAAS,IAAI,OAAO,EAChD,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,QAAQ,CAAC,WAAW,GACjC,CACM;YACT,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CACxD,8CAAY,SAAS,EAAC,4BAA4B;gBAChD,4CAAO,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAQ;gBACvC;oBACG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;oBACnC,QAAQ,CAAC,OAAO,CAAC,MAAM,CACnB,CACI,CACd,CACM,CACD,CACX,CAAA;AACH,CAAC;AAjDD,2BAiDC"}
|
|
@@ -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
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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(
|
|
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 =
|
|
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
|
-
|
|
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":";;;;;;AAAA,kDAAyB;AACzB,kEAAyC;AACzC,4DAAmC;AACnC,2DAAkC;AAClC,4DAAmC;AACnC,2DAAkC;AAClC,uDAA8B;
|
|
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":"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"}
|
|
@@ -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
|
}
|