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

package/lib/components/Topper/index.js.map

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

package/lib/components/Tweet/index.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import type { ContentTree } from '@financial-times/content-tree';
-import { TweetFragment } from '@financial-times/cp-content-pipeline-client';
-declare const Tweet: React.FC<ContentTree.Tweet & TweetFragment>;
+import { ContentProps } from '../types';
+interface TweetProps extends ContentProps<ContentTree.Tweet> {
+}
+declare const Tweet: React.FC<TweetProps>;
 export default Tweet;

package/lib/components/Tweet/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const Tweet = (tweet) => {
+const Tweet = ({ content: tweet }) => {
     if (tweet.html) {
         return (react_1.default.createElement("div", { className: "n-content-tweet", dangerouslySetInnerHTML: { __html: tweet.html } }));
     }

package/lib/components/Tweet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tweet/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAIzB,MAAM,KAAK,GAAgD,CAAC,KAAK,EAAE,EAAE;IACnE,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,CACL,uCACE,SAAS,EAAC,iBAAiB,EAC3B,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,GAC/C,CACH,CAAA;IACH,CAAC;SAAM,IAAI,KAAK,CAAC,EAAE,EAAE,CAAC;QACpB,OAAO,CACL;YACE,qCAAG,IAAI,EAAE,KAAK,CAAC,EAAE,IAAG,KAAK,CAAC,EAAE,CAAK,CAC/B,CACL,CAAA;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,kBAAe,KAAK,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tweet/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAMzB,MAAM,KAAK,GAAyB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IACzD,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,CACL,uCACE,SAAS,EAAC,iBAAiB,EAC3B,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,GAC/C,CACH,CAAA;IACH,CAAC;SAAM,IAAI,KAAK,CAAC,EAAE,EAAE,CAAC;QACpB,OAAO,CACL;YACE,qCAAG,IAAI,EAAE,KAAK,CAAC,EAAE,IAAG,KAAK,CAAC,EAAE,CAAK,CAC/B,CACL,CAAA;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,kBAAe,KAAK,CAAA"}

package/lib/components/Video/index.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-import { VideoFragment } from '@financial-times/cp-content-pipeline-client';
+import { ContentProps } from '../types';
 import { ContentTreeWorkarounds } from '@financial-times/cp-content-pipeline-schema';
-declare const Video: React.FC<VideoFragment & ContentTreeWorkarounds.Video>;
+interface VideoProps extends ContentProps<ContentTreeWorkarounds.Video> {
+}
+declare const Video: React.FC<VideoProps>;
 export default Video;

package/lib/components/Video/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const Video = ({ id, embedded, title, }) => {
+const Video = ({ content: { id, embedded, title } }) => {
     return (react_1.default.createElement("div", { className: "n-content-video n-content-video--internal", "data-component": "video" },
         react_1.default.createElement("div", { className: "n-content-video__placeholder", "data-o-component": "o-video", "data-o-video-id": id },
             react_1.default.createElement("a", { href: `https://www.ft.com/content/${id}`, "data-embedded": embedded, "data-asset-type": "video", "data-trackable": "link" },

package/lib/components/Video/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Video/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAIzB,MAAM,KAAK,GAA2D,CAAC,EACrE,EAAE,EACF,QAAQ,EACR,KAAK,GACN,EAAE,EAAE;IACH,OAAO,CACL,uCACE,SAAS,EAAC,2CAA2C,oBACtC,OAAO;QAEtB,uCACE,SAAS,EAAC,8BAA8B,sBACvB,SAAS,qBACT,EAAE;YAEnB,qCACE,IAAI,EAAE,8BAA8B,EAAE,EAAE,mBACzB,QAAQ,qBACP,OAAO,oBACR,MAAM;gBAErB,4CAAO,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAQ,CAC1D,CACA,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,KAAK,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Video/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAMzB,MAAM,KAAK,GAAyB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,uCACE,SAAS,EAAC,2CAA2C,oBACtC,OAAO;QAEtB,uCACE,SAAS,EAAC,8BAA8B,sBACvB,SAAS,qBACT,EAAE;YAEnB,qCACE,IAAI,EAAE,8BAA8B,EAAE,EAAE,mBACzB,QAAQ,qBACP,OAAO,oBACR,MAAM;gBAErB,4CAAO,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAQ,CAC1D,CACA,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,KAAK,CAAA"}

package/lib/components/Workarounds.d.ts

@@ -0,0 +1,88 @@
+import type { ContentTree } from '@financial-times/content-tree';
+import { ConceptFragment, TranscriptFragment } from '@financial-times/cp-content-pipeline-client';
+import type { ContentTreeWorkarounds } from '@financial-times/cp-content-pipeline-schema';
+import type { LiteralToPrimitiveDeep, SetFieldType, SetOptional, Simplify } from 'type-fest';
+/**
+ * Helper type to extend partial/undefined fields to also be null. Optional
+ * fields in the Content Tree are represented by a partial field, but are
+ * represented by null (abstracted by the Maybe type) in the content pipeline.
+ */
+type PartialToMaybe<T> = Simplify<{
+    [K in keyof T]: Extract<T[K], undefined> extends never ? T[K] : T[K] | null;
+}>;
+/**
+ * Helper type to apply PartialToMaybe mapper type to each object field
+ * recursively.
+ */
+type PartialToMaybeDeep<T> = T extends object ? PartialToMaybe<{
+    [K in keyof T]: PartialToMaybeDeep<T[K]>;
+}> : T;
+/**
+ * Helper type to convert arrays to readonly arrays. Content Tree arrays are
+ * mutable but the arrays we return from our API are expected to be readonly. We
+ * should explore which assumption is correct and match that in the other
+ * declaration file.
+ */
+type ReadonlyArrays<T> = {
+    [K in keyof T]: ReadonlyArray<T[K]>;
+};
+type ReadonlyArray<T> = T extends Array<infer Item> ? readonly Item[] : T;
+export type TeaserConcept = PartialToMaybe<ReadonlyArrays<SetOptional<ContentTree.TeaserConcept, 'apiUrl' | 'directType' | 'predicate' | 'prefLabel' | 'type' | 'types'>>>;
+export type Image = PartialToMaybe<ReadonlyArrays<LiteralToPrimitiveDeep<SetOptional<ContentTree.Image, 'width' | 'height' | 'sourceSet'>>>>;
+export type Teaser = PartialToMaybeDeep<LiteralToPrimitiveDeep<SetOptional<SetFieldType<SetFieldType<ContentTree.Teaser, 'metaLink' | 'metaAltLink', TeaserConcept>, 'image', Omit<Image, 'id' | 'format'>>, 'type' | 'metaLink' | 'metaAltLink' | 'indicators' | 'image'>>>;
+export type Recommended = PartialToMaybe<ContentTreeWorkarounds.Recommended & {
+    teaser?: Teaser;
+}>;
+export type ImageSetPicture = PartialToMaybe<ReadonlyArrays<SetOptional<SetFieldType<SetFieldType<ContentTree.ImageSetPicture, 'fallbackImage', Image>, 'images', Image[]>, 'caption' | 'credit'>>>;
+export type ImageSet = PartialToMaybe<SetOptional<SetFieldType<ContentTree.ImageSet | ContentTree.LayoutImage, 'picture', ImageSetPicture>, 'picture'>>;
+export type ScrollyImage = PartialToMaybe<SetOptional<SetFieldType<ContentTree.ScrollyImage, 'picture', ImageSetPicture>, 'picture'>>;
+type ClipFormat = 'standard-inline' | 'mobile';
+interface ClipSource {
+    audioCodec?: string;
+    binaryUrl: string;
+    duration?: number;
+    mediaType: string;
+    pixelHeight?: number;
+    pixelWidth?: number;
+    videoCodec?: string;
+}
+export type Clip = PartialToMaybeDeep<ReadonlyArrays<{
+    format?: ClipFormat;
+    dataSource: ClipSource[];
+    poster?: string;
+}>>;
+interface ClipCaption {
+    mediaType?: string;
+    url?: string;
+}
+type ClipTranscript = TranscriptFragment;
+export type ClipAccessibility = PartialToMaybeDeep<ReadonlyArrays<{
+    captions?: ClipCaption[];
+    transcript?: ClipTranscript;
+}>>;
+interface ClipSetReferences {
+    id: string;
+    type: string;
+    accessibility?: ClipAccessibility;
+    noAudio?: boolean;
+    caption?: string;
+    credits?: string;
+    description?: string;
+    displayTitle?: string;
+    contentWarning?: string[];
+    source?: string;
+    subtitle?: string;
+    publishedDate?: string;
+    clips?: Clip[];
+}
+export type ClipSet = PartialToMaybeDeep<ReadonlyArrays<(ContentTreeWorkarounds.OldClip | ContentTreeWorkarounds.ClipSet) & ClipSetReferences>>;
+export type RawImage = ContentTreeWorkarounds.RawImage & {
+    image: Image;
+};
+export type MainImageRaw = ContentTreeWorkarounds.MainImageRaw & {
+    image: Image;
+};
+export type Author = PartialToMaybe<ContentTreeWorkarounds.Author & {
+    concept?: ConceptFragment;
+}>;
+export {};

package/lib/components/Workarounds.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Workarounds.js.map

package/lib/components/Workarounds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workarounds.js","sourceRoot":"","sources":["../../src/components/Workarounds.ts"],"names":[],"mappings":""}

package/lib/components/YoutubeVideo/index.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
-import { ContentTreeWorkarounds } from '@financial-times/cp-content-pipeline-schema';
-declare const YoutubeVideo: React.FC<ContentTreeWorkarounds.YoutubeVideo>;
+import { ContentTree } from '@financial-times/content-tree';
+import { ContentProps } from '../types';
+interface YoutubeVideoProps extends ContentProps<ContentTree.YoutubeVideo> {
+}
+declare const YoutubeVideo: React.FC<YoutubeVideoProps>;
 export default YoutubeVideo;

package/lib/components/YoutubeVideo/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const YoutubeVideo = ({ url, }) => {
+const YoutubeVideo = ({ content: { url } }) => {
     try {
         const parsed = new URL(url);
         const id = parsed.searchParams.get('v');

package/lib/components/YoutubeVideo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/YoutubeVideo/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAGzB,MAAM,YAAY,GAAkD,CAAC,EACnE,GAAG,GACJ,EAAE,EAAE;IACH,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAA;QAC3B,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAEvC,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,CACL,uCACE,SAAS,EAAC,0CAA0C,oBACrC,eAAe;YAE9B,uCAAK,SAAS,EAAC,8BAA8B;gBAC3C,0CACE,SAAS,EAAC,2BAA2B,EACrC,WAAW,EAAE,CAAC,EACd,eAAe,QACf,KAAK,EAAC,yEAAyE,EAC/E,GAAG,EAAE,iCAAiC,EAAE,QAAQ,GAChD,CACE,CACF,CACP,CAAA;IACH,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAED,kBAAe,YAAY,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/YoutubeVideo/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAMzB,MAAM,YAAY,GAAgC,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;IACzE,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAA;QAC3B,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAEvC,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,CACL,uCACE,SAAS,EAAC,0CAA0C,oBACrC,eAAe;YAE9B,uCAAK,SAAS,EAAC,8BAA8B;gBAC3C,0CACE,SAAS,EAAC,2BAA2B,EACrC,WAAW,EAAE,CAAC,EACd,eAAe,QACf,KAAK,EAAC,yEAAyE,EAC/E,GAAG,EAAE,iCAAiC,EAAE,QAAQ,GAChD,CACE,CACF,CACP,CAAA;IACH,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAED,kBAAe,YAAY,CAAA"}

package/lib/components/types.d.ts

@@ -0,0 +1,5 @@
+import { ContentTree } from '@financial-times/content-tree';
+export interface ContentProps<T extends ContentTree.Node> {
+    content: T;
+    parentIndex?: number;
+}

package/lib/components/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/components/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":""}

package/lib/context.d.ts

@@ -1,4 +1,18 @@
+import { PropsWithChildren } from 'react';
+import type { FallbackImageProps, ImageSetProps } from './components/ImageSet';
+import type { PictureProps } from './components/Topper/Picture';
+export type PresentationOverrideTypes = {
+    FallbackImage: React.FC<PropsWithChildren<FallbackImageProps>>;
+    ImageSet: React.FC<PropsWithChildren<ImageSetProps>>;
+    Picture: React.FC<PropsWithChildren<PictureProps>>;
+};
 export interface PresentationFlags {
     reduceFullBleedImages?: boolean;
 }
 export declare const PresentationFlagsContext: import("react").Context<PresentationFlags>;
+export interface PresentationOverrides {
+    FallbackImage?: PresentationOverrideTypes['FallbackImage'];
+    ImageSet?: PresentationOverrideTypes['ImageSet'];
+    Picture?: PresentationOverrideTypes['Picture'];
+}
+export declare const PresentationOverridesContext: import("react").Context<PresentationOverrides>;

package/lib/context.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PresentationFlagsContext = void 0;
+exports.PresentationOverridesContext = exports.PresentationFlagsContext = void 0;
 const react_1 = require("react");
 exports.PresentationFlagsContext = (0, react_1.createContext)({});
+exports.PresentationOverridesContext = (0, react_1.createContext)({});
 //# sourceMappingURL=context.js.map

package/lib/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AAUxB,QAAA,wBAAwB,GAAG,IAAA,qBAAa,EAAoB,EAAE,CAAC,CAAA"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AAmB3C,QAAA,wBAAwB,GAAG,IAAA,qBAAa,EAAoB,EAAE,CAAC,CAAA;AAW/D,QAAA,4BAA4B,GACvC,IAAA,qBAAa,EAAwB,EAAE,CAAC,CAAA"}

package/lib/index.d.ts

@@ -23,4 +23,4 @@ export { default as Tweet } from './components/Tweet';
 export { default as Video } from './components/Video';
 export { default as YoutubeVideo } from './components/YoutubeVideo';
 export { List, ListItem, Link, Blockquote, LineBreak, HorizontalRule, Emphasis, Strong, Strikethrough, Cite, } from './components/RichText/BasicComponents';
-export { PresentationFlagsContext } from './context';
+export { PresentationFlagsContext, PresentationOverridesContext, } from './context';

package/lib/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PresentationFlagsContext = exports.Cite = exports.Strikethrough = exports.Strong = exports.Emphasis = exports.HorizontalRule = exports.LineBreak = exports.Blockquote = exports.Link = exports.ListItem = exports.List = exports.YoutubeVideo = exports.Video = exports.Tweet = exports.Topper = exports.Table = exports.ScrollyBlock = exports.RichText = exports.Recommended = exports.Pullquote = exports.PodcastBody = exports.Paragraph = exports.MainImage = exports.LiveBlogWrapper = exports.LiveBlogBody = exports.LayoutSlot = exports.LayoutContainer = exports.Layout = exports.Clip = exports.ImageSet = exports.Heading = exports.Flourish = exports.Byline = exports.Body = exports.BigNumber = exports.ArticleInfo = exports.ArticleBody = void 0;
+exports.PresentationOverridesContext = exports.PresentationFlagsContext = exports.Cite = exports.Strikethrough = exports.Strong = exports.Emphasis = exports.HorizontalRule = exports.LineBreak = exports.Blockquote = exports.Link = exports.ListItem = exports.List = exports.YoutubeVideo = exports.Video = exports.Tweet = exports.Topper = exports.Table = exports.ScrollyBlock = exports.RichText = exports.Recommended = exports.Pullquote = exports.PodcastBody = exports.Paragraph = exports.MainImage = exports.LiveBlogWrapper = exports.LiveBlogBody = exports.LayoutSlot = exports.LayoutContainer = exports.Layout = exports.Clip = exports.ImageSet = exports.Heading = exports.Flourish = exports.Byline = exports.Body = exports.BigNumber = exports.ArticleInfo = exports.ArticleBody = void 0;
 var ArticleBody_1 = require("./components/ArticleBody");
 Object.defineProperty(exports, "ArticleBody", { enumerable: true, get: function () { return __importDefault(ArticleBody_1).default; } });
 var ArticleInfo_1 = require("./components/ArticleInfo");
@@ -67,4 +67,5 @@ Object.defineProperty(exports, "Strikethrough", { enumerable: true, get: functio
 Object.defineProperty(exports, "Cite", { enumerable: true, get: function () { return BasicComponents_1.Cite; } });
 var context_1 = require("./context");
 Object.defineProperty(exports, "PresentationFlagsContext", { enumerable: true, get: function () { return context_1.PresentationFlagsContext; } });
+Object.defineProperty(exports, "PresentationOverridesContext", { enumerable: true, get: function () { return context_1.PresentationOverridesContext; } });
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,wDAAiE;AAAxD,2HAAA,OAAO,OAAe;AAC/B,wDAAiE;AAAxD,2HAAA,OAAO,OAAe;AAC/B,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAC1B,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,gDAAyD;AAAhD,mHAAA,OAAO,OAAW;AAC3B,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,kEAAsE;AAA7D,kHAAA,OAAO,OAAQ;AACxB,8CAAyE;AAAhE,gGAAA,MAAM,OAAA;AAAE,yGAAA,eAAe,OAAA;AAAE,oGAAA,UAAU,OAAA;AAC5C,0DAAmE;AAA1D,6HAAA,OAAO,OAAgB;AAChC,gEAA8D;AAArD,kHAAA,eAAe,OAAA;AACxB,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,wDAAiE;AAAxD,2HAAA,OAAO,OAAe;AAC/B,sDAAmE;AAA1D,mHAAA,OAAO,OAAa;AAC7B,wDAAiE;AAAxD,2HAAA,OAAO,OAAe;AAC/B,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,8DAA0D;AAAjD,8GAAA,YAAY,OAAA;AACrB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAC1B,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,0DAAmE;AAA1D,6HAAA,OAAO,OAAgB;AAChC,yEAW8C;AAV5C,uGAAA,IAAI,OAAA;AACJ,2GAAA,QAAQ,OAAA;AACR,uGAAA,IAAI,OAAA;AACJ,6GAAA,UAAU,OAAA;AACV,4GAAA,SAAS,OAAA;AACT,iHAAA,cAAc,OAAA;AACd,2GAAA,QAAQ,OAAA;AACR,yGAAA,MAAM,OAAA;AACN,gHAAA,aAAa,OAAA;AACb,uGAAA,IAAI,OAAA;AAEN,qCAAoD;AAA3C,mHAAA,wBAAwB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,wDAAiE;AAAxD,2HAAA,OAAO,OAAe;AAC/B,wDAAiE;AAAxD,2HAAA,OAAO,OAAe;AAC/B,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAC1B,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,gDAAyD;AAAhD,mHAAA,OAAO,OAAW;AAC3B,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,kEAAsE;AAA7D,kHAAA,OAAO,OAAQ;AACxB,8CAAyE;AAAhE,gGAAA,MAAM,OAAA;AAAE,yGAAA,eAAe,OAAA;AAAE,oGAAA,UAAU,OAAA;AAC5C,0DAAmE;AAA1D,6HAAA,OAAO,OAAgB;AAChC,gEAA8D;AAArD,kHAAA,eAAe,OAAA;AACxB,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,wDAAiE;AAAxD,2HAAA,OAAO,OAAe;AAC/B,sDAAmE;AAA1D,mHAAA,OAAO,OAAa;AAC7B,wDAAiE;AAAxD,2HAAA,OAAO,OAAe;AAC/B,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,8DAA0D;AAAjD,8GAAA,YAAY,OAAA;AACrB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAC1B,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,0DAAmE;AAA1D,6HAAA,OAAO,OAAgB;AAChC,yEAW8C;AAV5C,uGAAA,IAAI,OAAA;AACJ,2GAAA,QAAQ,OAAA;AACR,uGAAA,IAAI,OAAA;AACJ,6GAAA,UAAU,OAAA;AACV,4GAAA,SAAS,OAAA;AACT,iHAAA,cAAc,OAAA;AACd,2GAAA,QAAQ,OAAA;AACR,yGAAA,MAAM,OAAA;AACN,gHAAA,aAAa,OAAA;AACb,uGAAA,IAAI,OAAA;AAEN,qCAGkB;AAFhB,mHAAA,wBAAwB,OAAA;AACxB,uHAAA,4BAA4B,OAAA"}

package/lib/stories/Clip.stories.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import ClipServer from '../components/Clip';
 import './Clip.stories.scss';
 import { ClipProps } from '../components/Clip/template/component';
 declare const _default: {
@@ -6,259 +8,53 @@ declare const _default: {
     component: React.FC<ClipProps>;
     tags: string[];
     argTypes: {
-        dataLayout: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Inline: {
-    (args: ClipProps): React.JSX.Element;
-    args: {
-        type: string;
-        autoplay: boolean;
-        loop: boolean;
-        muted: boolean;
-        dataLayout: string;
-        id: string;
-        noAudio: null;
-        caption: string;
-        credits: string;
-        description: string;
-        displayTitle: null;
-        contentWarning: never[];
-        source: null;
-        subtitle: null;
-        publishedDate: string;
-        clips: {
-            __typename: string;
-            format: string;
-            dataSource: ({
-                audioCodec: string;
-                binaryUrl: string;
-                duration: number;
-                mediaType: string;
-                pixelHeight: number;
-                pixelWidth: number;
-                videoCodec: string;
-            } | {
-                audioCodec: string;
-                binaryUrl: string;
-                duration: number;
-                mediaType: string;
-                pixelHeight: null;
-                pixelWidth: null;
-                videoCodec: null;
-            })[];
-            poster: string;
-        }[];
-        accessibility: {
-            captions: {
-                url: string;
-                mediaType: string;
-            }[];
-            transcript: {
-                source: string;
-                structured: {
-                    tree: {
-                        type: string;
-                        version: number;
-                        children: {
-                            type: string;
-                            children: {
-                                type: string;
-                                value: string;
-                            }[];
-                        }[];
-                    };
+        content: {
+            dataLayout: {
+                options: string[];
+                control: {
+                    type: string;
                 };
             };
         };
     };
 };
-export declare const InlineSquare: {
-    (args: ClipProps): React.JSX.Element;
-    args: {
-        autoplay: boolean;
-        loop: boolean;
-        muted: boolean;
-        dataLayout: string;
-        id: string;
-        noAudio: null;
-        caption: null;
-        credits: string;
-        description: string;
-        displayTitle: null;
-        contentWarning: never[];
-        source: null;
-        subtitle: null;
-        publishedDate: string;
-        clips: {
-            __typename: string;
-            format: string;
-            dataSource: {
-                audioCodec: string;
-                binaryUrl: string;
-                duration: number;
-                mediaType: string;
-                pixelHeight: number;
-                pixelWidth: number;
-                videoCodec: string;
-            }[];
-            poster: string;
-        }[];
-        accessibility: {
-            captions: never[];
-            transcript: null;
-        };
-    };
-};
-export declare const InlineLandscape: {
-    (args: ClipProps): React.JSX.Element;
-    args: {
-        url: string;
-        credits: string;
-        caption: string;
-        poster: string;
-        alt: string;
-        dataLayout: string;
-        description: string;
-        noAudio: boolean;
-        accessibility: {
-            captions: {
-                url: string;
-            }[];
-        };
-        clips: {
-            __typename: string;
-            format: string;
-            dataSource: ({
-                audioCodec: string;
-                binaryUrl: string;
-                duration: number;
-                mediaType: string;
-                pixelHeight: number;
-                pixelWidth: number;
-                videoCodec: string;
-            } | {
-                audioCodec: string;
-                binaryUrl: string;
-                duration: number;
-                mediaType: string;
-                pixelHeight: null;
-                pixelWidth: null;
-                videoCodec: null;
-            })[];
-            poster: string;
-        }[];
-    };
-};
-export declare const InlineAutoplay: {
-    (args: ClipProps): React.JSX.Element;
-    args: {
-        type: string;
-        autoplay: boolean;
-        loop: boolean;
-        muted: boolean;
-        dataLayout: string;
-        id: string;
-        noAudio: null;
-        caption: string;
-        credits: string;
-        description: string;
-        displayTitle: null;
-        contentWarning: never[];
-        source: null;
-        subtitle: null;
-        publishedDate: string;
-        clips: {
-            __typename: string;
-            format: string;
-            dataSource: ({
-                audioCodec: string;
-                binaryUrl: string;
-                duration: number;
-                mediaType: string;
-                pixelHeight: number;
-                pixelWidth: number;
-                videoCodec: string;
-            } | {
-                audioCodec: string;
-                binaryUrl: string;
-                duration: number;
-                mediaType: string;
-                pixelHeight: null;
-                pixelWidth: null;
-                videoCodec: null;
-            })[];
-            poster: string;
-        }[];
-        accessibility: {
-            captions: never[];
-            transcript: null;
-        };
-    };
-};
-export declare const NoDataSource: {
-    (args: ClipProps): React.JSX.Element;
-    args: {
-        type: string;
-        autoplay: boolean;
-        loop: boolean;
-        muted: boolean;
-        dataLayout: string;
-        id: string;
-        noAudio: null;
-        caption: string;
-        credits: string;
-        description: string;
-        displayTitle: null;
-        contentWarning: never[];
-        source: null;
-        subtitle: null;
-        publishedDate: string;
-        clips: {
-            __typename: string;
-            format: string;
-            poster: string;
-        }[];
-        accessibility: {
-            captions: never[];
-            transcript: null;
-        };
-    };
-};
+export default _default;
+type Story = StoryObj<typeof ClipServer>;
+export declare const Inline: Story;
+export declare const InlineSquare: Story;
+export declare const InlineLandscape: Story;
+export declare const InlineAutoplay: Story;
+export declare const NoDataSource: Story;
 export declare const ThumbnailClip: {
     (args: ClipProps): React.JSX.Element;
     args: {
-        accessibility: {
-            captions: never[];
-            transcript: null;
-        };
-        autoplay: boolean;
-        clips: {
-            dataSource: {
-                audioCodec: string;
-                binaryUrl: string;
-                duration: number;
-                mediaType: string;
-                pixelHeight: number;
-                pixelWidth: number;
-                videoCodec: string;
+        content: {
+            accessibility: {
+                captions: never[];
+                transcript: null;
+            };
+            autoplay: boolean;
+            clips: {
+                dataSource: {
+                    audioCodec: string;
+                    binaryUrl: string;
+                    duration: number;
+                    mediaType: string;
+                    pixelHeight: number;
+                    pixelWidth: number;
+                    videoCodec: string;
+                }[];
+                id: string;
+                poster: string;
             }[];
+            dataLayout: string;
             id: string;
+            loop: boolean;
+            muted: boolean;
+            noAudio: null;
             poster: string;
-        }[];
-        dataLayout: string;
-        id: string;
-        loop: boolean;
-        muted: boolean;
-        noAudio: null;
-        poster: string;
-        publishedDate: string;
-        type: string;
+            publishedDate: string;
+            type: string;
+        };
     };
 };