@financial-times/cp-content-pipeline-ui 9.9.0 → 9.11.0

package/src/components/content-tree/Clip/template/component.tsx

@@ -8,6 +8,7 @@ type Preset = 'full-player' | 'thumbnail'
 export interface ClipProps extends ContentProps<ComponentWorkarounds.ClipSet> {
   preload?: string
   preset?: Preset
+  maxClipWidth?: number
 }
 
 export interface ClipPropsOld {
@@ -34,6 +35,7 @@ const ClipComponent: React.FC<ClipProps> = ({
   content,
   preset = 'full-player',
   preload = 'auto',
+  maxClipWidth = 0,
 }) => {
   let poster = 'poster' in content ? content.poster : ''
   let id: string
@@ -82,6 +84,7 @@ const ClipComponent: React.FC<ClipProps> = ({
         noDescription
         noInfoBox
         systemTitle={systemTitle}
+        maxClipWidth={maxClipWidth}
       />
     )
   }
@@ -105,6 +108,7 @@ const ClipComponent: React.FC<ClipProps> = ({
           accessibility={accessibility}
           preload={preload}
           dataTrackable="next-article-cp-clip"
+          maxClipWidth={maxClipWidth}
         />
       </Container>
     </ContentLayout>

package/src/components/content-tree/Workarounds.ts

@@ -144,6 +144,9 @@ interface ClipSource {
   pixelHeight?: number
   pixelWidth?: number
   videoCodec?: string
+  quality?: string
+  dppx?: number
+  previousSourceWidth?: number
 }
 export type Clip = PartialToMaybeDeep<
   ReadonlyArrays<{