@20minutes/tyr 2.15.0 → 2.16.0

package/dist/src/assets/main/skipLinks.d.ts

@@ -0,0 +1 @@
+export default function initSkipLinks(): void;

package/dist/src/components/molecules/TvLiveTopBlock/TvLiveTopBlock.d.ts

@@ -0,0 +1,10 @@
+import { BoxProps, CardHeaderProps, HeadingProps, LinkProps, MediaProps, TextProps } from '@20minutes/hela';
+import { default as React } from 'react';
+export interface TvLiveTopBlockProps extends BoxProps {
+    mediaSrc: MediaProps['src'];
+    cardHeaderProps: CardHeaderProps;
+    heading: HeadingProps;
+    subtitle: TextProps;
+    seeReplaysLink?: LinkProps;
+}
+export declare const TvLiveTopBlock: React.FC<TvLiveTopBlockProps>;

package/dist/src/components/molecules/TvLiveTopBlock/TvLiveTopBlock.stories.d.ts

@@ -0,0 +1,41 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./TvLiveTopBlock').TvLiveTopBlockProps>;
+    args: {
+        mediaSrc: string;
+        cardHeaderProps: {
+            headline: {
+                text: string;
+            };
+            rightSubheader: {
+                text: string;
+            };
+        };
+        heading: {
+            children: string;
+        };
+        subtitle: {
+            children: string;
+        };
+        seeReplaysLink: {
+            href: string;
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+        layout: string;
+        viewport: {
+            defaultViewport: string;
+        };
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Mobile: Story;
+export declare const Desktop: Story;

package/dist/src/components/molecules/TvLiveTopBlock/index.d.ts

@@ -0,0 +1 @@
+export * from './TvLiveTopBlock';

package/dist/src/components/molecules/index.d.ts

@@ -25,4 +25,5 @@ export * from './PromoBanner';
 export * from './SearchBanner';
 export * from './SlideshowStory';
 export * from './SponsoredBlock';
+export * from './TvLiveTopBlock';
 export * from './YearsList';

package/dist/src/config/componentConfigs/componentTvLiveConfigs.d.ts

@@ -0,0 +1,2 @@
+import { ComponentConfig, ComponentNameTvLive } from '../../types';
+export declare const COMPONENT_TV_LIVE_CONFIGS: ComponentConfig<ComponentNameTvLive>[];

package/dist/src/config/pageConfigs/tvLivePageConfig.d.ts

@@ -0,0 +1,2 @@
+import { TvLivePageConfig } from '../../types';
+export declare const TV_LIVE_PAGE_CONFIG: TvLivePageConfig;

package/dist/src/helpers/cardHeaderHelper.d.ts

@@ -21,6 +21,6 @@ export declare const setCardHeaderProps: (properties: Omit<CardHeaderProps, 'loc
     size?: "s" | "m" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | undefined;
     headline: import('@20minutes/hela').TextType;
     hasDot?: boolean | undefined;
-    liveTime?: string | undefined;
     rightSubheader?: import('@20minutes/hela').TextType | undefined;
+    liveTime?: string | undefined;
 } | undefined;

package/dist/src/pages/TvLivePage/TvLivePage.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { PageTemplateProps } from '../../templates';
+export interface TvLivePageProps extends PageTemplateProps {
+    breadcrumb: React.ReactNode;
+    topBlock: React.ReactNode;
+    showsReplaysCarousel: React.ReactNode;
+}
+export declare const TvLivePage: React.FC<TvLivePageProps>;

package/dist/src/pages/TvLivePage/TvLivePage.stories.d.ts

@@ -0,0 +1,63 @@
+import { BreadcrumbProps, HeaderProps, LayoutType } from '@20minutes/hela';
+import { default as React } from 'react';
+import { MetaProps, ShowsReplaysCarouselProps, TvLiveTopBlockProps } from '../../components';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<import('..').TvLivePageProps>;
+    args: {
+        htmlTemplateProps: {
+            meta: React.FunctionComponentElement<MetaProps>;
+            layout: LayoutType;
+            stylesheets?: {
+                name: string;
+                url: string;
+                isCritical?: boolean | undefined;
+            }[] | undefined;
+            inlineCss?: string | undefined;
+            firstPartyScripts: import('../..').FirstPartyScriptsType;
+            thirdPartiesConfig: import('../..').ThirdPartiesConfigType;
+            gtmNoScript?: string | undefined;
+            jsonLdBreadcrumb?: React.ReactNode;
+            jsonLdFaq?: React.ReactNode;
+            jsonLdClaimReview?: React.ReactNode;
+            jsonLdLiveBlogPosting?: React.ReactNode;
+            jsonLdNewsArticle?: React.ReactNode;
+            defaultPreload: React.ReactNode;
+            preload?: React.ReactNode;
+            children?: React.ReactNode;
+            envVariables?: import('../../types/EnvVariablesType').EnvVariablesType | undefined;
+            novaHost?: string | undefined;
+            goomHost?: string | undefined;
+            imgHost?: string | undefined;
+            staticHost?: string | undefined;
+            pageMetaData?: import('../../templates').PageMetaDataType | undefined;
+            customPrint?: boolean | undefined;
+            backgroundPageColor?: import('@20minutes/hela').ColorType | undefined;
+        };
+        header: React.FunctionComponentElement<HeaderProps>;
+        breadcrumb: React.FunctionComponentElement<BreadcrumbProps>;
+        topBlock: React.FunctionComponentElement<TvLiveTopBlockProps>;
+        showsReplaysCarousel: React.FunctionComponentElement<ShowsReplaysCarouselProps>;
+        headerMini?: React.ReactNode;
+        menu: React.ReactNode;
+        overviewBar?: React.ReactNode;
+        adTopPage?: React.ReactNode;
+        children: React.ReactNode;
+        footer: React.ReactNode;
+        toolbar?: React.ReactNode;
+        comment?: React.ReactNode;
+        backgroundPageColor?: import('@20minutes/hela').ColorType | undefined;
+        hasArch?: boolean | undefined;
+    };
+    parameters: {
+        layout: string;
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LivePageMobile: Story;
+export declare const LivePageDesktop: Story;

package/dist/src/pages/TvLivePage/index.d.ts

@@ -0,0 +1 @@
+export * from './TvLivePage';

package/dist/src/pages/index.d.ts

@@ -41,6 +41,7 @@ export * from './SportPage';
 export * from './TagPage';
 export * from './TrafficPage';
 export * from './TvHomeVideosPage';
+export * from './TvLivePage';
 export * from './TvShowPage';
 export * from './UtiqPage';
 export * from './VideoPage';

package/dist/src/types/ComponentConfig.d.ts

@@ -29,7 +29,8 @@ export declare const enum ComponentNameCommon {
     COMMON_MOST_READ_ARTICLES = "common/most-read-articles",
     COMMON_PRELOAD = "common/preload",
     COMMON_LATEST_CONTENTS_CARROUSEL = "common/latest-contents-carousel",
-    COMMON_TOOLBAR = "common/toolbar"
+    COMMON_TOOLBAR = "common/toolbar",
+    COMMON_TV_SHOWS_REPLAYS_CAROUSEL = "common/tv-shows-replays-carousel"
 }
 export declare const enum ComponentNameContact {
     CONTACT_BREADCRUMB = "contact/breadcrumb",
@@ -339,14 +340,18 @@ export declare const enum ComponentNameTraffic {
 export declare const enum ComponentNameTvHomeVideos {
     TV_HOME_VIDEOS_JSON_LD_BREADCRUMB = "tv-home-videos/json-ld-breadcrumb",
     TV_HOME_VIDEOS_META = "tv-home-videos/meta",
-    TV_HOME_VIDEOS_TOP_BLOCK = "tv-home-videos/top-block",
-    TV_HOME_VIDEOS_SHOWS_REPLAYS_CAROUSEL = "tv-home-videos/shows-replays-carousel"
+    TV_HOME_VIDEOS_TOP_BLOCK = "tv-home-videos/top-block"
+}
+export declare const enum ComponentNameTvLive {
+    TV_LIVE_JSON_LD_BREADCRUMB = "tv-live/json-ld-breadcrumb",
+    TV_LIVE_META = "tv-live/meta",
+    TV_LIVE_BREADCRUMB = "tv-live/breadcrumb",
+    TV_LIVE_TOP_BLOCK = "tv-live/top-block"
 }
 export declare const enum ComponentNameTvShow {
     TV_SHOW_JSON_LD_BREADCRUMB = "tv-show/json-ld-breadcrumb",
     TV_SHOW_META = "tv-show/meta",
-    TV_SHOW_TOP_BLOCK = "tv-show/top-block",
-    TV_SHOW_SHOWS_REPLAYS_CAROUSEL = "tv-show/shows-replays-carousel"
+    TV_SHOW_TOP_BLOCK = "tv-show/top-block"
 }
 export declare const enum ComponentNameUtiq {
     UTIQ_BREADCRUMB = "utiq/breadcrumb",
@@ -376,7 +381,7 @@ export declare const enum ComponentNameWeather {
     WEATHER_JSON_LD_BREADCRUMB = "weather/json-ld-breadcrumb",
     WEATHER_META = "weather/meta"
 }
-export interface ComponentConfig<TComponentName = ComponentNameArchives | ComponentNameArticle | ComponentNameCommon | ComponentNameContact | ComponentNameContent | ComponentNameDirect | ComponentNameElections | ComponentNameError | ComponentNameGame | ComponentNameHome | ComponentNameHoroscope | ComponentNameJobs | ComponentNameJournalist | ComponentNameLa21e | ComponentNameLegal | ComponentNameLegalNotice | ComponentNameLive | ComponentNameMobileApps | ComponentNameMostCommented | ComponentNameMostRead | ComponentNameMostRecentVideos | ComponentNameMostShared | ComponentNameMostViewed | ComponentNameMovies | ComponentNameNews | ComponentNameProgram | ComponentNameRubric | ComponentNameSearch | ComponentNameService | ComponentNameShoppingGuide | ComponentNameSitemap | ComponentNameSlideshow | ComponentNameSport | ComponentNameStory | ComponentNameTag | ComponentNameTraffic | ComponentNameTvHomeVideos | ComponentNameTvShow | ComponentNameUtiq | ComponentNameVideo | ComponentNameVideos | ComponentNameWeather, TComponent = React.FC<any>> {
+export interface ComponentConfig<TComponentName = ComponentNameArchives | ComponentNameArticle | ComponentNameCommon | ComponentNameContact | ComponentNameContent | ComponentNameDirect | ComponentNameElections | ComponentNameError | ComponentNameGame | ComponentNameHome | ComponentNameHoroscope | ComponentNameJobs | ComponentNameJournalist | ComponentNameLa21e | ComponentNameLegal | ComponentNameLegalNotice | ComponentNameLive | ComponentNameMobileApps | ComponentNameMostCommented | ComponentNameMostRead | ComponentNameMostRecentVideos | ComponentNameMostShared | ComponentNameMostViewed | ComponentNameMovies | ComponentNameNews | ComponentNameProgram | ComponentNameRubric | ComponentNameSearch | ComponentNameService | ComponentNameShoppingGuide | ComponentNameSitemap | ComponentNameSlideshow | ComponentNameSport | ComponentNameStory | ComponentNameTag | ComponentNameTraffic | ComponentNameTvHomeVideos | ComponentNameTvLive | ComponentNameTvShow | ComponentNameUtiq | ComponentNameVideo | ComponentNameVideos | ComponentNameWeather, TComponent = React.FC<any>> {
     componentName: TComponentName;
     component: TComponent;
     expiration?: number;

package/dist/src/types/PageConfig.d.ts

@@ -1,6 +1,6 @@
-import { ArchiveByDayPage, ArchiveByDayPageProps, ArchiveByYearPage, ArchiveByYearPageProps, ArticlePage, ArticlePageProps, ContactPage, ContactPageProps, DirectPage, DirectPageProps, ElectionsHomePage, ElectionsHomePageProps, ElectionsPage, ElectionsPageProps, ErrorPage, ErrorPageProps, GameAppPage, GameAppPageProps, GameHomePage, GameHomePageProps, GamePage, GamePageProps, HomePage, HomePageProps, HoroscopeHomePage, HoroscopeHomePageProps, HoroscopePage, HoroscopePageProps, JobDetailsPage, JobDetailsPageProps, JobsPage, JobsPageProps, JournalistPage, JournalistPageProps, La21ePage, La21ePageProps, LegalNoticeDepartmentPage, LegalNoticeDepartmentPageProps, LegalNoticeHomePage, LegalNoticeHomePageProps, LegalNoticePage, LegalNoticePageProps, LegalPage, LegalPageProps, LivePage, LivePageProps, MobileAppsPage, MobileAppsPageProps, MostCommentedPage, MostCommentedPageProps, MostReadPage, MostReadPageProps, MostRecentVideosPage, MostRecentVideosPageProps, MostSharedPage, MostSharedPageProps, MostViewedPage, MostViewedPageProps, MoviesPage, MoviesPageProps, NewsPage, NewsPageProps, PartnerPage, ProgramPage, ProgramPageProps, SearchPage, SearchPageProps, ServicePage, ServicePageProps, ShoppingGuidePage, ShoppingGuidePageProps, SitemapPage, SitemapPageProps, SlideshowPage, SlideshowPageProps, SportPage, SportPageProps, TagPage, TagPageProps, TrafficPage, TrafficPageProps, TvHomeVideosPage, TvHomeVideosPageProps, TvShowPage, TvShowPageProps, UtiqPage, UtiqPageProps, VideoPage, VideoPageProps, VideosPage, VideosPageProps, WeatherPage, WeatherPageProps } from '../pages';
+import { ArchiveByDayPage, ArchiveByDayPageProps, ArchiveByYearPage, ArchiveByYearPageProps, ArticlePage, ArticlePageProps, ContactPage, ContactPageProps, DirectPage, DirectPageProps, ElectionsHomePage, ElectionsHomePageProps, ElectionsPage, ElectionsPageProps, ErrorPage, ErrorPageProps, GameAppPage, GameAppPageProps, GameHomePage, GameHomePageProps, GamePage, GamePageProps, HomePage, HomePageProps, HoroscopeHomePage, HoroscopeHomePageProps, HoroscopePage, HoroscopePageProps, JobDetailsPage, JobDetailsPageProps, JobsPage, JobsPageProps, JournalistPage, JournalistPageProps, La21ePage, La21ePageProps, LegalNoticeDepartmentPage, LegalNoticeDepartmentPageProps, LegalNoticeHomePage, LegalNoticeHomePageProps, LegalNoticePage, LegalNoticePageProps, LegalPage, LegalPageProps, LivePage, LivePageProps, MobileAppsPage, MobileAppsPageProps, MostCommentedPage, MostCommentedPageProps, MostReadPage, MostReadPageProps, MostRecentVideosPage, MostRecentVideosPageProps, MostSharedPage, MostSharedPageProps, MostViewedPage, MostViewedPageProps, MoviesPage, MoviesPageProps, NewsPage, NewsPageProps, PartnerPage, ProgramPage, ProgramPageProps, SearchPage, SearchPageProps, ServicePage, ServicePageProps, ShoppingGuidePage, ShoppingGuidePageProps, SitemapPage, SitemapPageProps, SlideshowPage, SlideshowPageProps, SportPage, SportPageProps, TagPage, TagPageProps, TrafficPage, TrafficPageProps, TvHomeVideosPage, TvHomeVideosPageProps, TvLivePage, TvLivePageProps, TvShowPage, TvShowPageProps, UtiqPage, UtiqPageProps, VideoPage, VideoPageProps, VideosPage, VideosPageProps, WeatherPage, WeatherPageProps } from '../pages';
 import { PageTemplateProps } from '../templates';
-import { ComponentNameArchives, ComponentNameArticle, ComponentNameCommon, ComponentNameContact, ComponentNameContent, ComponentNameDirect, ComponentNameElections, ComponentNameError, ComponentNameGame, ComponentNameHome, ComponentNameHoroscope, ComponentNameJobs, ComponentNameJournalist, ComponentNameLa21e, ComponentNameLegal, ComponentNameLegalNotice, ComponentNameLive, ComponentNameMobileApps, ComponentNameMostCommented, ComponentNameMostRead, ComponentNameMostRecentVideos, ComponentNameMostShared, ComponentNameMostViewed, ComponentNameMovies, ComponentNameNews, ComponentNameProgram, ComponentNameRubric, ComponentNameSearch, ComponentNameService, ComponentNameShoppingGuide, ComponentNameSitemap, ComponentNameSlideshow, ComponentNameSport, ComponentNameStory, ComponentNameTag, ComponentNameTraffic, ComponentNameTvHomeVideos, ComponentNameTvShow, ComponentNameUtiq, ComponentNameVideo, ComponentNameVideos, ComponentNameWeather } from './ComponentConfig';
+import { ComponentNameArchives, ComponentNameArticle, ComponentNameCommon, ComponentNameContact, ComponentNameContent, ComponentNameDirect, ComponentNameElections, ComponentNameError, ComponentNameGame, ComponentNameHome, ComponentNameHoroscope, ComponentNameJobs, ComponentNameJournalist, ComponentNameLa21e, ComponentNameLegal, ComponentNameLegalNotice, ComponentNameLive, ComponentNameMobileApps, ComponentNameMostCommented, ComponentNameMostRead, ComponentNameMostRecentVideos, ComponentNameMostShared, ComponentNameMostViewed, ComponentNameMovies, ComponentNameNews, ComponentNameProgram, ComponentNameRubric, ComponentNameSearch, ComponentNameService, ComponentNameShoppingGuide, ComponentNameSitemap, ComponentNameSlideshow, ComponentNameSport, ComponentNameStory, ComponentNameTag, ComponentNameTraffic, ComponentNameTvHomeVideos, ComponentNameTvLive, ComponentNameTvShow, ComponentNameUtiq, ComponentNameVideo, ComponentNameVideos, ComponentNameWeather } from './ComponentConfig';
 export interface PageComponentConfig<TComponentName = string, TPropName = string> {
     name: TComponentName;
     propName: TPropName;
@@ -56,6 +56,7 @@ export type SportPageConfig = PageConfig<'sport', typeof SportPage, ComponentNam
 export type TagPageConfig = PageConfig<'tag', typeof TagPage, ComponentNameCommon | ComponentNameTag, keyof TagPageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload' | 'preload'>;
 export type TrafficPageConfig = PageConfig<'traffic', typeof TrafficPage, ComponentNameCommon | ComponentNameRubric | ComponentNameTraffic, keyof TrafficPageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload'>;
 export type TvHomeVideosPageConfig = PageConfig<'tvHomeVideos', typeof TvHomeVideosPage, ComponentNameCommon | ComponentNameTvHomeVideos, keyof TvHomeVideosPageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload'>;
+export type TvLivePageConfig = PageConfig<'tvLive', typeof TvLivePage, ComponentNameCommon | ComponentNameTvLive, keyof TvLivePageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload'>;
 export type TvShowPageConfig = PageConfig<'tvShow', typeof TvShowPage, ComponentNameCommon | ComponentNameTvShow, keyof TvShowPageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload'>;
 export type UtiqPageConfig = PageConfig<'utiq', typeof UtiqPage, ComponentNameCommon | ComponentNameRubric | ComponentNameUtiq, keyof UtiqPageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload'>;
 export type VideoPageConfig = PageConfig<'page', typeof VideoPage, ComponentNameCommon | ComponentNameVideo, keyof VideoPageProps | 'meta' | 'jsonLdNewsArticle' | 'defaultPreload'>;
@@ -105,6 +106,7 @@ export type PageConfigs = [
     TagPageConfig,
     TrafficPageConfig,
     TvHomeVideosPageConfig,
+    TvLivePageConfig,
     TvShowPageConfig,
     UtiqPageConfig,
     VideoPageConfig,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@20minutes/tyr",
-  "version": "2.15.0",
+  "version": "2.16.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/20minutes/tyr.git"
@@ -54,7 +54,7 @@
   "dependencies": {
     "@20minutes/draft-convert": "^3.0.2",
     "@20minutes/hela": "^2.7.0",
-    "aws-rum-web": "^1.22.1",
+    "aws-rum-web": "^1.23.0",
     "classnames": "^2.5.1",
     "draft-js": "^0.11.7",
     "html-entities": "^2.6.0",
@@ -66,7 +66,7 @@
   },
   "devDependencies": {
     "@20minutes/eslint-config": "^1.2.7",
-    "@aws-sdk/client-s3": "3.804.0",
+    "@aws-sdk/client-s3": "3.806.0",
     "@babel/core": "^7.27.1",
     "@babel/eslint-parser": "^7.27.1",
     "@eslint/compat": "^1.2.9",
@@ -94,7 +94,7 @@
     "@types/draft-js": "^0.11.18",
     "@types/googletag": "^3.3.0",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^22.15.14",
+    "@types/node": "^22.15.17",
     "@types/poool-access": "^5.18.0",
     "@types/poool-engage": "^2.1.2",
     "@types/react": "^18.3.13",
@@ -107,7 +107,7 @@
     "babel-loader": "^10.0.0",
     "eslint": "^8.57.1",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^10.1.2",
+    "eslint-config-prettier": "^10.1.5",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-import-resolver-typescript": "^4.3.4",
     "eslint-plugin-babel": "^5.3.1",
@@ -118,12 +118,12 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-storybook": "^0.12.0",
-    "globals": "^16.0.0",
+    "globals": "^16.1.0",
     "graphql": "^16.11.0",
     "husky": "^9.1.7",
     "jest-worker": "^29.7.0",
     "jsdom": "^26.1.0",
-    "lint-staged": "^15.5.2",
+    "lint-staged": "^16.0.0",
     "mockdate": "^3.0.5",
     "prettier": "3.5.3",
     "purgecss": "^7.0.2",