@financial-times/cp-content-pipeline-ui 6.7.0 → 6.8.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.7.0",
+  "version": "6.8.0",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -17,6 +17,9 @@
     "@babel/preset-react": "^7.22.5",
     "@dotcom-tool-kit/npm": "^3.1.4",
     "@financial-times/content-tree": "github:financial-times/content-tree#14370e3",
+    "@financial-times/cp-content-pipeline-client": "^3.8.0",
+    "@financial-times/cp-content-pipeline-schema": "^2.11.0",
+    "@financial-times/cp-content-pipeline-styles": "^2.5.1",
     "@financial-times/n-scrollytelling-image": "^1.1.0",
     "@financial-times/o-colors": "^6.6.2",
     "@financial-times/o-grid": "^6.1.5",
@@ -58,7 +61,7 @@
     "@financial-times/o-loading": "^5.2.3",
     "@financial-times/o-teaser": "^6.2.2",
     "@financial-times/x-teaser": "^14.6.5",
-    "classnames": "^2.5.1"
+    "classnames": "^2.3.1"
   },
   "peerDependencies": {
     "@financial-times/x-interaction": ">=14",

package/src/components/Clip/client/main.scss

@@ -57,10 +57,10 @@
 		position: absolute;
 		justify-content: space-between;
 		align-items: flex-end;
-		padding: oSpacingByName('s1') oSpacingByName('s2') oSpacingByName('s4') oSpacingByName('s2');
+		padding: oSpacingByName('s1') oSpacingByName('s2') oSpacingByName('s6') oSpacingByName('s2');
 		box-sizing: border-box;
 		@include oGridRespondTo($from: L) {
-			padding: oSpacingByName('s1') oSpacingByName('s6') oSpacingByName('s4') oSpacingByName('s6')
+			padding: oSpacingByName('s1') oSpacingByName('s6') oSpacingByName('s6') oSpacingByName('s6')
 		}
 		background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 38.38%, rgba(153, 153, 153, 0) 100%);
 

package/src/components/Clip/client/progressBar.scss

@@ -24,22 +24,23 @@
     }
 
     &.cp-clip__progress-enlarged {
-      height: 8px;
+      $progress-enlarged-height: 8px;
+      height: $progress-enlarged-height;
       margin-top: -4px;
 
       .cp-clip__progress-cursor {
-        transform: translate(-5px, -5px);
+        transform: translate(-50%, calc(-50% - $progress-enlarged-height / 2));
         width: 18px;
         border-radius: 50%;
         height: 18px;
-        display: inline-block;
+        display: block;
         position: absolute;
-
       }
       .cp-clip__progress-time {
         $progress-time-left-offset: -12px;
-        $progress-time-height-offset: -33px;
-        display: inline-block;
+        $progress-time-height-offset: -22px;
+        display: block;
+        position: absolute;
         transform: translate($progress-time-left-offset, calc($progress-time-height-offset - 2px));
         color: oColorsByName('white');
         font-size: 14px;
@@ -47,18 +48,11 @@
         @include oGridRespondTo(L) {
           transform: translate($progress-time-left-offset, $progress-time-height-offset);
         }
-        &.cp-clip__time-text-fixed-left {
-          left: calc(10% - 20px);
-        }
-        &.cp-clip__time-text-fixed-right {
-          right: calc(10% - 15px);
-        }
       }
     }
     div {
       background-color: oColorsByName('teal-70');
       height: 100%;
-      float: left;
     }
     .cp-clip__progress-ended {
       .cp-clip__progress-cursor,
@@ -74,7 +68,7 @@
     }
     .cp-clip__progress-bar {
       padding: 0px;
-      margin-right: -5px;
+      width: 0%; // render 0 progress by default
     }
   }
 }

package/src/components/Clip/client/progressBar.ts

@@ -156,6 +156,8 @@ class ProgressBar {
       ? `width ${durationAnimation}ms linear`
       : 'none'
     this.progressBar.style.width = `${progress}%`
+    this.cursor.style.left = `${progress}%`
+    this.timeText.style.left = `clamp(5%, ${progress}%, 95%)`
     const timeFromProgress = !animation
     this.updateTimeText(progress, timeFromProgress)
   }
@@ -222,14 +224,6 @@ class ProgressBar {
     if (timeFormatted !== this.timeText.textContent) {
       this.timeText.textContent = timeFormatted
     }
-    if (progress < 10) {
-      this.timeText.classList.add('cp-clip__time-text-fixed-left')
-    } else if (progress > 90) {
-      this.timeText.classList.add('cp-clip__time-text-fixed-right')
-    } else {
-      this.timeText.classList.remove('cp-clip__time-text-fixed-right')
-      this.timeText.classList.remove('cp-clip__time-text-fixed-left')
-    }
   }
 
   windowMouseMoveListener(e: MouseEvent) {

package/src/components/Clip/components/Container.tsx

@@ -7,11 +7,9 @@ interface ContainerProps {
 
 export const Container = ({ dataLayout, children }: ContainerProps) => {
   return dataLayout === 'full-grid' ? (
-    <div className="n-content-layout__container" data-component="clip-set">
-      {children}
-    </div>
+    <div className="n-content-layout__container">{children}</div>
   ) : dataLayout === 'mid-grid' ? (
-    <div className="n-content-layout__container" data-component="clip-set">
+    <div className="n-content-layout__container">
       <div
         data-o-grid-colspan="12 S12 M12 L10 XL10"
         className="n-content-layout__container--mid-grid"
@@ -20,11 +18,6 @@ export const Container = ({ dataLayout, children }: ContainerProps) => {
       </div>
     </div>
   ) : (
-    <div
-      className="n-content-layout__container--in-line"
-      data-component="clip-set"
-    >
-      {children}
-    </div>
+    <div className="n-content-layout__container--in-line">{children}</div>
   )
 }

package/src/components/Clip/template/index.ts

@@ -1,4 +1,5 @@
 // This file will is used by next-es-interface and it renders the component as a string
+/* eslint-disable import/no-unused-modules */
 // TODO: Remove this file once next-es-interface and Elastic Search won't be used anymore to render articles (After r13n API will be used in Production by all the consumers: FT-App, next-article, FT Edit)
 import React from 'react'
 import ReactDOMServer from 'react-dom/server'

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

@@ -2,7 +2,7 @@
 
 exports[`Clip Snapshot component rendered on server full-grid default render 1`] = `
 "<div class=\\"n-content-layout\\" data-layout-width=\\"full-grid\\">
-  <div class=\\"n-content-layout__container\\" data-component=\\"clip-set\\">
+  <div class=\\"n-content-layout__container\\">
     <div
       data-cp-clip-layout=\\"full-grid\\"
       data-cp-clip-poster=\\"\\"
@@ -64,7 +64,7 @@ exports[`Clip Snapshot component rendered on server full-grid default render 1`]
 
 exports[`Clip Snapshot component rendered on server full-grid render with attributes 1`] = `
 "<div class=\\"n-content-layout\\" data-layout-width=\\"full-grid\\">
-  <div class=\\"n-content-layout__container\\" data-component=\\"clip-set\\">
+  <div class=\\"n-content-layout__container\\">
     <div
       data-cp-clip-layout=\\"full-grid\\"
       data-cp-clip-poster=\\"\\"
@@ -151,7 +151,7 @@ exports[`Clip Snapshot component rendered on server full-grid render with attrib
 `;
 
 exports[`Clip Snapshot component rendered on server in-line render 1`] = `
-"<div class=\\"n-content-layout__container--in-line\\" data-component=\\"clip-set\\">
+"<div class=\\"n-content-layout__container--in-line\\">
   <div
     data-cp-clip-layout=\\"in-line\\"
     data-cp-clip-poster=\\"\\"
@@ -211,7 +211,7 @@ exports[`Clip Snapshot component rendered on server in-line render 1`] = `
 `;
 
 exports[`Clip Snapshot component rendered on server in-line render with attributes 1`] = `
-"<div class=\\"n-content-layout__container--in-line\\" data-component=\\"clip-set\\">
+"<div class=\\"n-content-layout__container--in-line\\">
   <div
     data-cp-clip-layout=\\"in-line\\"
     data-cp-clip-poster=\\"\\"
@@ -298,7 +298,7 @@ exports[`Clip Snapshot component rendered on server in-line render with attribut
 
 exports[`Clip Snapshot component rendered on server mid-grid default render 1`] = `
 "<div class=\\"n-content-layout\\" data-layout-width=\\"full-grid\\">
-  <div class=\\"n-content-layout__container\\" data-component=\\"clip-set\\">
+  <div class=\\"n-content-layout__container\\">
     <div
       data-o-grid-colspan=\\"12 S12 M12 L10 XL10\\"
       class=\\"n-content-layout__container--mid-grid\\"
@@ -365,7 +365,7 @@ exports[`Clip Snapshot component rendered on server mid-grid default render 1`]
 
 exports[`Clip Snapshot component rendered on server mid-grid render with attributes 1`] = `
 "<div class=\\"n-content-layout\\" data-layout-width=\\"full-grid\\">
-  <div class=\\"n-content-layout__container\\" data-component=\\"clip-set\\">
+  <div class=\\"n-content-layout__container\\">
     <div
       data-o-grid-colspan=\\"12 S12 M12 L10 XL10\\"
       class=\\"n-content-layout__container--mid-grid\\"
@@ -463,7 +463,7 @@ exports[`Clip Snapshot component rendered on server mid-grid render with attribu
 `;
 
 exports[`Clip Snapshot component rendered on server renders multiple video sources 1`] = `
-"<div class=\\"n-content-layout__container--in-line\\" data-component=\\"clip-set\\">
+"<div class=\\"n-content-layout__container--in-line\\">
   <div
     data-cp-clip-layout=\\"in-line\\"
     data-cp-clip-poster=\\"https://whatever/1080x1920.jpg\\"
@@ -561,7 +561,7 @@ exports[`Clip Snapshot component rendered on server renders multiple video sourc
 
 exports[`Clip Snapshot component rendered on server supports new Origami images, fallbacking to the previous implementation 1`] = `
 "<div class=\\"n-content-layout\\" data-layout-width=\\"full-grid\\">
-  <div class=\\"n-content-layout__container\\" data-component=\\"clip-set\\">
+  <div class=\\"n-content-layout__container\\">
     <div
       data-cp-clip-layout=\\"full-grid\\"
       data-cp-clip-poster=\\"\\"

package/src/components/ImageSet/index.tsx

@@ -212,7 +212,6 @@ export default function ImageSet(
           'n-content-image'
         }
         style={figureWidth(imageSet.picture)}
-        data-component="image-set"
       >
         <picture>
           <Sources images={imageSet.picture.images} />

package/src/components/LiveBlogPost/index.tsx

@@ -2,13 +2,10 @@ import React from 'react'
 import ShareButtons from './ShareButtons'
 import Timestamp from './Timestamp'
 import RichText from '../RichText'
-import Expander from '../Expander'
 import classnames from 'classnames'
 import Headshot from '../Headshot'
 import Byline from '../Byline'
 import { StructuredTreeFragment } from '@financial-times/cp-content-pipeline-client'
-import parse from 'html-react-parser'
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 //TODO: CI-1975 remove "any" types
 // this has been ported from x-dash, and a lot of what is expected into these arguments will take a lot of digging
@@ -17,26 +14,6 @@ type indicators = {
   isOpinion?: boolean
 }
 
-const TruncatedPost = ({ id, children }: { id: string; children: any }) => {
-  return (
-    <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"
-    >
-      <Expander
-        expandLabel="Expand post"
-        collapseLabel="Collapse post"
-        onlyMobile={true}
-        id={`truncated-${id}`}
-      >
-        {children}
-      </Expander>
-    </div>
-  )
-}
-
 export type LiveBlogPostProps = {
   id: string
   postId: string // Remove once wordpress is no longer in use
@@ -62,6 +39,23 @@ export type LiveBlogPostProps = {
   authors: Array<any>
 }
 
+const truncatedSelector = () => {
+  const prefix = '.x-live-blog-post__body >'
+  const selectors = [
+    'p',
+    'blockquote',
+    'ul',
+    '.o-table-container',
+    '.n-content-recommended--single-story',
+    "[data-layout-name='card']",
+    '.n-content-big-number',
+    'hr',
+    '.n-content-tweet',
+    "[data-layout-name='timeline']",
+  ]
+  return selectors.map((item) => `${prefix} ${item}`).join(',')
+}
+
 const LiveBlogPost = ({
   id,
   postId, // Remove once wordpress is no longer in use
@@ -88,15 +82,18 @@ const LiveBlogPost = ({
   if (body && 'structured' in body) {
     // Content comes from cp-content-pipeline-api
     postBody = (
-      <TruncatedPost id={id}>
+      <div className="x-live-blog-post__body n-content-body article--body">
         <RichText structuredContent={body.structured} />
-      </TruncatedPost>
+      </div>
     )
   } else {
-    const elements = parse(bodyHTML || content)
-
     // Content comes from next-es or wordpress
-    postBody = <TruncatedPost id={id}>{elements}</TruncatedPost>
+    postBody = (
+      <div
+        className="x-live-blog-post__body n-content-body article--body"
+        dangerouslySetInnerHTML={{ __html: bodyHTML || content }}
+      />
+    )
   }
 
   const author = authors?.[0] ?? null
@@ -158,7 +155,23 @@ const LiveBlogPost = ({
         <div className="x-live-blog-post__breaking-news">Breaking news</div>
       )}
       {title && <h2 className="x-live-blog-post__title">{title}</h2>}
-      {postBody}
+      {isPinned ? (
+        <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'}
+        >
+          <div className="o-expander__content">{postBody}</div>
+          <a className="o-expander__toggle o-expander__text--custom">
+            <span className="o-expander__visually-hidden">&nbsp;</span>
+          </a>
+        </div>
+      ) : (
+        postBody
+      )}
       <div className="x-live-blog-post__controls">
         {showShareButtons && (
           <ShareButtons

package/src/components/LiveBlogWrapper/index.tsx

@@ -193,7 +193,6 @@ class BaseLiveBlogWrapper extends Component<LiveBlogWrapperTypes, stateTypes> {
         className="x-live-blog-wrapper"
         data-live-blog-wrapper-id={id}
         ref={liveBlogWrapperElementRef}
-        data-component="live-blog-wrapper"
       >
         {postElements}
       </div>

package/src/components/PartnerContentHeader/index.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+
+const PartnerContentHeader = ({ name }: { name: string }) => (
+  <div className="partner-content-header">
+    <div className="partner-content-header__content">
+      <div className="partner-content-header__client">{name}</div>
+      <div className="partner-content-header__title">
+        <p>Partner Content</p>
+        <button className="partner-content__title__button"></button>
+      </div>
+    </div>
+  </div>
+)
+
+export default PartnerContentHeader

package/src/components/Recommended/index.tsx

@@ -25,7 +25,6 @@ export default function Recommended({
       className={classnames('n-content-recommended--single-story', {
         'n-content-recommended--inset': !isInLiveBlog,
       })}
-      data-component="recommended"
     >
       {!isInLiveBlog && (
         <p className="n-content-recommended__title">{heading}</p>

package/src/components/Table/index.tsx

@@ -22,7 +22,6 @@ export default function Table({
           'o-table-container--contracted': Boolean(collapseAfterHowManyRows),
         })}
         data-layout-width={layoutWidth}
-        data-component="table"
       >
         <div
           className={classNames('o-table-overlay-wrapper', {