@financial-times/cp-content-pipeline-ui 7.11.1 → 8.0.1
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/.storybook/preview-body.html +1 -0
- package/.toolkitrc.yml +1 -7
- package/CHANGELOG.md +51 -0
- package/lib/components/ArticleInfo/index.d.ts +3 -3
- package/lib/components/ArticleInfo/index.js +7 -7
- package/lib/components/ArticleInfo/index.js.map +1 -1
- package/lib/components/BackToTopButton/client/index.js +1 -1
- package/lib/components/BackToTopButton/client/index.js.map +1 -1
- package/lib/components/Byline/index.js +2 -2
- package/lib/components/Byline/index.js.map +1 -1
- package/lib/components/LiveBlogPost/ShareLinkButton.js +2 -2
- package/lib/components/LiveBlogPost/ShareLinkButton.js.map +1 -1
- package/lib/components/LiveBlogPost/Timestamp.js +2 -2
- package/lib/components/LiveBlogPost/Timestamp.js.map +1 -1
- package/lib/components/LiveBlogPost/index.d.ts +0 -7
- package/lib/components/LiveBlogPost/index.js +6 -9
- package/lib/components/LiveBlogPost/index.js.map +1 -1
- package/lib/components/LiveBlogWrapper/test/index.spec.js +0 -2
- package/lib/components/LiveBlogWrapper/test/index.spec.js.map +1 -1
- package/lib/components/RichText/BasicComponents.js +4 -4
- package/lib/components/RichText/BasicComponents.js.map +1 -1
- package/lib/components/Topper/LiveBlogIndicator.js +1 -1
- package/lib/components/Topper/LiveBlogIndicator.js.map +1 -1
- package/lib/components/body-components/ArticleBody/index.js +1 -1
- package/lib/components/body-components/ArticleBody/index.js.map +1 -1
- package/lib/components/body-components/ContentPackageBody/index.js +2 -2
- package/lib/components/body-components/ContentPackageBody/index.js.map +1 -1
- package/lib/components/body-components/PodcastBody/index.js +2 -2
- package/lib/components/body-components/PodcastBody/index.js.map +1 -1
- package/lib/components/content-tree/BigNumber/index.js +3 -3
- package/lib/components/content-tree/BigNumber/index.js.map +1 -1
- package/lib/components/content-tree/Clip/client/index.js +4 -2
- package/lib/components/content-tree/Clip/client/index.js.map +1 -1
- package/lib/components/content-tree/Clip/components/Caption.js +1 -1
- package/lib/components/content-tree/Clip/components/Caption.js.map +1 -1
- package/lib/components/content-tree/Clip/components/VideoDescription.js +7 -8
- package/lib/components/content-tree/Clip/components/VideoDescription.js.map +1 -1
- package/lib/components/content-tree/Clip/components/VideoInfoBox.js +1 -1
- package/lib/components/content-tree/Clip/components/VideoInfoBox.js.map +1 -1
- package/lib/components/content-tree/Heading/index.js +3 -3
- package/lib/components/content-tree/Heading/index.js.map +1 -1
- package/lib/components/content-tree/ImageSet/index.js +1 -1
- package/lib/components/content-tree/ImageSet/index.js.map +1 -1
- package/lib/components/content-tree/Pullquote/index.js +3 -4
- package/lib/components/content-tree/Pullquote/index.js.map +1 -1
- package/lib/components/content-tree/Recommended/index.js +1 -1
- package/lib/components/content-tree/Recommended/index.js.map +1 -1
- package/lib/stories/BackToTop.stories.js +1 -1
- package/lib/stories/BackToTop.stories.js.map +1 -1
- package/lib/stories/Clip.stories.js +2 -2
- package/lib/stories/Clip.stories.js.map +1 -1
- package/lib/stories/Expander.stories.js +2 -2
- package/lib/stories/Expander.stories.js.map +1 -1
- package/lib/stories/LiveBlogPost.stories.js +0 -1
- package/lib/stories/LiveBlogPost.stories.js.map +1 -1
- package/package.json +12 -12
- package/src/components/ArticleInfo/index.tsx +13 -13
- package/src/components/BackToTopButton/client/index.tsx +2 -1
- package/src/components/BackToTopButton/client/main.scss +6 -25
- package/src/components/Body/__snapshots__/index.test.tsx.snap +10 -10
- package/src/components/Byline/index.tsx +2 -2
- package/src/components/Expander/client/main.scss +18 -11
- package/src/components/LiveBlogPost/ShareLinkButton.tsx +5 -2
- package/src/components/LiveBlogPost/Timestamp.tsx +2 -2
- package/src/components/LiveBlogPost/index.tsx +10 -20
- package/src/components/LiveBlogWrapper/test/index.spec.tsx +0 -2
- package/src/components/RichText/BasicComponents.tsx +14 -4
- package/src/components/Topper/LiveBlogIndicator.tsx +1 -1
- package/src/components/Topper/__snapshots__/LiveBlogIndicator.spec.tsx.snap +2 -2
- package/src/components/body-components/ArticleBody/index.tsx +1 -1
- package/src/components/body-components/ContentPackageBody/index.tsx +2 -2
- package/src/components/body-components/PodcastBody/index.tsx +2 -2
- package/src/components/content-tree/BigNumber/index.tsx +5 -3
- package/src/components/content-tree/Clip/client/index.ts +4 -2
- package/src/components/content-tree/Clip/client/main.scss +94 -47
- package/src/components/content-tree/Clip/client/progressBar.scss +6 -5
- package/src/components/content-tree/Clip/components/Caption.tsx +4 -1
- package/src/components/content-tree/Clip/components/VideoDescription.tsx +21 -19
- package/src/components/content-tree/Clip/components/VideoInfoBox.tsx +3 -1
- package/src/components/content-tree/Clip/components/_caption.scss +2 -3
- package/src/components/content-tree/Clip/components/_clip-tag.scss +2 -1
- package/src/components/content-tree/Clip/components/_video-description.scss +42 -39
- package/src/components/content-tree/Clip/components/_video-info-box.scss +30 -35
- package/src/components/content-tree/Clip/test/__snapshots__/snapshot.spec.tsx.snap +62 -23
- package/src/components/content-tree/Heading/index.tsx +15 -3
- package/src/components/content-tree/ImageSet/index.tsx +1 -1
- package/src/components/content-tree/Pullquote/index.tsx +12 -8
- package/src/components/content-tree/Recommended/index.tsx +3 -1
- package/src/stories/BackToTop.stories.tsx +1 -1
- package/src/stories/Clip.stories.tsx +2 -2
- package/src/stories/Expander.stories.tsx +2 -2
- package/src/stories/LiveBlogPost.stories.tsx +0 -1
- package/src/stories/article-page.scss +9 -32
- package/tsconfig.tsbuildinfo +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<html data-o3-brand="core"></html>
|
package/.toolkitrc.yml
CHANGED
package/CHANGELOG.md
CHANGED
|
@@ -574,6 +574,57 @@
|
|
|
574
574
|
* @financial-times/cp-content-pipeline-client bumped from ^3.7.2 to ^3.7.3
|
|
575
575
|
* @financial-times/cp-content-pipeline-schema bumped from ^2.10.1 to ^2.10.2
|
|
576
576
|
|
|
577
|
+
## [8.0.1](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v8.0.0...cp-content-pipeline-ui-v8.0.1) (2025-04-02)
|
|
578
|
+
|
|
579
|
+
|
|
580
|
+
### Bug Fixes
|
|
581
|
+
|
|
582
|
+
* remove dependency on o-header and hardcode $o-header-sticky-height ([d90f812](https://github.com/Financial-Times/cp-content-pipeline/commit/d90f81212f4913c1b374884d83674e4f54deda99))
|
|
583
|
+
|
|
584
|
+
## [8.0.0](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v7.11.1...cp-content-pipeline-ui-v8.0.0) (2025-03-31)
|
|
585
|
+
|
|
586
|
+
|
|
587
|
+
### ⚠ BREAKING CHANGES
|
|
588
|
+
|
|
589
|
+
* migrate o3-colors
|
|
590
|
+
|
|
591
|
+
### Features
|
|
592
|
+
|
|
593
|
+
* add data-o3-brand to storybook ([7ed2244](https://github.com/Financial-Times/cp-content-pipeline/commit/7ed2244a79efcc4add5672017c0f487fccbecf12))
|
|
594
|
+
* clean up back-to-top classes ([976cc6c](https://github.com/Financial-Times/cp-content-pipeline/commit/976cc6cd3c78ea76ca0e9bae6c2b75c1b25b2da9))
|
|
595
|
+
* fix the play and replay icons on in article videos ([69e1459](https://github.com/Financial-Times/cp-content-pipeline/commit/69e1459efe7abc34d705f4a37d44f64aa37946c4))
|
|
596
|
+
* improving font styling of video elements ([2babb26](https://github.com/Financial-Times/cp-content-pipeline/commit/2babb2637a5420df063cd36e022f0e1aa2f4afae))
|
|
597
|
+
* manual migration to o3-typography using use case tokens ([6523e3c](https://github.com/Financial-Times/cp-content-pipeline/commit/6523e3c351c809d7db8426fca54817ef5fd79bba))
|
|
598
|
+
* manually update from o-colors ([94acd7b](https://github.com/Financial-Times/cp-content-pipeline/commit/94acd7b919bcf45651db58df8c81c78a8e74e489))
|
|
599
|
+
* migrate from o-editorial-typography to o3-editorial-typography ([19f2279](https://github.com/Financial-Times/cp-content-pipeline/commit/19f22794375547ebb158681fdac3e8d115c66e00))
|
|
600
|
+
* migrate o-buttons to o3-button ([8f3f13d](https://github.com/Financial-Times/cp-content-pipeline/commit/8f3f13dcce4d013cc5e42f610119553ccdea7f3a))
|
|
601
|
+
* migrate o-fonts to o3 ([362dea7](https://github.com/Financial-Times/cp-content-pipeline/commit/362dea7ca50dda66cabd826128074aea46ac14ca))
|
|
602
|
+
* migrate o-icons to o3 ([3877fa4](https://github.com/Financial-Times/cp-content-pipeline/commit/3877fa4a88b637aa500b7cf33b2633b2af06f062))
|
|
603
|
+
* migrate o-spacing ([0b5b2e2](https://github.com/Financial-Times/cp-content-pipeline/commit/0b5b2e23f397d34d5c212f6a745f3c69906d7429))
|
|
604
|
+
* migrate o3-colors ([2939df2](https://github.com/Financial-Times/cp-content-pipeline/commit/2939df280d8d4a085d43282e58bd03d91da87347))
|
|
605
|
+
* migrate to o3-editorial-typography from o-quote ([620b207](https://github.com/Financial-Times/cp-content-pipeline/commit/620b207a0b0183fbf13c3a2ddbd484c13e372c82))
|
|
606
|
+
* migrate to o3-typography ([cfa00c8](https://github.com/Financial-Times/cp-content-pipeline/commit/cfa00c8b2c82809859ecd5f74aa877532a3a2a75))
|
|
607
|
+
* migrates o3 normalise, label & tease ([63d5f20](https://github.com/Financial-Times/cp-content-pipeline/commit/63d5f2016458877d5ad17caf7a84e814943196a9))
|
|
608
|
+
* removing isBreakingNews and standout from LiveBlogPost ([2d6c3f2](https://github.com/Financial-Times/cp-content-pipeline/commit/2d6c3f244ce6861cf82d4f9fdad5fa6f5674b932))
|
|
609
|
+
* resolving merge conflicts ([94acd7b](https://github.com/Financial-Times/cp-content-pipeline/commit/94acd7b919bcf45651db58df8c81c78a8e74e489))
|
|
610
|
+
* turn the BigNumber component into an o3 editorial typography class ([c7d41a0](https://github.com/Financial-Times/cp-content-pipeline/commit/c7d41a0cc344f414bce40d48e64264d55d6a62f9))
|
|
611
|
+
* typography migration script ([b2e94da](https://github.com/Financial-Times/cp-content-pipeline/commit/b2e94daa248c088f9b4e6e19238d930c4790bc25))
|
|
612
|
+
* update clip typography ([9448e5c](https://github.com/Financial-Times/cp-content-pipeline/commit/9448e5c8f9d7416be0f02fab13457593733f0a7c))
|
|
613
|
+
* update o-expander, o-share & o-grid ([5e1c731](https://github.com/Financial-Times/cp-content-pipeline/commit/5e1c731422025bd936f4bf85081603aa3d07682f))
|
|
614
|
+
* updating classes and removing unused css ([3e79a77](https://github.com/Financial-Times/cp-content-pipeline/commit/3e79a77f1030f4d20ae01629dd15ee355a1f4a1a))
|
|
615
|
+
* updating css use-case tokens ([509e6b1](https://github.com/Financial-Times/cp-content-pipeline/commit/509e6b12bc81713a02ebcd3558634cd2b284c9f3))
|
|
616
|
+
* updating typography of video info box ([9607177](https://github.com/Financial-Times/cp-content-pipeline/commit/96071777a678265d887e0d102642fd679f4769e5))
|
|
617
|
+
* use o3 byline ([f881863](https://github.com/Financial-Times/cp-content-pipeline/commit/f881863f7149379e465bc2783cb40f6c130ebbd7))
|
|
618
|
+
* use o3-editorial-typography-caption token ([67125e7](https://github.com/Financial-Times/cp-content-pipeline/commit/67125e761faad0672c3f452374cfbe836ee95285))
|
|
619
|
+
* use o3-type-detail for visually hidden button ([4fefecb](https://github.com/Financial-Times/cp-content-pipeline/commit/4fefecb6c9d3a851c4bd4273db7a66cd059efcea))
|
|
620
|
+
* use o3-type-label and o3-type detail instead of individual styles ([485e58a](https://github.com/Financial-Times/cp-content-pipeline/commit/485e58a0d34df6a32d7651b6a00b64eda4e1339a))
|
|
621
|
+
|
|
622
|
+
|
|
623
|
+
### Bug Fixes
|
|
624
|
+
|
|
625
|
+
* add font-family where missing, and tidy up font-sizes ([91e43c1](https://github.com/Financial-Times/cp-content-pipeline/commit/91e43c17a2d8bc1ac44285ef74b46cab74e4f183))
|
|
626
|
+
* adding body-content-base to design-themed articles ([2ab405e](https://github.com/Financial-Times/cp-content-pipeline/commit/2ab405e289ff26cdf9fef74a8d929eeeb7500883))
|
|
627
|
+
|
|
577
628
|
## [7.11.1](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v7.11.0...cp-content-pipeline-ui-v7.11.1) (2025-02-28)
|
|
578
629
|
|
|
579
630
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import type { ArticleQuery } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ArticleQuery } from '@financial-times/cp-content-pipeline-client';
|
|
3
3
|
type ArticleInfoProps = {
|
|
4
|
-
content: ArticleQuery[
|
|
4
|
+
content: ArticleQuery['content'];
|
|
5
5
|
};
|
|
6
6
|
declare const ArticleInfo: React.FC<React.PropsWithChildren<ArticleInfoProps>>;
|
|
7
7
|
export default ArticleInfo;
|
|
@@ -7,9 +7,9 @@ const react_1 = __importDefault(require("react"));
|
|
|
7
7
|
const Byline_1 = __importDefault(require("../Byline"));
|
|
8
8
|
const ft_date_format_1 = __importDefault(require("@financial-times/ft-date-format"));
|
|
9
9
|
const ArticleInfo = ({ children, content, }) => {
|
|
10
|
-
const isLiveBlogPackage = content.__typename ===
|
|
11
|
-
const formattedFirstPublishedDate = ft_date_format_1.default.format(new Date(content.firstPublishedDate),
|
|
12
|
-
const formattedPublishedDate = ft_date_format_1.default.format(new Date(content.publishedTimestamp),
|
|
10
|
+
const isLiveBlogPackage = content.__typename === 'LiveBlogPackage';
|
|
11
|
+
const formattedFirstPublishedDate = ft_date_format_1.default.format(new Date(content.firstPublishedDate), 'date');
|
|
12
|
+
const formattedPublishedDate = ft_date_format_1.default.format(new Date(content.publishedTimestamp), 'date');
|
|
13
13
|
const displayPublishedDate = content.publishedDate && !isLiveBlogPackage;
|
|
14
14
|
const displayUpdatedDate = new Date(content.firstPublishedDate).getTime() !==
|
|
15
15
|
content.publishedTimestamp;
|
|
@@ -17,18 +17,18 @@ const ArticleInfo = ({ children, content, }) => {
|
|
|
17
17
|
24 * 60 * 60 * 1000;
|
|
18
18
|
return (react_1.default.createElement("div", { className: "article-info" },
|
|
19
19
|
react_1.default.createElement("div", { className: "article-info__time-byline-row" },
|
|
20
|
-
react_1.default.createElement("div", { className: "article-info__time-byline-content" }, content.byline && content.__typename !==
|
|
20
|
+
react_1.default.createElement("div", { className: "article-info__time-byline-content" }, content.byline && content.__typename !== 'Audio' && (react_1.default.createElement(Byline_1.default, { structuredContent: content.byline, showEditedBy: isLiveBlogPackage }))),
|
|
21
21
|
!displayPublishedDate && children),
|
|
22
22
|
displayPublishedDate && (react_1.default.createElement("div", { className: "article-info__time-byline-row" },
|
|
23
23
|
react_1.default.createElement("div", { className: "article-info__time-byline-content" },
|
|
24
24
|
react_1.default.createElement("p", { className: "article-info__timestamp-item" },
|
|
25
25
|
"Published",
|
|
26
26
|
react_1.default.createElement("time", { "data-o-component": "o-date", ...(isPublishedMoreThanOneDayAgo
|
|
27
|
-
? {
|
|
28
|
-
: {}), className: "article-info__timestamp o-date", dateTime: content.firstPublishedDate }, formattedFirstPublishedDate)),
|
|
27
|
+
? { 'data-o-date-format': 'MMM d yyyy' }
|
|
28
|
+
: {}), className: "article-info__timestamp o3-editorial-typography-byline-timestamp o-date", dateTime: content.firstPublishedDate }, formattedFirstPublishedDate)),
|
|
29
29
|
displayUpdatedDate && (react_1.default.createElement("p", { className: "article-info__timestamp-item article-info__updated-timestamp" },
|
|
30
30
|
"Updated",
|
|
31
|
-
react_1.default.createElement("time", { "data-o-component": "o-date", "data-o-date-format": isPublishedMoreThanOneDayAgo ?
|
|
31
|
+
react_1.default.createElement("time", { "data-o-component": "o-date", "data-o-date-format": isPublishedMoreThanOneDayAgo ? 'MMM d yyyy, HH:mm' : 'HH:mm', className: "article-info__timestamp o3-editorial-typography-byline-timestamp o-date", dateTime: content.publishedDate }, formattedPublishedDate)))),
|
|
32
32
|
children))));
|
|
33
33
|
};
|
|
34
34
|
exports.default = ArticleInfo;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ArticleInfo/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,uDAA8B;AAE9B,qFAA0D;AAM1D,MAAM,WAAW,GAAwD,CAAC,EACxE,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,OAAO,CAAC,UAAU,KAAK,iBAAiB,CAAA;IAClE,MAAM,2BAA2B,GAAG,wBAAY,CAAC,MAAM,CACrD,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,EACpC,MAAM,CACP,CAAA;IACD,MAAM,sBAAsB,GAAG,wBAAY,CAAC,MAAM,CAChD,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,EACpC,MAAM,CACP,CAAA;IAED,MAAM,oBAAoB,GAAG,OAAO,CAAC,aAAa,IAAI,CAAC,iBAAiB,CAAA;IACxE,MAAM,kBAAkB,GACtB,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,OAAO,EAAE;QAC9C,OAAO,CAAC,kBAAkB,CAAA;IAC5B,MAAM,4BAA4B,GAChC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,OAAO,EAAE;QAC3D,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAErB,OAAO,CACL,uCAAK,SAAS,EAAC,cAAc;QAC3B,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,uCAAK,SAAS,EAAC,mCAAmC,IAC/C,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,UAAU,KAAK,OAAO,IAAI,CACnD,8BAAC,gBAAM,IACL,iBAAiB,EAAE,OAAO,CAAC,MAAM,EACjC,YAAY,EAAE,iBAAiB,GAC/B,CACH,CACG;YACL,CAAC,oBAAoB,IAAI,QAAQ,CAC9B;QACL,oBAAoB,IAAI,CACvB,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,uCAAK,SAAS,EAAC,mCAAmC;gBAChD,qCAAG,SAAS,EAAC,8BAA8B;;oBAEzC,4DACmB,QAAQ,KACrB,CAAC,4BAA4B;4BAC/B,CAAC,CAAC,EAAE,oBAAoB,EAAE,YAAY,EAAE;4BACxC,CAAC,CAAC,EAAE,CAAC,EACP,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ArticleInfo/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,uDAA8B;AAE9B,qFAA0D;AAM1D,MAAM,WAAW,GAAwD,CAAC,EACxE,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,OAAO,CAAC,UAAU,KAAK,iBAAiB,CAAA;IAClE,MAAM,2BAA2B,GAAG,wBAAY,CAAC,MAAM,CACrD,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,EACpC,MAAM,CACP,CAAA;IACD,MAAM,sBAAsB,GAAG,wBAAY,CAAC,MAAM,CAChD,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,EACpC,MAAM,CACP,CAAA;IAED,MAAM,oBAAoB,GAAG,OAAO,CAAC,aAAa,IAAI,CAAC,iBAAiB,CAAA;IACxE,MAAM,kBAAkB,GACtB,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,OAAO,EAAE;QAC9C,OAAO,CAAC,kBAAkB,CAAA;IAC5B,MAAM,4BAA4B,GAChC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,OAAO,EAAE;QAC3D,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAErB,OAAO,CACL,uCAAK,SAAS,EAAC,cAAc;QAC3B,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,uCAAK,SAAS,EAAC,mCAAmC,IAC/C,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,UAAU,KAAK,OAAO,IAAI,CACnD,8BAAC,gBAAM,IACL,iBAAiB,EAAE,OAAO,CAAC,MAAM,EACjC,YAAY,EAAE,iBAAiB,GAC/B,CACH,CACG;YACL,CAAC,oBAAoB,IAAI,QAAQ,CAC9B;QACL,oBAAoB,IAAI,CACvB,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,uCAAK,SAAS,EAAC,mCAAmC;gBAChD,qCAAG,SAAS,EAAC,8BAA8B;;oBAEzC,4DACmB,QAAQ,KACrB,CAAC,4BAA4B;4BAC/B,CAAC,CAAC,EAAE,oBAAoB,EAAE,YAAY,EAAE;4BACxC,CAAC,CAAC,EAAE,CAAC,EACP,SAAS,EAAC,yEAAyE,EACnF,QAAQ,EAAE,OAAO,CAAC,kBAAkB,IAEnC,2BAA2B,CACvB,CACL;gBACH,kBAAkB,IAAI,CACrB,qCAAG,SAAS,EAAC,8DAA8D;;oBAEzE,4DACmB,QAAQ,wBAEvB,4BAA4B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,OAAO,EAE9D,SAAS,EAAC,yEAAyE,EACnF,QAAQ,EAAE,OAAO,CAAC,aAAa,IAE9B,sBAAsB,CAClB,CACL,CACL,CACG;YACL,QAAQ,CACL,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
|
|
@@ -109,7 +109,7 @@ const BackToTop = ({ startSelector, attributes = {}, scrollableElement = window,
|
|
|
109
109
|
}
|
|
110
110
|
};
|
|
111
111
|
return (react_1.default.createElement("div", { className: "back-to-top__container", style: { display: visible ? 'block' : 'none' } },
|
|
112
|
-
react_1.default.createElement("button", { ref: element, type: "button", onClick: handleClick, className: "
|
|
112
|
+
react_1.default.createElement("button", { ref: element, type: "button", onClick: handleClick, className: "o3-button o-visual-effects-shadow-high o3-button--big o3-button--primary o3-button-icon o3-button-icon--chevron-up", "aria-live": "polite", "data-o3-theme": "mono", ...attributes }, "Back to top")));
|
|
113
113
|
};
|
|
114
114
|
exports.default = BackToTop;
|
|
115
115
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/BackToTopButton/client/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/BackToTopButton/client/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
7
|
const RichText_1 = __importDefault(require("../RichText"));
|
|
8
|
-
const AuthorLink = (props) => props.content.concept ? (react_1.default.createElement("a", { className: "
|
|
8
|
+
const AuthorLink = (props) => props.content.concept ? (react_1.default.createElement("a", { className: "o3-editorial-typography-byline-author", href: props.content.concept.relativeUrl, "data-trackable": "author" }, props.children)) : null;
|
|
9
9
|
const bylineComponents = {
|
|
10
10
|
author: AuthorLink,
|
|
11
11
|
};
|
|
12
12
|
const Byline = ({ structuredContent, showEditedBy }) => {
|
|
13
|
-
return (react_1.default.createElement("p", { className: "article-info__byline" },
|
|
13
|
+
return (react_1.default.createElement("p", { className: "article-info__byline o3-editorial-typography-byline" },
|
|
14
14
|
showEditedBy && (react_1.default.createElement("span", null,
|
|
15
15
|
"Edited by ",
|
|
16
16
|
react_1.default.createElement("br", null))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Byline/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAgD;AAGhD,2DAAkC;AAWlC,MAAM,UAAU,GAAiD,CAAC,KAAK,EAAE,EAAE,CACzE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACtB,qCACE,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Byline/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAgD;AAGhD,2DAAkC;AAWlC,MAAM,UAAU,GAAiD,CAAC,KAAK,EAAE,EAAE,CACzE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACtB,qCACE,SAAS,EAAC,uCAAuC,EACjD,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,oBACxB,QAAQ,IAEtB,KAAK,CAAC,QAAQ,CACb,CACL,CAAC,CAAC,CAAC,IAAI,CAAA;AAEV,MAAM,gBAAgB,GAAG;IACvB,MAAM,EAAE,UAAU;CACnB,CAAA;AAED,MAAM,MAAM,GAA0B,CAAC,EAAE,iBAAiB,EAAE,YAAY,EAAE,EAAE,EAAE;IAC5E,OAAO,CACL,qCAAG,SAAS,EAAC,qDAAqD;QAC/D,YAAY,IAAI,CACf;;YACY,yCAAM,CACX,CACR;QACA,OAAO,iBAAiB,KAAK,QAAQ,CAAC,CAAC,CAAC,CACvC,8DAAG,iBAAiB,CAAI,CACzB,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,gBAAgB,GAC5B,CACH,CACC,CACL,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,MAAM,CAAA"}
|
|
@@ -22,9 +22,9 @@ const ShareLinkButton = ({ postId, articleUrl, }) => {
|
|
|
22
22
|
button.blur();
|
|
23
23
|
}, 6000);
|
|
24
24
|
};
|
|
25
|
-
return (react_1.default.createElement("div", { className: "x-live-blog-post__link-container", "data-tooltip": "hide" },
|
|
25
|
+
return (react_1.default.createElement("div", { className: "x-live-blog-post__link-container o3-type-detail", "data-tooltip": "hide" },
|
|
26
26
|
react_1.default.createElement("span", { className: "x-live-blog-post__link-copied-message" }, "Link copied"),
|
|
27
|
-
react_1.default.createElement("button", { className: "x-live-blog-post__link-icon", "data-component": "share-link-button", "aria-label": "Share link", "data-trackable": "share-link", title: "Link", onClick: copyUrl }),
|
|
27
|
+
react_1.default.createElement("button", { className: "x-live-blog-post__link-icon o3-button o3-button--ghost o3-button-icon o3-button-icon--icon-only", "data-component": "share-link-button", "aria-label": "Share link", "data-trackable": "share-link", title: "Link", onClick: copyUrl }),
|
|
28
28
|
react_1.default.createElement("span", null, "Link")));
|
|
29
29
|
};
|
|
30
30
|
exports.default = ShareLinkButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShareLinkButton.js","sourceRoot":"","sources":["../../../src/components/LiveBlogPost/ShareLinkButton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAOzB,MAAM,eAAe,GAAmC,CAAC,EACvD,MAAM,EACN,UAAU,GACX,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,KAAK,EAAE,CAAsC,EAAE,EAAE;QAC/D,MAAM,MAAM,GAAG,CAAC,CAAC,aAAa,CAAA;QAC9B,MAAM,OAAO,GAAG,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,mCAAmC,CAAC,CAAA;QAE5E,OAAO,EAAE,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QAE7C,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;YACzD,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;YACvD,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAA;gBAC3D,OAAO,CAAC,IAAI,GAAG,QAAQ,MAAM,EAAE,CAAA;YACjC,CAAC;YACD,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;QAChE,CAAC;QACD,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,EAAE,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;YAC7C,MAAM,CAAC,IAAI,EAAE,CAAA;QACf,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,CAAA;IAED,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"ShareLinkButton.js","sourceRoot":"","sources":["../../../src/components/LiveBlogPost/ShareLinkButton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAOzB,MAAM,eAAe,GAAmC,CAAC,EACvD,MAAM,EACN,UAAU,GACX,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,KAAK,EAAE,CAAsC,EAAE,EAAE;QAC/D,MAAM,MAAM,GAAG,CAAC,CAAC,aAAa,CAAA;QAC9B,MAAM,OAAO,GAAG,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,mCAAmC,CAAC,CAAA;QAE5E,OAAO,EAAE,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QAE7C,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;YACzD,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;YACvD,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAA;gBAC3D,OAAO,CAAC,IAAI,GAAG,QAAQ,MAAM,EAAE,CAAA;YACjC,CAAC;YACD,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;QAChE,CAAC;QACD,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,EAAE,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;YAC7C,MAAM,CAAC,IAAI,EAAE,CAAA;QACf,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,CAAA;IAED,OAAO,CACL,uCACE,SAAS,EAAC,iDAAiD,kBAC9C,MAAM;QAEnB,wCAAM,SAAS,EAAC,uCAAuC,kBAAmB;QAC1E,0CACE,SAAS,EAAC,iGAAiG,oBAC5F,mBAAmB,gBACvB,YAAY,oBACR,YAAY,EAC3B,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,OAAO,GAChB;QACF,mDAAiB,CACb,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
|
|
@@ -20,8 +20,8 @@ const TimeStamp = ({ publishedTimestamp, textCase, }) => {
|
|
|
20
20
|
// because it is already included in the formatted timestamp
|
|
21
21
|
format = 'MMM dd, HH:mm';
|
|
22
22
|
}
|
|
23
|
-
return (react_1.default.createElement("span", { className: "x-live-blog-post__timestamp-container" },
|
|
24
|
-
react_1.default.createElement("time", { "data-o-component": "o-date", className: "o-date
|
|
23
|
+
return (react_1.default.createElement("span", { className: "x-live-blog-post__timestamp-container o3-type-detail" },
|
|
24
|
+
react_1.default.createElement("time", { "data-o-component": "o-date", className: "o-date", dateTime: publishedTimestamp, "data-o-date-format": format, "data-o-date-text-case": textCase, itemProp: "datePublished" },
|
|
25
25
|
react_1.default.createElement("span", { "data-o-date-printer": true }, formatted))));
|
|
26
26
|
};
|
|
27
27
|
exports.default = TimeStamp;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timestamp.js","sourceRoot":"","sources":["../../../src/components/LiveBlogPost/Timestamp.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAOzB,MAAM,SAAS,GAA6B,CAAC,EAC3C,kBAAkB,EAClB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAA;IACtB,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAClC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAA;IACzC,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;IAEvC,IAAI,MAAc,CAAA;IAElB,IAAI,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,MAAM,EAAE,CAAC;QAC5C,oDAAoD;QACpD,mCAAmC;QACnC,MAAM,GAAG,qBAAqB,CAAA;IAChC,CAAC;SAAM,CAAC;QACN,8DAA8D;QAC9D,4DAA4D;QAC5D,MAAM,GAAG,eAAe,CAAA;IAC1B,CAAC;IAED,OAAO,CACL,wCAAM,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Timestamp.js","sourceRoot":"","sources":["../../../src/components/LiveBlogPost/Timestamp.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAOzB,MAAM,SAAS,GAA6B,CAAC,EAC3C,kBAAkB,EAClB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAA;IACtB,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAClC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAA;IACzC,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;IAEvC,IAAI,MAAc,CAAA;IAElB,IAAI,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,MAAM,EAAE,CAAC;QAC5C,oDAAoD;QACpD,mCAAmC;QACnC,MAAM,GAAG,qBAAqB,CAAA;IAChC,CAAC;SAAM,CAAC;QACN,8DAA8D;QAC9D,4DAA4D;QAC5D,MAAM,GAAG,eAAe,CAAA;IAC1B,CAAC;IAED,OAAO,CACL,wCAAM,SAAS,EAAC,sDAAsD;QACpE,4DACmB,QAAQ,EACzB,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,kBAAkB,wBACR,MAAM,2BACH,QAAQ,EAC/B,QAAQ,EAAC,eAAe;YAExB,uEAA2B,SAAS,CAAQ,CACvC,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}
|
|
@@ -12,14 +12,7 @@ export type LiveBlogPostProps = {
|
|
|
12
12
|
body: any;
|
|
13
13
|
publishedTimestamp: string;
|
|
14
14
|
publishedDate: string;
|
|
15
|
-
isBreakingNews: boolean;
|
|
16
15
|
isPinned: boolean;
|
|
17
|
-
standout?: {
|
|
18
|
-
breakingNews?: boolean;
|
|
19
|
-
editorsChoice?: boolean;
|
|
20
|
-
exclusive?: boolean;
|
|
21
|
-
scoop?: boolean;
|
|
22
|
-
};
|
|
23
16
|
articleUrl: string;
|
|
24
17
|
showShareButtons: boolean;
|
|
25
18
|
showShareLinkButton: boolean;
|
|
@@ -14,7 +14,7 @@ const classnames_1 = __importDefault(require("classnames"));
|
|
|
14
14
|
const Headshot_1 = __importDefault(require("../Headshot"));
|
|
15
15
|
const Byline_1 = __importDefault(require("../Byline"));
|
|
16
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" },
|
|
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 o3-type-body-content-base" },
|
|
18
18
|
react_1.default.createElement(Expander_1.default, { expandLabel: "Expand post", collapseLabel: "Collapse post", onlyMobile: true, id: `truncated-${id}` }, children)));
|
|
19
19
|
};
|
|
20
20
|
const truncatedSelector = () => {
|
|
@@ -38,9 +38,7 @@ title, content, // Remove once wordpress is no longer in use
|
|
|
38
38
|
bodyHTML, //ElasticSearch
|
|
39
39
|
body, // cp-content-pipeline
|
|
40
40
|
publishedTimestamp, // Remove once wordpress is no longer in use
|
|
41
|
-
publishedDate,
|
|
42
|
-
standout = {}, articleUrl, showShareButtons = false, showShareLinkButton = false, byline, ad, isPinned, indicators = {}, authors, }) => {
|
|
43
|
-
const showBreakingNewsLabel = standout.breakingNews || isBreakingNews;
|
|
41
|
+
publishedDate, articleUrl, showShareButtons = false, showShareLinkButton = false, byline, ad, isPinned, indicators = {}, authors, }) => {
|
|
44
42
|
let postBody;
|
|
45
43
|
if (body && 'structured' in body) {
|
|
46
44
|
// Content comes from cp-content-pipeline-api
|
|
@@ -49,12 +47,12 @@ standout = {}, articleUrl, showShareButtons = false, showShareLinkButton = false
|
|
|
49
47
|
}
|
|
50
48
|
else {
|
|
51
49
|
// Content comes from next-es or wordpress
|
|
52
|
-
postBody = (react_1.default.createElement("div", { className: "x-live-blog-post__body n-content-body article--body", dangerouslySetInnerHTML: { __html: bodyHTML || content } }));
|
|
50
|
+
postBody = (react_1.default.createElement("div", { className: "x-live-blog-post__body n-content-body article--body o3-editorial-typography-body", dangerouslySetInnerHTML: { __html: bodyHTML || content } }));
|
|
53
51
|
// add pinned post old version when comming from next-es or wordpress
|
|
54
52
|
postBody = 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' },
|
|
55
53
|
react_1.default.createElement("div", { className: "o-expander__content" }, postBody),
|
|
56
54
|
react_1.default.createElement("a", { className: "o-expander__toggle o-expander__text--custom" },
|
|
57
|
-
react_1.default.createElement("span", { className: "o-expander__visually-hidden" }, "\u00A0")))) : (postBody);
|
|
55
|
+
react_1.default.createElement("span", { className: "o-expander__visually-hidden o3-type-detail" }, "\u00A0")))) : (postBody);
|
|
58
56
|
}
|
|
59
57
|
const author = authors?.[0] ?? null;
|
|
60
58
|
return (react_1.default.createElement("article", { className: (0, classnames_1.default)('x-live-blog-post', {
|
|
@@ -69,14 +67,13 @@ standout = {}, articleUrl, showShareButtons = false, showShareLinkButton = false
|
|
|
69
67
|
author?.headshot && indicators.isOpinion && (react_1.default.createElement(Headshot_1.default, { headshot: author?.headshot, prefLabel: author?.prefLabel, streamPage: author?.streamPage, className: 'x-live-blog-post__opinion-headshot' })),
|
|
70
68
|
react_1.default.createElement("div", { className: "x-live-blog-post__meta-container" },
|
|
71
69
|
react_1.default.createElement("div", { className: "x-live-blog-post__meta" },
|
|
72
|
-
indicators.isOpinion ? (react_1.default.createElement("span", { className: "x-live-blog-post__label--opinion x-live-blog-post__label" }, "Live Opinion")) : isPinned ? (react_1.default.createElement("span", { className: "x-live-blog-post__label" }, "Editor's pick")) : (''),
|
|
70
|
+
indicators.isOpinion ? (react_1.default.createElement("span", { className: "x-live-blog-post__label--opinion x-live-blog-post__label o3-type-label" }, "Live Opinion")) : isPinned ? (react_1.default.createElement("span", { className: "x-live-blog-post__label o3-type-label" }, "Editor's pick")) : (''),
|
|
73
71
|
react_1.default.createElement("span", null,
|
|
74
72
|
react_1.default.createElement(Timestamp_1.default, { publishedTimestamp: publishedDate || publishedTimestamp, textCase: "sentence" }))),
|
|
75
73
|
react_1.default.createElement("div", { className: "x-live-blog-post__byline" },
|
|
76
74
|
react_1.default.createElement(Byline_1.default, { structuredContent: byline, showEditedBy: false }))),
|
|
77
75
|
showShareLinkButton && (react_1.default.createElement(ShareLinkButton_1.default, { postId: id || postId, articleUrl: articleUrl }))),
|
|
78
|
-
|
|
79
|
-
title && react_1.default.createElement("h2", { className: "x-live-blog-post__title" }, title),
|
|
76
|
+
title && react_1.default.createElement("h2", { className: "o3-type-display-sm" }, title),
|
|
80
77
|
postBody,
|
|
81
78
|
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 }))),
|
|
82
79
|
ad));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LiveBlogPost/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,kEAAyC;AACzC,wEAA+C;AAC/C,4DAAmC;AACnC,2DAAkC;AAClC,2DAAkC;AAClC,4DAAmC;AACnC,2DAAkC;AAClC,uDAA8B;AAW9B,MAAM,aAAa,GAAsD,CAAC,EACxE,EAAE,EACF,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,yDACiB,gBAAgB,iCACF,EAAE,6BACP,WAAW,EACnC,SAAS,EAAC
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LiveBlogPost/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,6 @@ const post1 = {
|
|
|
10
10
|
title: 'Post 1 Title',
|
|
11
11
|
bodyHTML: '<p>Post 1 body</p>',
|
|
12
12
|
publishedDate: '2020-10-09T10:00:00.000Z',
|
|
13
|
-
isBreakingNews: true,
|
|
14
13
|
articleUrl: 'https://www.ft.com',
|
|
15
14
|
showShareButtons: true,
|
|
16
15
|
showShareLinkButton: true,
|
|
@@ -20,7 +19,6 @@ const post2 = {
|
|
|
20
19
|
title: 'Post 2 Title',
|
|
21
20
|
bodyHTML: '<p>Post 2 body</p>',
|
|
22
21
|
publishedDate: '2020-10-09T11:00:00.000Z',
|
|
23
|
-
isBreakingNews: false,
|
|
24
22
|
articleUrl: 'https://www.ft.com',
|
|
25
23
|
showShareButtons: true,
|
|
26
24
|
showShareLinkButton: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/LiveBlogWrapper/test/index.spec.tsx"],"names":[],"mappings":";;AAAA,6DAA6D;AAC7D,cAAc;AACd,oCAA0C;AAE1C,oDAAgD;AAChD,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;AAE7B,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,GAAG;IACP,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,oBAAoB;IAC9B,aAAa,EAAE,0BAA0B;IACzC,
|
|
1
|
+
{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/LiveBlogWrapper/test/index.spec.tsx"],"names":[],"mappings":";;AAAA,6DAA6D;AAC7D,cAAc;AACd,oCAA0C;AAE1C,oDAAgD;AAChD,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;AAE7B,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,GAAG;IACP,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,oBAAoB;IAC9B,aAAa,EAAE,0BAA0B;IACzC,UAAU,EAAE,oBAAoB;IAChC,gBAAgB,EAAE,IAAI;IACtB,mBAAmB,EAAE,IAAI;CAC1B,CAAA;AAED,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,GAAG;IACP,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,oBAAoB;IAC9B,aAAa,EAAE,0BAA0B;IACzC,UAAU,EAAE,oBAAoB;IAChC,gBAAgB,EAAE,IAAI;IACtB,mBAAmB,EAAE,IAAI;CAC1B,CAAA;AAED,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,MAAM,CAAC,uBAAe,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAA;IACtE,CAAC,CAAC,CAAA;IAEF,qIAAqI;IACrI,sCAAsC;IACtC,iCAAiC;IACjC,sEAAsE;IAEtE,6DAA6D;IAC7D,4DAA4D;IAC5D,6DAA6D;IAC7D,4DAA4D;IAC5D,MAAM;IAEN,yDAAyD;IACzD,iCAAiC;IACjC,sEAAsE;IAEtE,qDAAqD;IACrD,4DAA4D;IAC5D,4DAA4D;IAC5D,MAAM;IAEN,kEAAkE;IAClE,iCAAiC;IACjC,gFAAgF;IAEhF,qDAAqD;IACrD,uDAAuD;IACvD,mDAAmD;IACnD,MAAM;AACR,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,IAAI,KAAK,CAAA;IACT,IAAI,OAAO,CAAA;IAEX,UAAU,CAAC,GAAG,EAAE;QACd,KAAK,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;QAEtB,+EAA+E;QAC/E,0CAA0C;QAC1C,MAAM,eAAe,GAAG,IAAA,uBAAe,EAAC,EAAE,CAAC,CAAA;QAC3C,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,OAAO,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,6BAAa,CAAC,SAAS,EAAE,CAAA;IAC3B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,MAAM,GAAG,QAAQ,CAAA;QACvB,MAAM,KAAK,GAAG;YACZ,EAAE,EAAE,GAAG;SACR,CAAA;QAED,sFAAsF;QACtF,gDAAgD;QAChD,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;QAE5C,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QAC/B,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QAEhC,MAAM,CAAC,6BAAa,CAAC,CAAC,oBAAoB,CACxC,QAAQ,EACR,6BAA6B,EAC7B;YACE,IAAI,EAAE,KAAK;SACZ,CACF,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,0DAA0D;QAC1D,MAAM,aAAa,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;QAErC,sFAAsF;QACtF,gDAAgD;QAChD,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;QAE5C,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QAC/B,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QAEhC,MAAM,CAAC,6BAAa,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IAC9C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
|
|
@@ -5,18 +5,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.TableCaption = exports.TableFooter = exports.TableRow = exports.CccFallbackText = exports.Strikethrough = exports.Strong = exports.Emphasis = exports.HorizontalRule = exports.LineBreak = exports.Cite = exports.Blockquote = exports.Link = exports.ListItem = exports.List = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const List = (props) => props.content.ordered ? react_1.default.createElement("ol",
|
|
8
|
+
const List = (props) => props.content.ordered ? (react_1.default.createElement("ol", { className: "o3-editorial-typography-list-ordered" }, props.children)) : (react_1.default.createElement("ul", { className: "o3-editorial-typography-list-unordered" }, props.children));
|
|
9
9
|
exports.List = List;
|
|
10
10
|
const ListItem = (props) => react_1.default.createElement("li", null, props.children);
|
|
11
11
|
exports.ListItem = ListItem;
|
|
12
12
|
const Link = (props) => (react_1.default.createElement("a", { href: props.content.url, title: props.content.title }, props.children));
|
|
13
13
|
exports.Link = Link;
|
|
14
14
|
const Blockquote = (props) => {
|
|
15
|
-
return (react_1.default.createElement("blockquote", { className: "n-content-blockquote" }, props.children));
|
|
15
|
+
return (react_1.default.createElement("blockquote", { className: "n-content-blockquote o3-editorial-typography-blockquote" }, props.children));
|
|
16
16
|
};
|
|
17
17
|
exports.Blockquote = Blockquote;
|
|
18
18
|
const Cite = (props) => {
|
|
19
|
-
return react_1.default.createElement("cite",
|
|
19
|
+
return (react_1.default.createElement("cite", { className: "o3-editorial-typography-blockquote__author" }, props.children));
|
|
20
20
|
};
|
|
21
21
|
exports.Cite = Cite;
|
|
22
22
|
const LineBreak = () => react_1.default.createElement("br", null);
|
|
@@ -37,6 +37,6 @@ const TableFooter = (props) => (react_1.default.createElement("tfoot", null,
|
|
|
37
37
|
react_1.default.createElement("tr", null,
|
|
38
38
|
react_1.default.createElement("td", { colSpan: 1000, className: "o-table-footnote" }, props.children))));
|
|
39
39
|
exports.TableFooter = TableFooter;
|
|
40
|
-
const TableCaption = (props) => (react_1.default.createElement("caption", { className: "n-content-body__caption n-content-body__caption--auto" }, props.children));
|
|
40
|
+
const TableCaption = (props) => (react_1.default.createElement("caption", { className: "n-content-body__caption n-content-body__caption--auto o3-editorial-typography-subheading" }, props.children));
|
|
41
41
|
exports.TableCaption = TableCaption;
|
|
42
42
|
//# sourceMappingURL=BasicComponents.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicComponents.js","sourceRoot":"","sources":["../../../src/components/RichText/BasicComponents.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAKlB,MAAM,IAAI,GAEb,CAAC,KAAK,EAAE,EAAE,CACZ,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"BasicComponents.js","sourceRoot":"","sources":["../../../src/components/RichText/BasicComponents.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAKlB,MAAM,IAAI,GAEb,CAAC,KAAK,EAAE,EAAE,CACZ,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACtB,sCAAI,SAAS,EAAC,sCAAsC,IAAE,KAAK,CAAC,QAAQ,CAAM,CAC3E,CAAC,CAAC,CAAC,CACF,sCAAI,SAAS,EAAC,wCAAwC,IAAE,KAAK,CAAC,QAAQ,CAAM,CAC7E,CAAA;AAPU,QAAA,IAAI,QAOd;AAEI,MAAM,QAAQ,GAEjB,CAAC,KAAK,EAAE,EAAE,CAAC,0CAAK,KAAK,CAAC,QAAQ,CAAM,CAAA;AAF3B,QAAA,QAAQ,YAEmB;AAEjC,MAAM,IAAI,GAEb,CAAC,KAAK,EAAE,EAAE,CAAC,CACb,qCAAG,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,IACnD,KAAK,CAAC,QAAQ,CACb,CACL,CAAA;AANY,QAAA,IAAI,QAMhB;AAEM,MAAM,UAAU,GAEnB,CAAC,KAAK,EAAE,EAAE;IACZ,OAAO,CACL,8CAAY,SAAS,EAAC,yDAAyD,IAC5E,KAAK,CAAC,QAAQ,CACJ,CACd,CAAA;AACH,CAAC,CAAA;AARY,QAAA,UAAU,cAQtB;AAEM,MAAM,IAAI,GAEb,CAAC,KAAK,EAAE,EAAE;IACZ,OAAO,CACL,wCAAM,SAAS,EAAC,4CAA4C,IACzD,KAAK,CAAC,QAAQ,CACV,CACR,CAAA;AACH,CAAC,CAAA;AARY,QAAA,IAAI,QAQhB;AAEM,MAAM,SAAS,GAAa,GAAG,EAAE,CAAC,yCAAM,CAAA;AAAlC,QAAA,SAAS,aAAyB;AAExC,MAAM,cAAc,GAAa,GAAG,EAAE,CAAC,yCAAM,CAAA;AAAvC,QAAA,cAAc,kBAAyB;AAE7C,MAAM,QAAQ,GAEjB,CAAC,KAAK,EAAE,EAAE,CAAC,0CAAK,KAAK,CAAC,QAAQ,CAAM,CAAA;AAF3B,QAAA,QAAQ,YAEmB;AAEjC,MAAM,MAAM,GAEf,CAAC,KAAK,EAAE,EAAE,CAAC,8CAAS,KAAK,CAAC,QAAQ,CAAU,CAAA;AAFnC,QAAA,MAAM,UAE6B;AAEzC,MAAM,aAAa,GAEtB,CAAC,KAAK,EAAE,EAAE,CAAC,yCAAI,KAAK,CAAC,QAAQ,CAAK,CAAA;AAFzB,QAAA,aAAa,iBAEY;AAE/B,MAAM,eAAe,GAExB,CAAC,KAAK,EAAE,EAAE,CAAC,2CAAM,KAAK,CAAC,QAAQ,CAAO,CAAA;AAF7B,QAAA,eAAe,mBAEc;AAEnC,MAAM,QAAQ,GAEjB,CAAC,KAAK,EAAE,EAAE,CAAC,0CAAK,KAAK,CAAC,QAAQ,CAAM,CAAA;AAF3B,QAAA,QAAQ,YAEmB;AAEjC,MAAM,WAAW,GAEpB,CAAC,KAAK,EAAE,EAAE,CAAC,CACb;IACE;QACE,sCAAI,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,kBAAkB,IAC5C,KAAK,CAAC,QAAQ,CACZ,CACF,CACC,CACT,CAAA;AAVY,QAAA,WAAW,eAUvB;AAEM,MAAM,YAAY,GAErB,CAAC,KAAK,EAAE,EAAE,CAAC,CACb,2CAAS,SAAS,EAAC,0FAA0F,IAC1G,KAAK,CAAC,QAAQ,CACP,CACX,CAAA;AANY,QAAA,YAAY,gBAMxB"}
|
|
@@ -12,7 +12,7 @@ const LiveBlogIndicator = ({ realtime, lastUpdatedDateTime, }) => {
|
|
|
12
12
|
react_1.default.createElement("span", { className: "o-labels-indicator__status", "data-live-blog-status": "live" },
|
|
13
13
|
' ',
|
|
14
14
|
"Live"))),
|
|
15
|
-
react_1.default.createElement("time", { id: "live-blog-updated-timestamp", "data-o-component": "o-date", className: "o-date live-blog-indicator__timestamp", dateTime: lastUpdatedDateTime, "data-o-date-format": "time-ago-no-seconds" },
|
|
15
|
+
react_1.default.createElement("time", { id: "live-blog-updated-timestamp", "data-o-component": "o-date", className: "o-date live-blog-indicator__timestamp o3-type-label", dateTime: lastUpdatedDateTime, "data-o-date-format": "time-ago-no-seconds" },
|
|
16
16
|
react_1.default.createElement("span", null, "Updated "),
|
|
17
17
|
react_1.default.createElement("span", { "data-o-date-printer": true }, ft_date_format_1.default.timeAgo(lastUpdatedDateTime)))));
|
|
18
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LiveBlogIndicator.js","sourceRoot":"","sources":["../../../src/components/Topper/LiveBlogIndicator.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,qFAA0D;AAa1D,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,QAAQ,EACR,mBAAmB,GACpB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;IAEhC,OAAO,CACL,uCAAK,SAAS,EAAC,qBAAqB;QACjC,MAAM,IAAI,CACT,wCAAM,SAAS,EAAC,uIAAuI;YACrJ,wCACE,SAAS,EAAC,4BAA4B,2BAChB,MAAM;gBAE6C,GAAG;uBAEvE,CACF,CACR;QAED,wCACE,EAAE,EAAC,6BAA6B,sBACf,QAAQ,EACzB,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"LiveBlogIndicator.js","sourceRoot":"","sources":["../../../src/components/Topper/LiveBlogIndicator.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,qFAA0D;AAa1D,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,QAAQ,EACR,mBAAmB,GACpB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;IAEhC,OAAO,CACL,uCAAK,SAAS,EAAC,qBAAqB;QACjC,MAAM,IAAI,CACT,wCAAM,SAAS,EAAC,uIAAuI;YACrJ,wCACE,SAAS,EAAC,4BAA4B,2BAChB,MAAM;gBAE6C,GAAG;uBAEvE,CACF,CACR;QAED,wCACE,EAAE,EAAC,6BAA6B,sBACf,QAAQ,EACzB,SAAS,EAAC,qDAAqD,EAC/D,QAAQ,EAAE,mBAAmB,wBACV,qBAAqB;YAExC,uDAAqB;YACrB,uEACG,wBAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,CACrC,CACF,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,iBAAiB,CAAA"}
|
|
@@ -33,7 +33,7 @@ const ArticleBody = ({ content, richTextComponents }) => {
|
|
|
33
33
|
return null;
|
|
34
34
|
}
|
|
35
35
|
return (react_1.default.createElement(RichText_1.ComponentsContext.Provider, { value: richTextComponents },
|
|
36
|
-
react_1.default.createElement("article", { className: "n-content-body" },
|
|
36
|
+
react_1.default.createElement("article", { className: "n-content-body o3-type-body-content-base" },
|
|
37
37
|
react_1.default.createElement(RichText_1.default, { structuredContent: content.body.structured, components: richTextComponents }))));
|
|
38
38
|
};
|
|
39
39
|
exports.default = ArticleBody;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/body-components/ArticleBody/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,2DAA4D;AAG5D,MAAM,WAAW,GAAwB,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,EAAE;IAC3E,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,8BAAC,4BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB;QACnD,2CAAS,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/body-components/ArticleBody/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,2DAA4D;AAG5D,MAAM,WAAW,GAAwB,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,EAAE;IAC3E,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,8BAAC,4BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB;QACnD,2CAAS,SAAS,EAAC,0CAA0C;YAC3D,8BAAC,kBAAQ,IACP,iBAAiB,EAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAC1C,UAAU,EAAE,kBAAkB,GAC9B,CACM,CACiB,CAC9B,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
|
|
@@ -28,8 +28,8 @@ const ContentPackageBody = ({ content, richTextComponents, AdSlot, }) => {
|
|
|
28
28
|
: [];
|
|
29
29
|
return (react_1.default.createElement(RichText_1.ComponentsContext.Provider, { value: richTextComponents },
|
|
30
30
|
react_1.default.createElement("article", { id: "site-content", role: "main", "data-attribute": "article-content-body", "data-content-id": content.id, "data-syndicatable": content.canBeSyndicated, className: design && design.theme
|
|
31
|
-
? `design-theme--${design.theme} article`
|
|
32
|
-
: 'article n-content-body js-article__content-body
|
|
31
|
+
? `design-theme--${design.theme} article o3-type-body-content-base`
|
|
32
|
+
: 'article n-content-body js-article__content-body o3-type-body-content-base' },
|
|
33
33
|
react_1.default.createElement(PackageTeasers, { ...content, primaryTeasers: primaryTeasers, secondaryTeasers: secondaryTeasers, secondaryTeaserTitle: secondaryTeaserTitle, secondaryTeaserMods: secondaryTeaserMods, AdSlot: AdSlot }))));
|
|
34
34
|
};
|
|
35
35
|
const PackageTeasers = ({ primaryTeasers, secondaryTeasers, secondaryTeaserTitle, secondaryTeaserMods, AdSlot, }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/body-components/ContentPackageBody/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,6CAAkD;AAElD,0EAGkD;AAElD,4DAAmC;AAInC,SAAS,YAAY,CAAC,OAAkC;IACtD,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAA4B,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;AACvE,CAAC;AAyBD,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,OAAO,EACP,kBAAkB,EAClB,MAAM,GACP,EAAE,EAAE;IACH,IAAI,OAAO,CAAC,UAAU,KAAK,gBAAgB,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAA;IACb,CAAC;IACD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,cAAc,GAAqB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;IAC1E,MAAM,gBAAgB,GAAqB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAEzE,MAAM,oBAAoB,GACxB,MAAM,EAAE,KAAK,KAAK,gBAAgB;QAChC,CAAC,CAAC,+BAA+B;QACjC,CAAC,CAAC,uBAAuB,CAAA;IAE7B,MAAM,mBAAmB,GAAG,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC;QAC5D,CAAC,CAAC,CAAC,SAAS,CAAC;QACb,CAAC,CAAC,EAAE,CAAA;IACN,OAAO,CACL,8BAAC,4BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB;QACnD,2CACE,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,MAAM,oBACI,sBAAsB,qBACpB,OAAO,CAAC,EAAE,uBACR,OAAO,CAAC,eAAe,EAC1C,SAAS,EACP,MAAM,IAAI,MAAM,CAAC,KAAK;gBACpB,CAAC,CAAC,iBAAiB,MAAM,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/body-components/ContentPackageBody/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ const PodcastBody = ({ content, richTextComponents, showPlayer = true, showAcces
|
|
|
13
13
|
const podcast = content.media?.find((media) => media?.mediaType === podcastMediaType);
|
|
14
14
|
return (react_1.default.createElement("div", {
|
|
15
15
|
// HACK:20230712:IM use next-article's CSS classes until we bundle styles
|
|
16
|
-
className: "article__content-body n-content-body js-article__content-body", "data-trackable": "article-body", "data-attribute": "article-content-body" },
|
|
16
|
+
className: "article__content-body n-content-body js-article__content-body o3-type-body-content-base", "data-trackable": "article-body", "data-attribute": "article-content-body" },
|
|
17
17
|
showPlayer && podcast?.url && (react_1.default.createElement("div", { className: "article__media" },
|
|
18
18
|
react_1.default.createElement("audio", { controls: true, "data-o-component": "o-audio", "data-audio-subtype": "podcast", "data-content-id": content.id, "data-dispatch-listened-event-on-unload": true },
|
|
19
19
|
react_1.default.createElement("source", { src: podcast.url, type: podcastMediaType }),
|
|
@@ -22,7 +22,7 @@ const PodcastBody = ({ content, richTextComponents, showPlayer = true, showAcces
|
|
|
22
22
|
' ',
|
|
23
23
|
react_1.default.createElement("a", { href: podcast.url }, "download the MP3 file"),
|
|
24
24
|
" to play locally.")))),
|
|
25
|
-
content.body?.structured && (react_1.default.createElement("article", { className: "n-content-body" },
|
|
25
|
+
content.body?.structured && (react_1.default.createElement("article", { className: "n-content-body o3-type-body-content-base" },
|
|
26
26
|
react_1.default.createElement(RichText_1.default, { structuredContent: content.body.structured, components: richTextComponents }),
|
|
27
27
|
showAccessibilityGuide && (react_1.default.createElement("p", null,
|
|
28
28
|
react_1.default.createElement("a", { href: "/accessibility#podcast-transcriptions" }, "View our accessibility guide"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/body-components/PodcastBody/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,8DAAqC;AAQrC,MAAM,WAAW,GAA+B,CAAC,EAC/C,OAAO,EACP,kBAAkB,EAClB,UAAU,GAAG,IAAI,EACjB,sBAAsB,GAAG,IAAI,GAC9B,EAAE,EAAE;IACH,IAAI,OAAO,CAAC,UAAU,KAAK,OAAO,EAAE,CAAC;QACnC,OAAO,IAAI,CAAA;IACb,CAAC;IACD,MAAM,gBAAgB,GAAG,YAAY,CAAA;IACrC,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,EAAE,IAAI,CACjC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,gBAAgB,CACjD,CAAA;IAED,OAAO,CACL;QACE,yEAAyE;QACzE,SAAS,EAAC
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/body-components/PodcastBody/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,8DAAqC;AAQrC,MAAM,WAAW,GAA+B,CAAC,EAC/C,OAAO,EACP,kBAAkB,EAClB,UAAU,GAAG,IAAI,EACjB,sBAAsB,GAAG,IAAI,GAC9B,EAAE,EAAE;IACH,IAAI,OAAO,CAAC,UAAU,KAAK,OAAO,EAAE,CAAC;QACnC,OAAO,IAAI,CAAA;IACb,CAAC;IACD,MAAM,gBAAgB,GAAG,YAAY,CAAA;IACrC,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,EAAE,IAAI,CACjC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,gBAAgB,CACjD,CAAA;IAED,OAAO,CACL;QACE,yEAAyE;QACzE,SAAS,EAAC,yFAAyF,oBACpF,cAAc,oBACd,sBAAsB;QAEpC,UAAU,IAAI,OAAO,EAAE,GAAG,IAAI,CAC7B,uCAAK,SAAS,EAAC,gBAAgB;YAC7B,yCACE,QAAQ,4BACS,SAAS,wBACP,SAAS,qBACX,OAAO,CAAC,EAAE;gBAG3B,0CAAQ,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,gBAAgB,GAAI;gBACpD;;oBACoE,GAAG;oBACrE,qCAAG,IAAI,EAAE,OAAO,CAAC,GAAG,4BAA2B;wCAC7C,CACE,CACJ,CACP;QAEA,OAAO,CAAC,IAAI,EAAE,UAAU,IAAI,CAC3B,2CAAS,SAAS,EAAC,0CAA0C;YAC3D,8BAAC,kBAAQ,IACP,iBAAiB,EAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAC1C,UAAU,EAAE,kBAAkB,GAC9B;YACD,sBAAsB,IAAI,CACzB;gBACE,qCAAG,IAAI,EAAC,uCAAuC,mCAE3C;oBAEF,CACL,CACO,CACX,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
|
|
@@ -8,9 +8,9 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
* Renders a BigNumber component
|
|
9
9
|
*/
|
|
10
10
|
const BigNumber = ({ content: { description, number }, }) => {
|
|
11
|
-
return (react_1.default.createElement("div", { className: "n-content-big-number" },
|
|
12
|
-
react_1.default.createElement("
|
|
13
|
-
react_1.default.createElement("
|
|
11
|
+
return (react_1.default.createElement("div", { className: "o3-editorial-typography-big-number n-content-big-number" },
|
|
12
|
+
react_1.default.createElement("div", { className: "o3-editorial-typography-big-number__title" }, number),
|
|
13
|
+
react_1.default.createElement("div", { className: "o3-editorial-typography-big-number__content" }, description)));
|
|
14
14
|
};
|
|
15
15
|
exports.default = BigNumber;
|
|
16
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/content-tree/BigNumber/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAQzB;;GAEG;AACH,MAAM,SAAS,GAA6B,CAAC,EAC3C,OAAO,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,GACjC,EAAE,EAAE;IACH,OAAO,CACL,uCAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/content-tree/BigNumber/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAQzB;;GAEG;AACH,MAAM,SAAS,GAA6B,CAAC,EAC3C,OAAO,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,GACjC,EAAE,EAAE;IACH,OAAO,CACL,uCAAK,SAAS,EAAC,yDAAyD;QACtE,uCAAK,SAAS,EAAC,2CAA2C,IAAE,MAAM,CAAO;QACzE,uCAAK,SAAS,EAAC,6CAA6C,IACzD,WAAW,CACR,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}
|
|
@@ -428,18 +428,20 @@ class Clip extends ClipInterface {
|
|
|
428
428
|
};
|
|
429
429
|
const playIconContainer = document.createElement('div');
|
|
430
430
|
playIconContainer.classList.add('cp-clip__play-icon-container');
|
|
431
|
+
playIconContainer.setAttribute('data-o3-theme', 'inverse');
|
|
431
432
|
playIconContainer.append(playIcon);
|
|
432
433
|
const loadingIndicator = document.createElement('div');
|
|
433
434
|
loadingIndicator.classList.add('o-loading', 'o-loading--light', 'o-loading--large');
|
|
434
435
|
const loadingIconContainer = document.createElement('div');
|
|
435
436
|
loadingIconContainer.classList.add('cp-clip__loading-icon-container');
|
|
437
|
+
loadingIconContainer.setAttribute('data-o3-theme', 'inverse');
|
|
436
438
|
const loadingIconBg = document.createElement('div');
|
|
437
439
|
loadingIconBg.classList.add('cp-clip__loading-icon-bg');
|
|
438
440
|
loadingIconContainer.append(loadingIconBg);
|
|
439
441
|
loadingIconBg.append(loadingIndicator);
|
|
440
442
|
const loadingText = document.createElement('span');
|
|
441
443
|
loadingText.innerText = 'LOADING';
|
|
442
|
-
loadingText.classList.add('cp-clip__loading-text');
|
|
444
|
+
loadingText.classList.add('cp-clip__loading-text', 'o3-type-label');
|
|
443
445
|
loadingIconContainer.append(loadingText);
|
|
444
446
|
this.loadingText = loadingText;
|
|
445
447
|
customControls.append(loadingIconContainer);
|
|
@@ -556,7 +558,7 @@ class Clip extends ClipInterface {
|
|
|
556
558
|
const duration = (0, utils_1.formatTime)(this.getDuration());
|
|
557
559
|
this.playText = document.createElement('span');
|
|
558
560
|
this.playText.innerText = `PLAY | ${duration}`;
|
|
559
|
-
this.playText.classList.add('cp-clip__play-text');
|
|
561
|
+
this.playText.classList.add('cp-clip__play-text', 'o3-type-label');
|
|
560
562
|
playIconContainer.append(this.playText);
|
|
561
563
|
this.containerEl.classList.add('cp-clip--ready');
|
|
562
564
|
};
|