@20minutes/hela 0.1.3 → 0.1.4

package/dist/index.d.ts

@@ -0,0 +1,672 @@
+/// <reference types="react" />
+import * as React from 'react';
+import React__default, { useLayoutEffect as useLayoutEffect$1, SVGProps, ButtonHTMLAttributes } from 'react';
+import { RawDraftContentState } from 'draft-js';
+
+declare type ColorSchemeBrand = 'magazine' | 'prduction' | 'c2c';
+declare type ColorSchemeTheme = 'primary' | 'direct' | 'entertainment' | 'planet' | 'sport' | 'default' | 'economy' | 'community' | 'weird' | 'partner' | 'media' | 'hightech' | 'summer';
+declare type ColorSchemeGeneric = 'white' | 'black';
+declare type Color = ColorSchemeBrand | ColorSchemeTheme | ColorSchemeGeneric;
+
+declare const enum LayoutType {
+    MOBILE = "mobile",
+    DESKTOP = "desktop"
+}
+
+declare type TabType = 'default' | 'secondary';
+
+declare type ThemeType = 'light' | 'dark';
+
+declare const useLayoutEffect: typeof useLayoutEffect$1;
+
+interface AdProps {
+    adUnitCompletePath: string;
+    classes?: string;
+    lazyload?: {
+        delayed: boolean;
+        distanceVisible?: number;
+    };
+    variant?: 'ATF' | 'BAN' | 'PAVE' | 'HEADER' | 'ARTICLE';
+    adMention?: boolean;
+}
+declare const Ad: React__default.FC<AdProps>;
+
+interface AlertProps {
+    variant?: 'success' | 'warning' | 'error';
+    title: string;
+    description?: string;
+}
+declare const Alert: React__default.FC<AlertProps>;
+
+interface AvatarProps {
+    img: string;
+    imgHD: string;
+    alt?: string;
+}
+declare const Avatar: React__default.FC<AvatarProps>;
+
+declare type IconName = '20mn-pub' | 'apple' | 'arrow' | 'bookmark' | 'chevron' | 'close' | 'clover' | 'comment' | 'connect' | 'dailymotion' | 'darkmode' | 'diode-leaning' | 'diode' | 'facebook' | 'flipboard' | 'googleplay' | 'health' | 'heart' | 'horoscope' | 'home' | 'instagram' | 'jeux' | 'journal' | 'local' | 'logo' | 'menu' | 'mood' | 'newsletters' | 'not-found' | 'notification' | 'podcast' | 'report' | 'search' | 'server-error' | 'share' | 'snapchat' | 'tiktok' | 'twitter' | 'view' | 'youtube' | 'work';
+declare type IconHoroscopeName = 'horoscope-belier' | 'horoscope-taureau' | 'horoscope-gemeaux' | 'horoscope-cancer' | 'horoscope-lion' | 'horoscope-vierge' | 'horoscope-balance' | 'horoscope-scorpion' | 'horoscope-sagittaire' | 'horoscope-capricorne' | 'horoscope-verseau' | 'horoscope-poissons' | 'horoscope-buffle' | 'horoscope-cheval' | 'horoscope-chevre' | 'horoscope-chien' | 'horoscope-cochon' | 'horoscope-coq' | 'horoscope-dragon' | 'horoscope-lapin' | 'horoscope-rat' | 'horoscope-serpent' | 'horoscope-singe' | 'horoscope-tigre';
+interface IconProps extends Omit<React__default.SVGAttributes<SVGElement>, 'width' | 'height'> {
+    className?: string;
+    name: IconName | IconHoroscopeName;
+    size?: number | number[];
+    withBorder?: boolean;
+    isRounded?: boolean;
+}
+declare const Icon: React__default.FC<IconProps>;
+
+declare const SvgSprite: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'simple' | 'navigation';
+    children?: React__default.ReactNode;
+    icon?: IconName;
+    iconClassNames?: string;
+    iconSize?: number | number[];
+}
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+interface DividerSectionProps {
+    withIcon?: boolean;
+    classnames?: string;
+    colorScheme?: ColorSchemeTheme;
+}
+declare const DividerSection: React__default.FC<DividerSectionProps>;
+
+interface DividerProps extends React__default.HTMLAttributes<HTMLHRElement> {
+    textProps?: {
+        text: string;
+        className?: string;
+    };
+}
+declare const Divider: React__default.FC<DividerProps>;
+
+interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    icon?: IconName;
+    positionIcon?: 'left' | 'right';
+    isIconButton?: boolean;
+    iconButtonProps?: ButtonProps;
+    variant?: 'success' | 'error';
+    msg?: string;
+    variantMsg?: 'default' | 'error' | 'success';
+}
+declare const Input: React__default.FC<InputProps>;
+
+interface ImgProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    defaultFormat: string;
+    formats?: string[];
+    sizes?: string;
+    alt?: string;
+}
+declare const Img: React__default.FC<ImgProps>;
+
+interface LabelProps {
+    children: React__default.ReactNode;
+    variant?: 'subtle' | 'solid';
+    withLeftDivider?: boolean;
+    withRightDivider?: boolean;
+    colorScheme?: Color;
+    isUppercase?: boolean;
+}
+declare const Label: React__default.FC<LabelProps>;
+
+interface LabelSectionProps {
+    children: React__default.ReactNode;
+}
+declare const LabelSection: React__default.FC<LabelSectionProps>;
+
+interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
+    children: React__default.ReactNode;
+    variant?: 'default' | 'primary-button' | 'secondary-button';
+    isTargetBlank?: boolean;
+    isNofollow?: boolean;
+    isSponsored?: boolean;
+}
+declare const Link: React__default.FC<LinkProps>;
+
+interface ModalProps {
+    children: React__default.ReactNode;
+    variant?: 'center' | 'left' | 'right';
+    contentClassName?: string;
+}
+declare const Modal: React__default.FC<ModalProps>;
+
+declare type MetaTagProps = 'name' | 'property' | 'content';
+interface MetaProps {
+    metaPropsList: {
+        [key in MetaTagProps]?: string;
+    }[];
+}
+declare const Meta: React__default.FC<MetaProps>;
+
+interface TagProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'id'> {
+    children?: React__default.ReactNode;
+    id?: number;
+    link?: string;
+    variant?: 'primary' | 'secondary' | 'breadcrumb';
+    colorScheme?: ColorSchemeTheme;
+}
+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;
+}
+declare const Section: React__default.FC<SectionProps>;
+
+interface SwitchProps {
+    id?: string;
+    className?: string;
+    label?: string;
+    isChecked?: boolean;
+}
+declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+interface SwitchDarkModeProps {
+    id?: string;
+    label?: string;
+    isChecked?: boolean;
+}
+declare const SwitchDarkMode: ({ id, label, isChecked }: SwitchDarkModeProps) => JSX.Element;
+
+interface TypographyProps<HTMLElementType> extends React__default.HTMLAttributes<Partial<HTMLElementType>> {
+    as?: keyof HTMLElementType;
+    color?: ColorSchemeTheme;
+    children: React__default.ReactNode;
+}
+
+declare type HeadingHTMLElementType = Pick<JSX.IntrinsicElements, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
+interface HeadingProps extends TypographyProps<HeadingHTMLElementType> {
+    variant?: 'default' | 'secondary';
+}
+declare const Heading: React__default.FC<HeadingProps>;
+
+declare type TextHTMLElementType = Pick<JSX.IntrinsicElements, 'p' | 'span' | 'strong' | 'em'>;
+declare type TextProps = TypographyProps<TextHTMLElementType>;
+declare const Text: React__default.FC<TextProps>;
+
+interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: TabType;
+    name: string;
+    colorScheme?: ColorSchemeTheme;
+    isSelected?: boolean;
+    index?: 0 | -1;
+}
+declare const Tab: React__default.FC<TabProps>;
+
+interface TabPanelProps {
+    name: string;
+    children: React__default.ReactNode;
+    isHidden?: boolean;
+}
+declare const TabPanel: React__default.FC<TabPanelProps>;
+
+interface ScrollProgressBarProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    colorScheme?: ColorSchemeTheme;
+    hasLimit?: boolean;
+    variant?: 'article-mobile';
+}
+declare const ScrollProgressBar: React__default.FC<ScrollProgressBarProps>;
+
+interface ArticleContentProps {
+    content: RawDraftContentState;
+    colorScheme?: ColorSchemeTheme;
+}
+declare const ArticleContent: React.FC<ArticleContentProps>;
+
+interface ArticleHeaderProps {
+    title: string;
+    lead: string;
+    label: string;
+    colorScheme?: ColorSchemeTheme;
+    rightImageUrl?: string;
+}
+declare const ArticleHeader: React.FC<ArticleHeaderProps>;
+
+interface ArticleImageCoverProps {
+    src: string;
+    caption: string;
+    isCaptionInside?: boolean;
+    layout?: LayoutType;
+}
+declare const ArticleImageCover: React.FC<ArticleImageCoverProps>;
+
+interface ArticleSummaryProps {
+    summary: RawDraftContentState;
+    colorScheme?: ColorSchemeTheme;
+}
+declare const ArticleSummary: React.FC<ArticleSummaryProps>;
+
+interface ArticleVideoCoverProps {
+    src: string;
+    caption: string;
+}
+declare const ArticleVideoCover: React.FC<ArticleVideoCoverProps>;
+
+interface BreadcrumbProps {
+    rubric: {
+        label: string;
+        link?: string;
+    };
+    parentRubric?: {
+        label: string;
+        link?: string;
+    };
+    tags?: {
+        label: string;
+        link?: string;
+    }[];
+    colorScheme?: ColorSchemeTheme;
+    layout?: LayoutType;
+}
+declare const Breadcrumb: React.FC<BreadcrumbProps>;
+
+interface CategoryCardProps {
+    cover: string;
+    headline: string;
+    title: string;
+    link: string;
+    layout?: LayoutType;
+}
+declare const CategoryCard: React__default.FC<CategoryCardProps>;
+
+interface GameCardProps {
+    link: string;
+    title: string;
+    headline: string;
+    summary: string;
+    cover: string;
+    layout?: LayoutType;
+}
+declare const GameCard: React__default.FC<GameCardProps>;
+
+interface HomeLiveCardProps {
+    link: string;
+    title: string;
+    headline: string;
+    cover: string;
+    publishedAt: string;
+    layout?: LayoutType;
+}
+declare const HomeLiveCard: React__default.FC<HomeLiveCardProps>;
+
+interface SignatureProps {
+    avatar: string;
+    avatarHD: string;
+    username: string;
+    publishedAt: string;
+    editedAt: string;
+    userlink?: string;
+}
+declare const Signature: React__default.FC<SignatureProps>;
+
+interface SocialBarProps {
+    layout?: LayoutType;
+    variant?: 'advanced' | 'simple';
+    commentCount: number;
+    shareCount: number;
+    colorScheme?: ColorSchemeTheme;
+}
+declare function SocialBar({ variant, commentCount, shareCount, colorScheme, layout, }: SocialBarProps): JSX.Element;
+
+interface LargeCardProps {
+    link: string;
+    title: string;
+    headline: string;
+    summary: string;
+    cover: string;
+    signatureProps: SignatureProps;
+    socialBarProps: SocialBarProps;
+    layout?: LayoutType;
+}
+declare const LargeCard: React__default.FC<LargeCardProps>;
+
+interface LiveCardProps {
+    link: string;
+    title: string;
+    headline: string;
+    cover: string;
+    publishedAt: string;
+    socialBarProps: SocialBarProps;
+    layout?: LayoutType;
+}
+declare const LiveCard: React__default.FC<LiveCardProps>;
+
+interface MediumCardProps {
+    cover: string;
+    headline: string;
+    title: string;
+    link: string;
+    layout?: LayoutType;
+}
+declare const MediumCard: React__default.FC<MediumCardProps>;
+
+interface MenuCardProps {
+    cover: string;
+    headline: string;
+    title: string;
+    link: string;
+}
+declare function MenuCard({ link, cover, headline, title }: MenuCardProps): JSX.Element;
+
+interface MostReadCardProps {
+    headline: string;
+    link: string;
+    cover?: string;
+    title: string;
+    index: string;
+    summary?: string;
+    viewCount?: number;
+    layout?: LayoutType;
+    isSimplified: boolean;
+    withBorder: boolean;
+    colorScheme?: ColorSchemeTheme;
+}
+declare const MostReadCard: React__default.FC<MostReadCardProps>;
+
+interface NewsCardProps {
+    cover: string;
+    headline: string;
+    title: string;
+    link: string;
+    layout?: LayoutType;
+}
+declare function NewsCard({ link, cover, headline, title, layout, }: NewsCardProps): JSX.Element;
+
+interface OverviewCardProps {
+    cover: string;
+    link: string;
+    headline: string;
+    title: string;
+    colorScheme?: Color;
+}
+declare function OverviewCard({ link, cover, headline, title, colorScheme }: OverviewCardProps): JSX.Element;
+
+interface PodcastCardProps {
+    title: string;
+    link: string;
+    headline: string;
+    cover: string;
+    podcastTime: string;
+    socialBarProps: SocialBarProps;
+    layout?: LayoutType;
+}
+declare function PodcastCard({ title, link, cover, headline, socialBarProps, podcastTime, layout, }: PodcastCardProps): JSX.Element;
+
+interface RegionalCardProps {
+    title: string;
+    link: string;
+    location: string;
+    headline: string;
+    socialBarProps: SocialBarProps;
+    layout?: LayoutType;
+}
+declare const RegionalCard: React__default.FC<RegionalCardProps>;
+
+interface RubricCardProps {
+    title: string;
+    link: string;
+    headline: string;
+    summary: string;
+    cover: string;
+    signatureProps: SignatureProps;
+    socialBarProps: SocialBarProps;
+    layout?: LayoutType;
+}
+declare const RubricCard: React__default.FC<RubricCardProps>;
+
+interface SmallCardProps {
+    title: string;
+    link: string;
+    headline: string;
+    cover: string;
+}
+declare const SmallCard: React__default.FC<SmallCardProps>;
+
+interface SmallGameCardProps {
+    title: string;
+    link: string;
+    headline: string;
+    cover: string;
+    layout?: LayoutType;
+}
+declare const SmallGameCard: React__default.FC<SmallGameCardProps>;
+
+interface SmallLiveCardProps {
+    cover: string;
+    link: string;
+    headline: string;
+    title: string;
+    layout?: LayoutType;
+}
+declare const SmallLiveCard: React__default.FC<SmallLiveCardProps>;
+
+interface CategoryCardsProps {
+    articles: CategoryCardProps[];
+    label: string;
+    layout?: LayoutType;
+}
+declare const CategoryCards: React__default.FC<CategoryCardsProps>;
+
+interface ErrorResponsesContentProps {
+    statusCode: '404' | '500';
+}
+declare const ErrorResponsesContent: React.FC<ErrorResponsesContentProps>;
+
+interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
+    headingClass?: string;
+    listClass?: string;
+    title: string;
+    iconClass?: string;
+    btnClass?: string;
+    isOpen?: boolean;
+    index: number;
+}
+declare const Collapse: React.FC<CollapseProps>;
+
+interface FooterCategoriesProps {
+    layout?: LayoutType;
+    categories: {
+        name: string;
+        links: {
+            name: string;
+            url: string;
+        }[];
+    }[];
+}
+declare const FooterCategories: React.FC<FooterCategoriesProps>;
+
+interface FooterLinksProps {
+    listClass?: string;
+    footerBar: {
+        links: {
+            name: string;
+            url: string;
+            javascript?: string;
+        }[];
+    }[];
+}
+declare const FooterLinks: React.FC<FooterLinksProps>;
+
+interface HeaderBannerProps {
+    title: string;
+    subtitle: string;
+    icon?: IconHoroscopeName;
+    variant?: 'lightBlue' | 'darkBlue' | 'yellow' | 'orange' | 'transparent';
+    classname?: string;
+}
+declare const HeaderBanner: React.FC<HeaderBannerProps>;
+
+interface HeaderSideModalProps extends ButtonProps {
+    modalIconSize?: number | number[];
+}
+declare const HeaderSideModal: React__default.FC<HeaderSideModalProps>;
+
+interface HeaderPageProps {
+    title: string;
+    subtitle?: string | RawDraftContentState;
+    colorScheme?: ColorSchemeTheme;
+}
+declare const HeaderPage: React__default.FC<HeaderPageProps>;
+
+interface InfoBannerProps {
+    title: string;
+    description: string;
+}
+declare const InfoBanner: React__default.FC<InfoBannerProps>;
+
+interface HoroscopeTopicCardProps {
+    icon: IconName;
+    title: string;
+    content: string;
+    withBorder?: boolean;
+    classnames?: string;
+}
+declare const HoroscopeTopicCard: React.FC<HoroscopeTopicCardProps>;
+
+interface HoroscopeContentProps {
+    topics: HoroscopeTopicCardProps[];
+    infoBannerProps: InfoBannerProps;
+}
+declare const HoroscopeContent: React.FC<HoroscopeContentProps>;
+
+interface HoroscopeHomepageContentProps {
+    signsContent: {
+        heading: HeaderBannerProps;
+        topics: HoroscopeTopicCardProps[];
+        link: LinkProps;
+    }[];
+}
+declare const HoroscopeHomepageContent: React.FC<HoroscopeHomepageContentProps>;
+
+interface HoroscopeTilesProps {
+    horoscopeSignsList: {
+        label: string;
+        slug: string;
+        url: string;
+    }[];
+}
+declare const HoroscopeTiles: React.FC<HoroscopeTilesProps>;
+
+interface LiveCardsProps {
+    articles: LiveCardProps[];
+    layout?: LayoutType;
+}
+declare const LiveCards: React__default.FC<LiveCardsProps>;
+
+interface MenuProps {
+    categories: {
+        name: string;
+        categoryLink?: string;
+        theme?: ColorSchemeTheme;
+        links: LinkProps[];
+        tags?: TagProps[];
+    }[];
+    tagsActu: TagProps[];
+    layout: LayoutType;
+}
+declare const Menu: React__default.FC<MenuProps>;
+
+interface MostReadArticlesProps {
+    tabItems: {
+        name: string;
+        title: string;
+        body: {
+            rubricSlug: string;
+            rubricName: string;
+            title: string;
+            url: string;
+        }[];
+    }[];
+    tabItemActive?: string;
+}
+declare const MostReadArticles: React.FC<MostReadArticlesProps>;
+
+interface NewsCardsProps {
+    articles: NewsCardProps[];
+    label: string;
+    colorScheme: ColorSchemeTheme;
+}
+declare const NewsCards: React__default.FC<NewsCardsProps>;
+
+interface NewsletterProps {
+    title: string;
+    description: string;
+    placeholder: string;
+    buttonLabel: string;
+    checkboxLabel: string;
+}
+declare const Newsletter: React__default.FC<NewsletterProps>;
+
+interface OverviewBarProps {
+    articles: OverviewCardProps[];
+    layout?: LayoutType;
+}
+declare function OverviewBar({ articles, layout }: OverviewBarProps): JSX.Element;
+
+interface PartnerCardsProps {
+    columns: {
+        label: string;
+        articles: MediumCardProps[] | SmallCardProps[];
+    }[];
+}
+declare const PartnerCards: React__default.FC<PartnerCardsProps>;
+
+interface SocialIconsProps {
+    socialIcons: {
+        icons: {
+            name: IconName;
+            url: string;
+        }[];
+    }[];
+}
+declare const SocialIcons: React.FC<SocialIconsProps>;
+
+interface TagBarProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    tags: TagProps[];
+}
+declare const TagBar: React__default.FC<TagBarProps>;
+
+interface TilesProps extends LinkProps {
+    icon: IconName;
+    iconClassNames?: string;
+    iconSize?: number | number[];
+    className?: string;
+}
+declare const Tiles: React__default.FC<TilesProps>;
+
+interface FooterProps extends FooterCategoriesProps, FooterLinksProps, SocialIconsProps {
+    layout: LayoutType;
+}
+declare const Footer: React.FC<FooterProps>;
+
+interface HeaderDesktopProps {
+    headerLinks: {
+        name: string;
+        url: string;
+        theme?: string;
+    }[];
+    dividerColor?: ColorSchemeTheme;
+}
+
+interface HeaderProps extends HeaderDesktopProps {
+    layout: LayoutType;
+}
+declare const Header: React.FC<HeaderProps>;
+
+export { Ad, AdProps, Alert, AlertProps, ArticleContent, ArticleContentProps, ArticleHeader, ArticleHeaderProps, ArticleImageCover, ArticleImageCoverProps, ArticleSummary, ArticleSummaryProps, ArticleVideoCover, ArticleVideoCoverProps, Avatar, AvatarProps, Breadcrumb, BreadcrumbProps, Button, ButtonProps, CategoryCard, CategoryCardProps, CategoryCards, CategoryCardsProps, Collapse, CollapseProps, Color, ColorSchemeBrand, ColorSchemeGeneric, ColorSchemeTheme, Divider, DividerProps, DividerSection, DividerSectionProps, ErrorResponsesContent, ErrorResponsesContentProps, Footer, FooterCategories, FooterCategoriesProps, FooterLinks, FooterLinksProps, FooterProps, GameCard, GameCardProps, Header, HeaderBanner, HeaderBannerProps, HeaderPage, HeaderPageProps, HeaderProps, HeaderSideModal, HeaderSideModalProps, Heading, HeadingProps, HomeLiveCard, HomeLiveCardProps, HoroscopeContent, HoroscopeContentProps, HoroscopeHomepageContent, HoroscopeHomepageContentProps, HoroscopeTiles, HoroscopeTilesProps, HoroscopeTopicCard, HoroscopeTopicCardProps, Icon, IconHoroscopeName, IconName, IconProps, Img, ImgProps, InfoBanner, InfoBannerProps, Input, InputProps, Label, LabelProps, LabelSection, LabelSectionProps, LargeCard, LargeCardProps, LayoutType, Link, LinkProps, LiveCard, LiveCardProps, LiveCards, LiveCardsProps, MediumCard, MediumCardProps, Menu, MenuCard, MenuCardProps, MenuProps, Meta, MetaProps, Modal, ModalProps, MostReadArticles, MostReadArticlesProps, MostReadCard, MostReadCardProps, NewsCard, NewsCardProps, NewsCards, NewsCardsProps, Newsletter, NewsletterProps, OverviewBar, OverviewBarProps, OverviewCard, OverviewCardProps, PartnerCards, PartnerCardsProps, Pipe, PodcastCard, PodcastCardProps, ReadAlso, ReadAlsoProps, RegionalCard, RegionalCardProps, RubricCard, RubricCardProps, ScrollProgressBar, ScrollProgressBarProps, Section, SectionProps, Signature, SignatureProps, SmallCard, SmallCardProps, SmallGameCard, SmallGameCardProps, SmallLiveCard, SmallLiveCardProps, SocialBar, SocialBarProps, SocialIcons, SocialIconsProps, SvgSprite, Switch, SwitchDarkMode, SwitchDarkModeProps, SwitchProps, Tab, TabPanel, TabPanelProps, TabProps, TabType, Tag, TagBar, TagBarProps, TagProps, Text, TextProps, ThemeType, Tiles, TilesProps, useLayoutEffect };