@financial-times/cp-content-pipeline-ui 9.9.0 → 9.11.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 +31 -0
- package/lib/components/Topper/{Columnist.d.ts → Columnists.d.ts} +3 -3
- package/lib/components/Topper/Columnists.js +22 -0
- package/lib/components/Topper/Columnists.js.map +1 -0
- package/lib/components/Topper/Tags.d.ts +1 -1
- package/lib/components/Topper/Tags.js +2 -2
- package/lib/components/Topper/Tags.js.map +1 -1
- package/lib/components/Topper/index.js +17 -8
- package/lib/components/Topper/index.js.map +1 -1
- package/lib/components/content-tree/Clip/components/ClipTag.d.ts +1 -0
- package/lib/components/content-tree/Clip/components/ClipTag.js +32 -3
- package/lib/components/content-tree/Clip/components/ClipTag.js.map +1 -1
- package/lib/components/content-tree/Clip/template/component.d.ts +1 -0
- package/lib/components/content-tree/Clip/template/component.js +3 -3
- package/lib/components/content-tree/Clip/template/component.js.map +1 -1
- package/lib/components/content-tree/Workarounds.d.ts +3 -0
- package/package.json +4 -4
- package/src/components/Topper/Columnists.tsx +50 -0
- package/src/components/Topper/Tags.tsx +3 -3
- package/src/components/Topper/index.tsx +21 -10
- package/src/components/content-tree/Clip/components/ClipTag.tsx +58 -11
- package/src/components/content-tree/Clip/template/component.tsx +4 -0
- package/src/components/content-tree/Workarounds.ts +3 -0
- package/tsconfig.tsbuildinfo +1 -1
- package/lib/components/Topper/Columnist.js +0 -18
- package/lib/components/Topper/Columnist.js.map +0 -1
- package/src/components/Topper/Columnist.tsx +0 -40
|
@@ -1,18 +0,0 @@
|
|
|
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
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const Columnist = ({ authorConcept, followButtonVariant, followButtonSlot, }) => {
|
|
8
|
-
return (react_1.default.createElement("div", { className: "o-topper__columnist" },
|
|
9
|
-
react_1.default.createElement("a", { className: "o-topper__columnist-name n-content-tag--with-follow", href: authorConcept.relativeUrl ?? undefined, "data-trackable": "columnist" }, authorConcept.prefLabel),
|
|
10
|
-
followButtonSlot &&
|
|
11
|
-
followButtonSlot({
|
|
12
|
-
conceptId: authorConcept.id,
|
|
13
|
-
conceptName: authorConcept.prefLabel,
|
|
14
|
-
variant: followButtonVariant ?? 'standard',
|
|
15
|
-
})));
|
|
16
|
-
};
|
|
17
|
-
exports.default = Columnist;
|
|
18
|
-
//# sourceMappingURL=Columnist.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Columnist.js","sourceRoot":"","sources":["../../../src/components/Topper/Columnist.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAezB,MAAM,SAAS,GAA6B,CAAC,EAC3C,aAAa,EACb,mBAAmB,EACnB,gBAAgB,GACjB,EAAE,EAAE;IACH,OAAO,CACL,uCAAK,SAAS,EAAC,qBAAqB;QAClC,qCACE,SAAS,EAAC,qDAAqD,EAC/D,IAAI,EAAE,aAAa,CAAC,WAAW,IAAI,SAAS,oBAC7B,WAAW,IAEzB,aAAa,CAAC,SAAS,CACtB;QACH,gBAAgB;YACf,gBAAgB,CAAC;gBACf,SAAS,EAAE,aAAa,CAAC,EAAE;gBAC3B,WAAW,EAAE,aAAa,CAAC,SAAS;gBACpC,OAAO,EAAE,mBAAmB,IAAI,UAAU;aAC3C,CAAC,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import type {
|
|
4
|
-
ConceptFragment,
|
|
5
|
-
TopperFragment,
|
|
6
|
-
} from '@financial-times/cp-content-pipeline-client'
|
|
7
|
-
|
|
8
|
-
import { FollowButtonSlot } from './FollowButtonSlot'
|
|
9
|
-
|
|
10
|
-
type ColumnistProps = {
|
|
11
|
-
authorConcept: ConceptFragment
|
|
12
|
-
followButtonVariant?: TopperFragment['followButtonVariant']
|
|
13
|
-
followButtonSlot?: FollowButtonSlot
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
const Columnist: React.FC<ColumnistProps> = ({
|
|
17
|
-
authorConcept,
|
|
18
|
-
followButtonVariant,
|
|
19
|
-
followButtonSlot,
|
|
20
|
-
}) => {
|
|
21
|
-
return (
|
|
22
|
-
<div className="o-topper__columnist">
|
|
23
|
-
<a
|
|
24
|
-
className="o-topper__columnist-name n-content-tag--with-follow"
|
|
25
|
-
href={authorConcept.relativeUrl ?? undefined}
|
|
26
|
-
data-trackable="columnist"
|
|
27
|
-
>
|
|
28
|
-
{authorConcept.prefLabel}
|
|
29
|
-
</a>
|
|
30
|
-
{followButtonSlot &&
|
|
31
|
-
followButtonSlot({
|
|
32
|
-
conceptId: authorConcept.id,
|
|
33
|
-
conceptName: authorConcept.prefLabel,
|
|
34
|
-
variant: followButtonVariant ?? 'standard',
|
|
35
|
-
})}
|
|
36
|
-
</div>
|
|
37
|
-
)
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
export default Columnist
|