@financial-times/x-teaser 19.0.1 → 20.0.0-beta.2

package/Props.d.ts

@@ -29,12 +29,15 @@ export type ImageSize = 'XS' | 'Small' | 'Medium' | 'Large' | 'XL' | 'XXL'
 export interface Features {
   showMeta?: boolean
   showTitle?: boolean
+  showTitlePrefix?: boolean
   showStandfirst?: boolean
   showPremiumLabel?: boolean
   showExclusiveLabel?: boolean
   showStatus?: boolean
   showImage?: boolean
   showHeadshot?: boolean
+  showByline?: boolean
+  showBylineHeadshot?: boolean
   showVideo?: boolean
   showRelatedLinks?: boolean
   showCustomSlot?: boolean
@@ -55,21 +58,27 @@ export interface General {
 }
 
 export interface Meta {
-  /** Usually a brand, or a genre, or content type */
+  /** @deprecated - is being phased out in favour of `titlePrefix`,
+   * which will be used more sparingly
+   * Usually a brand, or a genre, or content type */
   metaPrefixText?: string
   metaSuffixText?: string
+  /** @deprecated - use metaLinks instead */
   metaLink?: MetaLink
-  /** Fallback used if the parentId is the same as the display concept */
+  /** @deprecated - use metaLinks instead
+   * Fallback used if the parentId is the same as the display concept */
   metaAltLink?: MetaLink
   /** Promoted content type */
   promotedPrefixText?: string
   promotedSuffixText?: string
+  metaLinks?: [linkText: string, relativeUrl: string][]
 }
 
 export interface Title {
   title: string
   /** Used for testing headline variations */
   altTitle?: string
+  titlePrefix?: string
 }
 
 export interface Standfirst {
@@ -94,6 +103,7 @@ export interface Image {
   imageLazyLoad?: Boolean | String
 }
 
+/** @deprecated - use byline instead */
 export interface Headshot {
   headshot?: String
   headshotTint?: String
@@ -129,6 +139,7 @@ export interface Variants {
 // Sub-props
 //
 
+/** @deprecated - use metaLinks property instead */
 export interface MetaLink {
   url: string
   /** Preferred if available */
@@ -164,6 +175,10 @@ export interface Indicators {
   isScoop?: boolean
 }
 
+export interface Byline {
+  byline?: [text: string, relativeUrl?: string, headshotUrl?: string][]
+}
+
 export interface TeaserProps
   extends Features,
     General,
@@ -173,6 +188,7 @@ export interface TeaserProps
     Status,
     Image,
     Headshot,
+    Byline,
     Video,
     RelatedLinks,
     Context,

package/__fixtures__/article.json

@@ -18,6 +18,17 @@
     "url": "#",
     "prefLabel": "FT Investigations"
   },
+  "titlePrefix": "FT Investigation",
+  "metaLinks": [
+    [
+      "Sexual misconduct allegations",
+      "#"
+    ],
+    [
+      "FT Investigations",
+      "#"
+    ]
+  ],
   "image": {
     "url": "http://prod-upp-image-read.ft.com/a25832ea-0053-11e8-9650-9c0ad2d7c5b5",
     "width": 2048,

package/__fixtures__/content-package.json

@@ -18,6 +18,17 @@
     "url": "#",
     "prefLabel": "FT Series"
   },
+  "titlePrefix": null,
+  "metaLinks": [
+    [
+      "FT Magazine",
+      "#"
+    ],
+    [
+      "FT Series",
+      "#"
+    ]
+  ],
   "image": {
     "url": "http://prod-upp-image-read.ft.com/7e97f5b6-578d-11e8-b8b2-d6ceb45fa9d0",
     "width": 2048,

package/__fixtures__/opinion.json

@@ -18,6 +18,17 @@
     "url": "#",
     "prefLabel": "Anti-Semitism"
   },
+  "titlePrefix": null,
+  "metaLinks": [
+    [
+      "Antisemitism",
+      "/anti-semitism"
+    ],
+    [
+      "Religion",
+      "/religion"
+    ]
+  ],
   "image": {
     "url": "http://prod-upp-image-read.ft.com/1005ca96-364b-11e8-8b98-2f31af407cc8",
     "width": 2048,
@@ -28,6 +39,9 @@
     "isOpinion": true,
     "isColumn": true
   },
+  "byline": [
+    ["Gideon Rachman", "/gideon-rachman", "fthead-v1:gideon-rachman"]
+  ],
   "showHeadshot": true,
   "status": "",
   "headshotTint": "",

package/__fixtures__/package-item.json

@@ -12,6 +12,17 @@
     "url": "#",
     "prefLabel": "Financial crisis: Are we safer now? "
   },
+  "titlePrefix": null,
+  "metaLinks": [
+    [
+      "Financial crisis: Are we safer now? ",
+      "#"
+    ],
+    [
+      "Global Economy",
+      "/global-economy"
+    ]
+  ],
   "image": {
     "url": "http://prod-upp-image-read.ft.com/a25832ea-0053-11e8-9650-9c0ad2d7c5b5",
     "width": 2048,

package/__fixtures__/podcast.json

@@ -13,6 +13,13 @@
     "prefLabel": "Tech Tonic podcast"
   },
   "metaAltLink": "",
+  "titlePrefix": null,
+  "metaLinks": [
+    [
+      "Tech Tonic podcast",
+      "#"
+    ]
+  ],
   "image": {
     "url": "https://www.ft.com/__origami/service/image/v2/images/raw/http%3A%2F%2Fprod-upp-image-read.ft.com%2F5d1a54aa-f49b-11e8-ae55-df4bf40f9d0d?source=next&fit=scale-down&compression=best&width=240",
     "width": 2048,

package/__fixtures__/top-story.json

@@ -19,6 +19,17 @@
     "url": "#",
     "prefLabel": "FT Investigations"
   },
+  "titlePrefix": "FT Investigation",
+  "metaLinks": [
+    [
+      "Sexual misconduct allegations",
+      "#"
+    ],
+    [
+      "Charity",
+      "#"
+    ]
+  ],
   "image": {
     "url": "http://prod-upp-image-read.ft.com/a25832ea-0053-11e8-9650-9c0ad2d7c5b5",
     "width": 2048,

package/__fixtures__/video.json

@@ -17,6 +17,17 @@
     "url": "#",
     "prefLabel": "US"
   },
+  "titlePrefix": null,
+  "metaLinks": [
+    [
+      "Global Trade",
+      "#"
+    ],
+    [
+      "Global Economy",
+      "#"
+    ]
+  ],
   "image": {
     "url": "http://com.ft.imagepublish.upp-prod-eu.s3.amazonaws.com/a27ce49b-85b8-445b-b883-db6e2f533194",
     "width": 1920,