@20minutes/hela 0.0.4 → 0.0.7

package/dist/index.d.ts

@@ -1,40 +1,82 @@
 /// <reference types="react" />
+import { AwsRumConfig, AwsRum } from 'aws-rum-web';
 import * as React from 'react';
 import React__default, { ButtonHTMLAttributes } from 'react';
 import { RawDraftContentState } from 'draft-js';
 
 declare type ColorSchemeBrand = 'magazine' | 'prduction' | 'c2c';
 declare type ColorSchemeTheme = 'primary' | 'direct' | 'entertainment' | 'planet' | 'sport' | 'default';
-declare type Color = ColorSchemeBrand | ColorSchemeTheme;
+declare type ColorSchemeGeneric = 'white' | 'black';
+declare type Color = ColorSchemeBrand | ColorSchemeTheme | ColorSchemeGeneric;
 
-declare enum LayoutType {
+declare const enum LayoutType {
     MOBILE = "mobile",
     DESKTOP = "desktop"
 }
 
 declare type ThemeType = 'light' | 'dark';
 
-declare type DefaultDataType = {
+interface ContentDataLayerType {
+    signature?: string;
+    nbParagraphs?: number;
+}
+
+interface DefaultDataLayerType {
     page_uri: string;
-};
-declare type UserDataType = {
+}
+
+interface UserDataLayerType {
     darkmode: number;
+}
+
+interface DataLayerType extends DefaultDataLayerType, UserDataLayerType, ContentDataLayerType {
+}
+
+declare type VariablesDataLayerType = ContentDataLayerType;
+
+interface AwsRumVariablesType {
+    APPLICATION_ID: string;
+    APPLICATION_VERSION: string;
+    APPLICATION_REGION: string;
+    config: AwsRumConfig;
+}
+
+declare global {
+    interface Window extends VariablesDataLayerType {
+        datalayer?: Partial<DataLayerType>;
+        awsRumVariables: AwsRumVariablesType;
+        awsRum?: AwsRum;
+    }
+}
+
+interface ComponentConfig {
+    componentName: string;
+    helaName: string;
+}
+declare const COMPONENT_CONFIGS: ComponentConfig[];
+
+declare type TemplateComponentConfig = {
+    name: string;
+    propsName: string;
+    useKey: boolean;
+    required: boolean;
 };
-declare type ContentDataType = {
-    signature?: string;
-    nbParagraphs?: number;
+declare type TemplateConfig = {
+    name: string;
+    helaName: string;
+    components: TemplateComponentConfig[];
 };
-declare type DatalayerType = DefaultDataType & UserDataType & ContentDataType;
-
-declare type CustomWindow = Window & typeof globalThis & {
-    datalayer: {
-        signature?: string;
-        nbParagraphs?: number;
-        darkmode?: number;
-        page_uri?: string;
+declare const TEMPLATE_CONFIGS: TemplateConfig[];
+
+interface AdProps {
+    id: string;
+    classes?: Array<string>;
+    lazyload?: {
+        delayed: boolean;
+        distanceVisible?: number;
     };
-};
-declare const myWindow: CustomWindow;
+}
+declare const Ad: React__default.FC<AdProps>;
 
 interface AlertProps {
     variant?: 'success' | 'warning' | 'error';
@@ -50,11 +92,17 @@ interface AvatarProps {
 }
 declare const Avatar: React__default.FC<AvatarProps>;
 
-declare type IconName = 'arrow' | 'comment' | 'heart' | 'home' | 'ic_diode' | 'share' | 'report' | 'bookmark' | 'local' | 'podcast' | 'view';
+declare type IconName = 'apple' | 'arrow' | 'bookmark' | 'comment' | 'dailymotion' | 'facebook' | 'flipboard' | 'googleplay' | 'instagram' | 'connect' | 'heart' | 'home' | 'diode-leaning' | 'menu' | 'local' | 'logo' | 'podcast' | 'report' | 'snapchat' | 'share' | 'tiktok' | 'twitter' | 'view' | 'youtube' | 'search';
 interface IconProps extends Omit<React__default.SVGAttributes<SVGElement>, 'width' | 'height'> {
     className?: string;
     name: IconName;
-    size?: number;
+    size?: number | number[];
+    containerProps?: {
+        round?: boolean;
+        bgColor?: Color;
+        borderColor?: Color;
+        size?: 's' | 'm';
+    };
 }
 declare const Icon: React__default.FC<IconProps>;
 
@@ -64,6 +112,12 @@ interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElem
 }
 declare const Button: React__default.FC<ButtonProps>;
 
+interface DividerSectionProps {
+    classnames?: string;
+    colorScheme?: ColorSchemeTheme;
+}
+declare const DividerSection: React__default.FC<DividerSectionProps>;
+
 interface DividerProps {
     colorScheme?: ColorSchemeTheme;
 }
@@ -94,9 +148,9 @@ interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElemen
     children: React__default.ReactNode;
     href: string;
     variant?: 'link' | 'button';
-    targetBlank: boolean;
-    nofollow: boolean;
-    sponsored: boolean;
+    isTargetBlank?: boolean;
+    isNofollow?: boolean;
+    isSponsored?: boolean;
 }
 declare const Link: React__default.FC<LinkProps>;
 
@@ -111,6 +165,16 @@ declare const Tag: React__default.FC<TagProps>;
 
 declare function Pipe(): JSX.Element;
 
+interface ReadAlsoProps {
+    title: string;
+    link: string;
+    label: string;
+    isNofollow: boolean;
+    isSponsored: boolean;
+    isTargetBlank: boolean;
+}
+declare const ReadAlso: React__default.FC<ReadAlsoProps>;
+
 interface SectionProps {
     inner?: boolean;
     children: React__default.ReactNode;
@@ -167,7 +231,7 @@ interface CategoryCardProps {
     title: string;
     headline: string;
     cover: string;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare const CategoryCard: React__default.FC<CategoryCardProps>;
 
@@ -177,7 +241,7 @@ interface GameCardProps {
     headline: string;
     summary: string;
     cover: string;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare const GameCard: React__default.FC<GameCardProps>;
 
@@ -187,7 +251,7 @@ interface HomeLiveCardProps {
     headline: string;
     cover: string;
     publishedAt: string;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare const HomeLiveCard: React__default.FC<HomeLiveCardProps>;
 
@@ -218,7 +282,7 @@ interface LargeCardProps {
     cover: string;
     signatureProps: SignatureProps;
     socialBarProps: SocialBarProps;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare const LargeCard: React__default.FC<LargeCardProps>;
 
@@ -230,7 +294,7 @@ interface LiveCardProps {
     summary: string;
     publishedAt: string;
     socialBarProps: SocialBarProps;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare function LiveCard({ link, title, cover, headline, publishedAt, summary, socialBarProps, layout, }: LiveCardProps): JSX.Element;
 
@@ -241,7 +305,7 @@ interface MediumCardProps {
     cover: string;
     socialBarProps: SocialBarProps;
     signatureProps: SignatureProps;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare function MediumCard({ link, title, cover, headline, socialBarProps, signatureProps, layout, }: MediumCardProps): JSX.Element;
 
@@ -261,7 +325,7 @@ interface MostReadCardProps {
     index: string;
     summary?: string;
     viewCount?: number;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
     isSimplified: boolean;
     withBorder: boolean;
     colorScheme?: ColorSchemeTheme;
@@ -273,16 +337,16 @@ interface NewsCardProps {
     headline: string;
     title: string;
     link: 'https://www.20minutes.fr/';
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
-declare function NewsCard({ link, cover, headline, title, layout }: NewsCardProps): JSX.Element;
+declare function NewsCard({ link, cover, headline, title, layout, }: NewsCardProps): JSX.Element;
 
 interface OverviewCardProps {
     cover: string;
     link: string;
     headline: string;
     title: string;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare function OverviewCard({ link, cover, headline, title, layout, }: OverviewCardProps): JSX.Element;
 
@@ -293,7 +357,7 @@ interface PodcastCardProps {
     cover: string;
     podcastTime: string;
     socialBarProps: SocialBarProps;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare function PodcastCard({ title, link, cover, headline, socialBarProps, podcastTime, layout, }: PodcastCardProps): JSX.Element;
 
@@ -303,7 +367,7 @@ interface RegionalCardProps {
     location: string;
     headline: string;
     socialBarProps: SocialBarProps;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare const RegionalCard: React__default.FC<RegionalCardProps>;
 
@@ -315,7 +379,7 @@ interface RubricCardProps {
     cover: string;
     signatureProps: SignatureProps;
     socialBarProps: SocialBarProps;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare const RubricCard: React__default.FC<RubricCardProps>;
 
@@ -326,7 +390,7 @@ interface SmallCardProps {
     cover: string;
     socialBarProps: SocialBarProps;
     publishedAt: string;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare const SmallCard: React__default.FC<SmallCardProps>;
 
@@ -343,7 +407,7 @@ interface SmallGameCardProps {
     link: string;
     headline: string;
     cover: string;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare const SmallGameCard: React__default.FC<SmallGameCardProps>;
 
@@ -352,7 +416,7 @@ interface SmallLiveCardProps {
     link: string;
     headline: string;
     title: string;
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare const SmallLiveCard: React__default.FC<SmallLiveCardProps>;
 
@@ -374,6 +438,7 @@ declare const ArticleHeader: React.FC<ArticleHeaderProps>;
 interface ArticleImageCoverProps {
     src: string;
     caption: string;
+    isCaptionInside?: boolean;
     layout?: LayoutType;
 }
 declare const ArticleImageCover: React.FC<ArticleImageCoverProps>;
@@ -414,6 +479,34 @@ interface CategoryCardsProps {
 }
 declare function CategoryCards({ articles, label, colorScheme }: CategoryCardsProps): JSX.Element;
 
+interface FooterCategoriesProps {
+    categories: {
+        name: string;
+        links: {
+            name: string;
+            url: string;
+        }[];
+    }[];
+}
+declare const FooterCategories: React.FC<FooterCategoriesProps>;
+
+interface FooterLinksProps {
+    footerBar: {
+        links: {
+            name: string;
+            url: string;
+        }[];
+    }[];
+}
+declare const FooterLinks: React.FC<FooterLinksProps>;
+
+interface HeaderPageProps {
+    title: string;
+    subtitle?: string;
+    colorScheme?: ColorSchemeTheme;
+}
+declare const HeaderPage: React.FC<HeaderPageProps>;
+
 interface MostReadArticlesProps {
     tabItems: {
         name: string;
@@ -448,7 +541,7 @@ declare const Newsletter: React__default.FC<NewsletterProps>;
 interface OverviewBarProps {
     label: string;
     articles: OverviewCardProps[];
-    layout?: 'desktop' | 'mobile';
+    layout?: LayoutType;
 }
 declare function OverviewBar({ articles, label }: OverviewBarProps): JSX.Element;
 
@@ -462,15 +555,35 @@ interface PartnerCardsProps {
 }
 declare function PartnerCards({ columns, label, colorScheme }: PartnerCardsProps): JSX.Element;
 
+interface SocialIconProps {
+    socialIcon: {
+        icon: {
+            name: IconName;
+            url: string;
+        }[];
+    }[];
+}
+declare const SocialIcon: React.FC<SocialIconProps>;
+
 interface TagBarProps {
     tags: TagProps[];
 }
 declare const TagBar: React__default.FC<TagBarProps>;
 
-interface DatalayerProps {
-    signature?: string;
-    nbParagraphs?: number;
+interface FooterProps extends FooterCategoriesProps, FooterLinksProps, SocialIconProps {
+}
+declare const Footer: React.FC<FooterProps>;
+
+interface HeaderProps {
+    headerLinks: {
+        links: {
+            name: string;
+            url: string;
+            theme?: string;
+        }[];
+    }[];
 }
+declare const Header: React.FC<HeaderProps>;
 
 interface PageTemplateProps {
     stylesheets?: {
@@ -479,9 +592,13 @@ interface PageTemplateProps {
     }[];
     criticalCss?: string;
     mainInlineScript?: string;
+    awsRum?: {
+        variables: AwsRumVariablesType;
+        inlineScript: string;
+    };
     datalayerInlineScript?: string;
     children: React.ReactNode;
-    datalayerVariables?: DatalayerProps;
+    datalayerVariables?: VariablesDataLayerType;
 }
 declare const PageTemplate: React.FC<PageTemplateProps>;
 
@@ -504,4 +621,10 @@ interface ArticlePageProps extends PageTemplateProps {
 }
 declare const ArticlePage: React.FC<ArticlePageProps>;
 
-export { Alert, AlertProps, ArticleContent, ArticleContentProps, ArticleHeader, ArticleHeaderProps, ArticleImageCover, ArticleImageCoverProps, ArticlePage, ArticlePageProps, ArticleSummary, ArticleSummaryProps, ArticleVideoCover, ArticleVideoCoverProps, Avatar, AvatarProps, Breadcrumb, BreadcrumbProps, Button, ButtonProps, CategoryCard, CategoryCardProps, CategoryCards, CategoryCardsProps, Color, ColorSchemeBrand, ColorSchemeTheme, ContentDataType, CustomWindow, DatalayerType, DefaultDataType, Divider, DividerProps, GameCard, GameCardProps, Heading, HeadingProps, HomeLiveCard, HomeLiveCardProps, Icon, IconName, IconProps, Img, ImgProps, Input, InputProps, Label, LabelProps, LargeCard, LargeCardProps, LayoutType, Link, LinkProps, LiveCard, LiveCardProps, MediumCard, MediumCardProps, MenuCard, MenuCardProps, MostReadArticles, MostReadArticlesProps, MostReadCard, MostReadCardProps, NewsCard, NewsCardProps, NewsCards, NewsCardsProps, Newsletter, NewsletterProps, OverviewBar, OverviewBarProps, OverviewCard, OverviewCardProps, PageTemplate, PageTemplateProps, PartnerCards, PartnerCardsProps, Pipe, PodcastCard, PodcastCardProps, RegionalCard, RegionalCardProps, RubricCard, RubricCardProps, Section, SectionProps, Signature, SignatureProps, SmallCard, SmallCardProps, SmallCategoryCard, SmallCategoryCardProps, SmallGameCard, SmallGameCardProps, SmallLiveCard, SmallLiveCardProps, SocialBar, SocialBarProps, Switch, SwitchDarkMode, SwitchDarkModeProps, SwitchProps, Tab, TabPanel, TabPanelProps, TabProps, Tag, TagBar, TagBarProps, TagProps, Text, TextProps, ThemeType, UserDataType, myWindow };
+interface HoroscopePageProps extends PageTemplateProps {
+    breadcrumb: React.ReactNode;
+    headerpage: React.ReactNode;
+}
+declare const HoroscopePage: React.FC<HoroscopePageProps>;
+
+export { Ad, AdProps, Alert, AlertProps, ArticleContent, ArticleContentProps, ArticleHeader, ArticleHeaderProps, ArticleImageCover, ArticleImageCoverProps, ArticlePage, ArticlePageProps, ArticleSummary, ArticleSummaryProps, ArticleVideoCover, ArticleVideoCoverProps, Avatar, AvatarProps, Breadcrumb, BreadcrumbProps, Button, ButtonProps, COMPONENT_CONFIGS, CategoryCard, CategoryCardProps, CategoryCards, CategoryCardsProps, Color, ColorSchemeBrand, ColorSchemeGeneric, ColorSchemeTheme, ComponentConfig, ContentDataLayerType, DataLayerType, DefaultDataLayerType, Divider, DividerProps, DividerSection, DividerSectionProps, Footer, FooterCategories, FooterCategoriesProps, FooterLinks, FooterLinksProps, FooterProps, GameCard, GameCardProps, Header, HeaderPage, HeaderPageProps, HeaderProps, Heading, HeadingProps, HomeLiveCard, HomeLiveCardProps, HoroscopePage, HoroscopePageProps, Icon, IconName, IconProps, Img, ImgProps, Input, InputProps, Label, LabelProps, LargeCard, LargeCardProps, LayoutType, Link, LinkProps, LiveCard, LiveCardProps, MediumCard, MediumCardProps, MenuCard, MenuCardProps, MostReadArticles, MostReadArticlesProps, MostReadCard, MostReadCardProps, NewsCard, NewsCardProps, NewsCards, NewsCardsProps, Newsletter, NewsletterProps, OverviewBar, OverviewBarProps, OverviewCard, OverviewCardProps, PageTemplate, PageTemplateProps, PartnerCards, PartnerCardsProps, Pipe, PodcastCard, PodcastCardProps, ReadAlso, ReadAlsoProps, RegionalCard, RegionalCardProps, RubricCard, RubricCardProps, Section, SectionProps, Signature, SignatureProps, SmallCard, SmallCardProps, SmallCategoryCard, SmallCategoryCardProps, SmallGameCard, SmallGameCardProps, SmallLiveCard, SmallLiveCardProps, SocialBar, SocialBarProps, SocialIcon, SocialIconProps, Switch, SwitchDarkMode, SwitchDarkModeProps, SwitchProps, TEMPLATE_CONFIGS, Tab, TabPanel, TabPanelProps, TabProps, Tag, TagBar, TagBarProps, TagProps, TemplateComponentConfig, TemplateConfig, Text, TextProps, ThemeType, UserDataLayerType, VariablesDataLayerType };