@financial-times/cp-content-pipeline-ui 6.15.6-beta.0 → 7.0.0

package/lib/stories/Clip.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Clip.stories.js","sourceRoot":"","sources":["../../src/stories/Clip.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Clip.stories.js","sourceRoot":"","sources":["../../src/stories/Clip.stories.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/cp-content-pipeline-ui",
-  "version": "6.15.6-beta.0",
+  "version": "7.0.0",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -49,6 +49,7 @@
     "react-test-renderer": "^18.2.0",
     "sass": "^1.63.6",
     "storybook": "^7.0.24",
+    "type-fest": "^4.24.0",
     "webpack": "^5.88.1"
   },
   "dependencies": {

package/src/components/BigNumber/index.tsx

@@ -2,12 +2,15 @@ import React from 'react'
 
 import { ContentTree } from '@financial-times/content-tree'
 
+import { ContentProps } from '../types'
+
+interface BigNumberProps extends ContentProps<ContentTree.BigNumber> {}
+
 /**
  * Renders a BigNumber component
  */
-const BigNumber: React.FC<ContentTree.BigNumber> = ({
-  description,
-  number,
+const BigNumber: React.FC<BigNumberProps> = ({
+  content: { description, number },
 }) => {
   return (
     <div className="n-content-big-number">

package/src/components/Body/__snapshots__/index.test.tsx.snap

@@ -115,7 +115,8 @@ exports[`Body default renderers renders default renderer for ContentPackage 1`]
             class="package-contents__item o-teaser-collection__item o-teaser-collection__item--stretched"
           >
             <div
-              class="o-teaser o-teaser--hero o-teaser--centre o-teaser--stretched js-teaser"
+              class="o-teaser o-teaser--article o-teaser--hero o-teaser--centre o-teaser--stretched js-teaser"
+              data-id="00000000-0000-0000-0000-000000000000"
             >
               <div
                 class="o-teaser__content"

package/src/components/Body/index.test.tsx

@@ -10,8 +10,10 @@ const baseContent: ArticleQuery['content'] = {
   url: 'https://www.ft.com/content/00000000-0000-0000-0000-000000000000',
   publishedDate: '2024-06-11T14:13:25.527Z',
   publishedTimestamp: 1718115205527,
+  modifiedTimestamp: 1718115318431,
   publishReference: 'asdfghjkl',
   firstPublishedDate: '2024-06-11T14:13:25.527Z',
+  annotations: [],
   body: {
     structured: {
       tree: {
@@ -53,8 +55,16 @@ const extraContentForType: Partial<
     __typename: 'ContentPackage',
     contains: [
       {
-        title: 'teaser',
+        id: '00000000-0000-0000-0000-000000000000',
         url: 'https://www.ft.com/content/00000000-0000-0000-0000-000000000000',
+        type: 'article',
+        title: 'teaser',
+        publishedDate: '1970-01-01T00:00:00Z',
+        firstPublishedDate: '1970-01-01T00:00:00Z',
+        metaPrefixText: 'Analysis',
+        indicators: {
+          accessLevel: 'subscribed',
+        },
         relativeUrl: '/content/00000000-0000-0000-0000-000000000000',
       },
     ],
@@ -66,6 +76,7 @@ const extraContentForType: Partial<
         ...baseContent,
         __typename: 'LiveBlogPost',
         title: 'live post 1',
+        authors: [],
       },
     ],
   },

package/src/components/Byline/index.tsx

@@ -2,17 +2,22 @@ import React, { PropsWithChildren } from 'react'
 import { StructuredTreeFragment } from '@financial-times/cp-content-pipeline-client'
 
 import RichText from '../RichText'
+import { ContentProps } from '../types'
+import * as ComponentWorkarounds from '../Workarounds'
 
 type BylineProps = {
   showEditedBy: boolean
   structuredContent: StructuredTreeFragment
 }
 
-const AuthorLink = (props: PropsWithChildren<{ href: string }>) =>
-  props.href ? (
+interface AuthorLinkProps
+  extends ContentProps<ComponentWorkarounds.Author> {}
+
+const AuthorLink: React.FC<PropsWithChildren<AuthorLinkProps>> = (props) =>
+  props.content.concept ? (
     <a
       className="n-content-tag--author"
-      href={props.href}
+      href={props.content.concept.relativeUrl}
       data-trackable="author"
       target="_blank"
     >
@@ -21,7 +26,7 @@ const AuthorLink = (props: PropsWithChildren<{ href: string }>) =>
   ) : null
 
 const bylineComponents = {
-  'author-link': AuthorLink,
+  author: AuthorLink,
 }
 
 const Byline: React.FC<BylineProps> = ({ structuredContent, showEditedBy }) => {

package/src/components/Clip/components/ClipTag.tsx

@@ -5,15 +5,12 @@ import {
   VideoDescription,
   Caption,
 } from './index'
-import {
-  Clip,
-  Accessibility,
-} from '@financial-times/cp-content-pipeline-client'
 import { FixedAspectRatio } from '../../FixedAspectRatio/FixedAspectRatio'
+import type * as ComponentWorkarounds from '../../Workarounds'
 
 interface ClipTagProps {
   id?: string
-  clip: Clip
+  clip: ComponentWorkarounds.Clip
   dataLayout?: string
   dataTrackable?: string
   description?: string
@@ -25,7 +22,7 @@ interface ClipTagProps {
   noInfoBox?: boolean
   noCaption?: boolean
   noClosedCaption?: boolean
-  accessibility?: Accessibility
+  accessibility?: ComponentWorkarounds.ClipAccessibility
   muted?: boolean
   credits?: string
   caption?: string

package/src/components/Clip/components/ClosedCaptions.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { Accessibility } from '@financial-times/cp-content-pipeline-client'
+import type * as ComponentWorkarounds from '../../Workarounds'
 
 interface ClosedCaptionsProps {
-  accessibility?: Accessibility
+  accessibility?: ComponentWorkarounds.ClipAccessibility
 }
 
 export const ClosedCaptions: React.FC<ClosedCaptionsProps> = ({

package/src/components/Clip/components/VideoDescription.tsx

@@ -1,10 +1,10 @@
 import React, { useContext } from 'react'
-import type { Accessibility } from '@financial-times/cp-content-pipeline-client'
 import RichTextContext from '../../RichText/context'
+import type * as ComponentWorkarounds from '../../Workarounds'
 
 interface VideoDescriptionProps {
   description?: string
-  accessibility?: Accessibility
+  accessibility?: ComponentWorkarounds.ClipAccessibility
 }
 
 export const VideoDescription: React.FC<VideoDescriptionProps> = ({

package/src/components/Clip/template/component.tsx

@@ -1,20 +1,23 @@
 import React from 'react'
-import type {
-  Clip,
-  Accessibility,
-} from '@financial-times/cp-content-pipeline-client'
 import { ClipTag, ContentLayout, Container } from '../components'
+import { ContentProps } from '../../types'
+import type * as ComponentWorkarounds from '../../Workarounds'
 
 type Preset = 'full-player' | 'thumbnail'
 
-export interface ClipProps {
+export interface ClipProps extends ContentProps<ComponentWorkarounds.ClipSet> {
+  preload?: string
+  preset?: Preset
+}
+
+export interface ClipPropsOld {
   // Remove on v2
   url?: string
   id?: string
   autoplay?: boolean
   loop?: boolean
   credits?: string
-  clips?: Clip[]
+  clips?: ComponentWorkarounds.Clip[]
   poster?: string
   posterAlt?: string
   dataLayout: string
@@ -22,42 +25,34 @@ export interface ClipProps {
   muted?: boolean
   caption?: string
   noAudio?: boolean
-  accessibility?: Accessibility
+  accessibility?: ComponentWorkarounds.ClipAccessibility
   preload?: string
   preset?: Preset
 }
+
 const ClipComponent: React.FC<ClipProps> = ({
-  url,
-  id,
-  autoplay = false,
-  loop = false,
-  credits = '',
-  clips = [],
-  poster = '',
-  dataLayout,
-  description = '',
-  muted = false,
-  caption = '',
-  noAudio = false,
-  accessibility = {},
+  content,
   preset = 'full-player',
   preload = 'auto',
 }) => {
+  let poster = 'poster' in content ? content.poster : ''
+  let id: string
   // We support currently a single clip, with multiple sources.
-  let clip = {} as Clip
+  let clip: ComponentWorkarounds.Clip
   // V2 has an array of clips
-  if (clips && clips[0]) {
-    clip = clips[0]
-    poster = clip.poster ?? poster
+  if (content.clips && content.clips[0]) {
+    clip = content.clips[0]
+    id = 'id' in content ? content.id : ''
+    if (clip.poster) {
+      poster = clip.poster
+    }
   } else {
     // Create a V1 compatible clip
-    id = url ?? ''
+    id = 'url' in content ? content.url : ''
     clip = {
-      type: '',
-      id: id ?? '',
       dataSource: [
         {
-          binaryUrl: url ?? '',
+          binaryUrl: id ?? '',
           // V1 supports only mp4.
           mediaType: 'video/mp4',
         },
@@ -65,7 +60,10 @@ const ClipComponent: React.FC<ClipProps> = ({
     }
   }
 
-  const posterAttribute = clip?.dataSource?.length && autoplay ? '' : poster
+  const posterAttribute =
+    clip?.dataSource?.length && content.autoplay ? '' : poster
+  const noAudio = content.noAudio ?? false
+  const accessibility = content.accessibility ?? {}
 
   if (preset === 'thumbnail') {
     return (
@@ -74,10 +72,10 @@ const ClipComponent: React.FC<ClipProps> = ({
         clip={clip}
         poster={poster}
         accessibility={accessibility}
-        autoplay={autoplay}
-        loop={loop}
+        autoplay={content.autoplay}
+        loop={content.loop}
         noAudio={noAudio}
-        muted={muted}
+        muted={content.muted}
         preload={preload}
         noCaption
         noDescription
@@ -87,20 +85,20 @@ const ClipComponent: React.FC<ClipProps> = ({
   }
 
   return (
-    <ContentLayout dataLayout={dataLayout}>
-      <Container dataLayout={dataLayout}>
+    <ContentLayout dataLayout={content.dataLayout}>
+      <Container dataLayout={content.dataLayout}>
         <ClipTag
           id={id}
-          dataLayout={dataLayout}
-          description={description}
+          dataLayout={content.dataLayout}
+          description={content.description ?? ''}
           poster={posterAttribute}
-          autoplay={autoplay}
+          autoplay={content.autoplay}
           noAudio={noAudio}
-          loop={loop}
-          muted={muted}
+          loop={content.loop}
+          muted={content.muted}
           clip={clip}
-          credits={credits}
-          caption={caption}
+          credits={content.credits ?? ''}
+          caption={content.caption ?? ''}
           accessibility={accessibility}
           preload={preload}
           dataTrackable="next-article-cp-clip"

package/src/components/Clip/test/__snapshots__/snapshot.spec.tsx.snap

@@ -6,14 +6,12 @@ exports[`Clip Snapshot component rendered on server full-grid default render 1`]
     <div
       data-cp-clip-layout=\\"full-grid\\"
       data-cp-clip-poster=\\"\\"
-      data-cp-clip-autoplay=\\"false\\"
       data-cp-clip-no-audio=\\"false\\"
       data-cp-clip-no-description=\\"false\\"
       data-cp-clip-caption=\\"\\"
       data-cp-clip-no-info-box=\\"false\\"
       data-cp-clip-no-caption=\\"false\\"
       data-cp-clip-closed-caption=\\"false\\"
-      data-cp-clip-loop=\\"false\\"
       class=\\"cp-clip\\"
       data-trackable=\\"next-article-cp-clip\\"
       data-o-component=\\"cp-clip\\"
@@ -109,6 +107,7 @@ exports[`Clip Snapshot component rendered on server full-grid render with attrib
           disablepictureinpicture=\\"\\"
           disableremoteplayback=\\"\\"
           playsinline=\\"\\"
+          muted=\\"\\"
           loop=\\"\\"
           poster=\\"\\"
           preload=\\"auto\\"
@@ -163,14 +162,12 @@ exports[`Clip Snapshot component rendered on server in-line render 1`] = `
   <div
     data-cp-clip-layout=\\"in-line\\"
     data-cp-clip-poster=\\"\\"
-    data-cp-clip-autoplay=\\"false\\"
     data-cp-clip-no-audio=\\"false\\"
     data-cp-clip-no-description=\\"false\\"
     data-cp-clip-caption=\\"\\"
     data-cp-clip-no-info-box=\\"false\\"
     data-cp-clip-no-caption=\\"false\\"
     data-cp-clip-closed-caption=\\"false\\"
-    data-cp-clip-loop=\\"false\\"
     class=\\"cp-clip\\"
     data-trackable=\\"next-article-cp-clip\\"
     data-o-component=\\"cp-clip\\"
@@ -264,6 +261,7 @@ exports[`Clip Snapshot component rendered on server in-line render with attribut
         disablepictureinpicture=\\"\\"
         disableremoteplayback=\\"\\"
         playsinline=\\"\\"
+        muted=\\"\\"
         loop=\\"\\"
         poster=\\"\\"
         preload=\\"auto\\"
@@ -322,14 +320,12 @@ exports[`Clip Snapshot component rendered on server mid-grid default render 1`]
       <div
         data-cp-clip-layout=\\"mid-grid\\"
         data-cp-clip-poster=\\"\\"
-        data-cp-clip-autoplay=\\"false\\"
         data-cp-clip-no-audio=\\"false\\"
         data-cp-clip-no-description=\\"false\\"
         data-cp-clip-caption=\\"\\"
         data-cp-clip-no-info-box=\\"false\\"
         data-cp-clip-no-caption=\\"false\\"
         data-cp-clip-closed-caption=\\"false\\"
-        data-cp-clip-loop=\\"false\\"
         class=\\"cp-clip\\"
         data-trackable=\\"next-article-cp-clip\\"
         data-o-component=\\"cp-clip\\"
@@ -430,6 +426,7 @@ exports[`Clip Snapshot component rendered on server mid-grid render with attribu
             disablepictureinpicture=\\"\\"
             disableremoteplayback=\\"\\"
             playsinline=\\"\\"
+            muted=\\"\\"
             loop=\\"\\"
             poster=\\"\\"
             preload=\\"auto\\"
@@ -491,14 +488,12 @@ exports[`Clip Snapshot component rendered on server renders multiple video sourc
   <div
     data-cp-clip-layout=\\"in-line\\"
     data-cp-clip-poster=\\"https://whatever/1080x1920.jpg\\"
-    data-cp-clip-autoplay=\\"false\\"
     data-cp-clip-no-audio=\\"false\\"
     data-cp-clip-no-description=\\"false\\"
     data-cp-clip-caption=\\"Aenean lobortis volutpat nunc vitae elementum\\"
     data-cp-clip-no-info-box=\\"false\\"
     data-cp-clip-no-caption=\\"false\\"
     data-cp-clip-closed-caption=\\"false\\"
-    data-cp-clip-loop=\\"false\\"
     class=\\"cp-clip\\"
     data-trackable=\\"next-article-cp-clip\\"
     data-o-component=\\"cp-clip\\"
@@ -630,6 +625,7 @@ exports[`Clip Snapshot component rendered on server supports new Origami images,
           disablepictureinpicture=\\"\\"
           disableremoteplayback=\\"\\"
           playsinline=\\"\\"
+          muted=\\"\\"
           loop=\\"\\"
           poster=\\"\\"
           preload=\\"auto\\"