@20minutes/tyr 1.44.2 → 1.44.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/directPage-desktop-critical.css +1 -1
- package/dist/css/directPage-desktop-no-critical.css +1 -1
- package/dist/css/directPage-mobile-critical.css +1 -1
- package/dist/css/directPage-mobile-no-critical.css +1 -1
- package/dist/css/gamePage-desktop-critical.css +1 -0
- package/dist/css/gamePage-desktop-no-critical.css +1 -0
- package/dist/css/gamePage-mobile-critical.css +1 -0
- package/dist/css/gamePage-mobile-no-critical.css +1 -0
- package/dist/css/pagePage-desktop-critical.css +1 -1
- package/dist/css/pagePage-desktop-no-critical.css +1 -1
- package/dist/css/pagePage-mobile-critical.css +1 -1
- package/dist/css/pagePage-mobile-no-critical.css +1 -1
- package/dist/index.es.js +14663 -14474
- package/dist/index.umd.js +103 -103
- package/dist/src/components/molecules/Accordion/Accordion.d.ts +11 -0
- package/dist/src/components/molecules/Accordion/Accordion.stories.d.ts +27 -0
- package/dist/src/components/molecules/Accordion/index.d.ts +1 -0
- package/dist/src/components/molecules/LiveInProgressBlock/LiveInProgressBlock.stories.d.ts +1 -0
- package/dist/src/components/molecules/index.d.ts +1 -0
- package/dist/src/config/componentConfigs/componentGameConfigs.d.ts +2 -0
- package/dist/src/config/pageConfigs/gamePageConfig.d.ts +2 -0
- package/dist/src/pages/GamePage/GamePage.d.ts +12 -0
- package/dist/src/pages/GamePage/GamePage.stories.d.ts +44 -0
- package/dist/src/pages/GamePage/index.d.ts +1 -0
- package/dist/src/pages/index.d.ts +1 -0
- package/dist/src/types/ComponentConfig.d.ts +14 -1
- package/dist/src/types/PageConfig.d.ts +4 -2
- package/package.json +5 -5
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BoxProps, CollapseProps } from '@20minutes/hela';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
export interface AccordionProps extends BoxProps {
|
|
4
|
+
items?: {
|
|
5
|
+
title: string;
|
|
6
|
+
content: string;
|
|
7
|
+
collapseProps?: Partial<CollapseProps>;
|
|
8
|
+
}[];
|
|
9
|
+
contentProps?: BoxProps;
|
|
10
|
+
}
|
|
11
|
+
export declare const Accordion: React.FC<AccordionProps>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { LayoutType } from '@20minutes/hela';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('../..').AccordionProps>;
|
|
5
|
+
args: {
|
|
6
|
+
items: ({
|
|
7
|
+
collapseProps: {
|
|
8
|
+
isOpen: boolean;
|
|
9
|
+
};
|
|
10
|
+
title: string;
|
|
11
|
+
content: string;
|
|
12
|
+
} | {
|
|
13
|
+
title: string;
|
|
14
|
+
content: string;
|
|
15
|
+
collapseProps?: undefined;
|
|
16
|
+
})[];
|
|
17
|
+
contentProps: {
|
|
18
|
+
className: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
export default _default;
|
|
23
|
+
export declare const Desktop: {
|
|
24
|
+
args: {
|
|
25
|
+
layout: LayoutType;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Accordion';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PageTemplateProps } from '../../templates/PageTemplate';
|
|
3
|
+
export interface GamePageProps extends PageTemplateProps {
|
|
4
|
+
breadcrumb: React.ReactNode;
|
|
5
|
+
carousel: React.ReactNode;
|
|
6
|
+
contact: React.ReactNode;
|
|
7
|
+
headerPage: React.ReactNode;
|
|
8
|
+
gameContent: React.ReactNode;
|
|
9
|
+
iframe: React.ReactNode;
|
|
10
|
+
faq: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const GamePage: React.FC<GamePageProps>;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { BoxProps, BreadcrumbProps, HeaderPageProps, LayoutType, TextProps } from '@20minutes/hela';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
import { AccordionProps, GamesCarouselProps } from '../../components';
|
|
4
|
+
import { GamePageProps } from './GamePage';
|
|
5
|
+
declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, GamePageProps>;
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const GamePageDesktop: {
|
|
8
|
+
args: {
|
|
9
|
+
htmlTemplateProps: {
|
|
10
|
+
layout: LayoutType;
|
|
11
|
+
};
|
|
12
|
+
breadcrumb: React.FunctionComponentElement<BreadcrumbProps>;
|
|
13
|
+
iframe: React.FunctionComponentElement<import('@20minutes/hela').MergeWithAs<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, BoxProps<"div">, import('@20minutes/hela').As<any>>>;
|
|
14
|
+
headerPage: React.FunctionComponentElement<HeaderPageProps>;
|
|
15
|
+
contact: React.FunctionComponentElement<TextProps<"p" | "span">>;
|
|
16
|
+
gameContent: React.FunctionComponentElement<BoxProps<"div">>;
|
|
17
|
+
carousel: React.FunctionComponentElement<GamesCarouselProps>;
|
|
18
|
+
faq: React.FunctionComponentElement<AccordionProps>;
|
|
19
|
+
};
|
|
20
|
+
parameters: {
|
|
21
|
+
viewport: {
|
|
22
|
+
defaultViewport: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export declare const GamePageMobile: {
|
|
27
|
+
args: {
|
|
28
|
+
htmlTemplateProps: {
|
|
29
|
+
layout: LayoutType;
|
|
30
|
+
};
|
|
31
|
+
carousel: React.FunctionComponentElement<GamesCarouselProps>;
|
|
32
|
+
breadcrumb: React.FunctionComponentElement<BreadcrumbProps>;
|
|
33
|
+
iframe: React.FunctionComponentElement<import('@20minutes/hela').MergeWithAs<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, BoxProps<"div">, import('@20minutes/hela').As<any>>>;
|
|
34
|
+
headerPage: React.FunctionComponentElement<HeaderPageProps>;
|
|
35
|
+
contact: React.FunctionComponentElement<TextProps<"p" | "span">>;
|
|
36
|
+
gameContent: React.FunctionComponentElement<BoxProps<"div">>;
|
|
37
|
+
faq: React.FunctionComponentElement<AccordionProps>;
|
|
38
|
+
};
|
|
39
|
+
parameters: {
|
|
40
|
+
viewport: {
|
|
41
|
+
defaultViewport: string;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './GamePage';
|
|
@@ -6,6 +6,7 @@ export * from './ElectionsEmbedPage';
|
|
|
6
6
|
export * from './ElectionsHomePage';
|
|
7
7
|
export * from './ElectionsPage';
|
|
8
8
|
export * from './ErrorPage';
|
|
9
|
+
export * from './GamePage';
|
|
9
10
|
export * from './HomePage';
|
|
10
11
|
export * from './HoroscopePage';
|
|
11
12
|
export * from './HoroscopeHomePage';
|
|
@@ -114,6 +114,19 @@ export declare const enum ComponentNameContact {
|
|
|
114
114
|
CONTACT_JSON_LD_BREADCRUMB = "contact/json-ld-breadcrumb",
|
|
115
115
|
CONTACT_DETAILS = "contact/details"
|
|
116
116
|
}
|
|
117
|
+
export declare const enum ComponentNameGame {
|
|
118
|
+
GAME_PRELOAD = "game/preload",
|
|
119
|
+
GAME_BREADCRUMB = "game/breadcrumb",
|
|
120
|
+
GAME_HEADER_PAGE = "game/header-page",
|
|
121
|
+
GAME_META = "game/meta",
|
|
122
|
+
GAME_JSON_LD_BREADCRUMB = "game/json-ld-breadcrumb",
|
|
123
|
+
GAME_CONTENT_HEADER = "game/content-header",
|
|
124
|
+
GAME_IFRAME = "game/iframe",
|
|
125
|
+
GAME_FAQ = "game/faq",
|
|
126
|
+
GAME_CAROUSEL = "game/carousel",
|
|
127
|
+
GAME_CONTENT = "game/content",
|
|
128
|
+
GAME_CONTACT = "game/contact"
|
|
129
|
+
}
|
|
117
130
|
export declare const enum ComponentNameHoroscope {
|
|
118
131
|
HOROSCOPE_JSON_LD_BREADCRUMB = "horoscope/json-ld-breadcrumb",
|
|
119
132
|
HOROSCOPE_META = "horoscope/meta",
|
|
@@ -235,7 +248,7 @@ export declare const enum ComponentNameWeather {
|
|
|
235
248
|
WEATHER_JSON_LD_BREADCRUMB = "weather/json-ld-breadcrumb",
|
|
236
249
|
WEATHER_META = "weather/meta"
|
|
237
250
|
}
|
|
238
|
-
export interface ComponentConfig<TComponentName = ComponentNameArchives | ComponentNameArticle | ComponentNameCommon | ComponentNameContact | ComponentNameContent | ComponentNameDirect | ComponentNameElections | ComponentNameError | ComponentNameHome | ComponentNameHoroscope | ComponentNameJobs | ComponentNameLive | ComponentNameMostCommented | ComponentNameMostRead | ComponentNameMostShared | ComponentNameProgram | ComponentNameRubric | ComponentNameSearch | ComponentNameSport | ComponentNameTag | ComponentNameTraffic | ComponentNameUtiq | ComponentNameVideo | ComponentNameVideos | ComponentNameWeather, TComponent = React.FC<any>> {
|
|
251
|
+
export interface ComponentConfig<TComponentName = ComponentNameArchives | ComponentNameArticle | ComponentNameCommon | ComponentNameContact | ComponentNameContent | ComponentNameDirect | ComponentNameElections | ComponentNameError | ComponentNameGame | ComponentNameHome | ComponentNameHoroscope | ComponentNameJobs | ComponentNameLive | ComponentNameMostCommented | ComponentNameMostRead | ComponentNameMostShared | ComponentNameProgram | ComponentNameRubric | ComponentNameSearch | ComponentNameSport | ComponentNameTag | ComponentNameTraffic | ComponentNameUtiq | ComponentNameVideo | ComponentNameVideos | ComponentNameWeather, TComponent = React.FC<any>> {
|
|
239
252
|
componentName: TComponentName;
|
|
240
253
|
component: TComponent;
|
|
241
254
|
expiration?: number;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ArchiveByDayPage, ArchiveByDayPageProps, ArticlePage, ArticlePageProps, ContactPage, ContactPageProps, DirectPage, DirectPageProps, ElectionsHomePage, ElectionsHomePageProps, ElectionsPage, ElectionsPageProps, ErrorPage, ErrorPageProps, HomePage, HomePageProps, HoroscopeHomePage, HoroscopeHomePageProps, HoroscopePage, HoroscopePageProps, JobDetailsPage, JobDetailsPageProps, JobsPage, JobsPageProps, LivePage, LivePageProps, MostCommentedPage, MostCommentedPageProps, MostReadPage, MostReadPageProps, MostSharedPage, MostSharedPageProps, PartnerPage, ProgramPage, ProgramPageProps, SearchPage, SearchPageProps, SportPage, SportPageProps, TagPage, TagPageProps, TrafficPage, TrafficPageProps, UtiqPage, UtiqPageProps, VideoPage, VideoPageProps, VideosPage, VideosPageProps, WeatherPage, WeatherPageProps } from '../pages';
|
|
1
|
+
import { ArchiveByDayPage, ArchiveByDayPageProps, ArticlePage, ArticlePageProps, ContactPage, ContactPageProps, DirectPage, DirectPageProps, ElectionsHomePage, ElectionsHomePageProps, ElectionsPage, ElectionsPageProps, ErrorPage, ErrorPageProps, GamePage, GamePageProps, HomePage, HomePageProps, HoroscopeHomePage, HoroscopeHomePageProps, HoroscopePage, HoroscopePageProps, JobDetailsPage, JobDetailsPageProps, JobsPage, JobsPageProps, LivePage, LivePageProps, MostCommentedPage, MostCommentedPageProps, MostReadPage, MostReadPageProps, MostSharedPage, MostSharedPageProps, PartnerPage, ProgramPage, ProgramPageProps, SearchPage, SearchPageProps, SportPage, SportPageProps, TagPage, TagPageProps, TrafficPage, TrafficPageProps, UtiqPage, UtiqPageProps, VideoPage, VideoPageProps, VideosPage, VideosPageProps, WeatherPage, WeatherPageProps } from '../pages';
|
|
2
2
|
import { PageTemplateProps } from '../templates';
|
|
3
|
-
import { ComponentNameArchives, ComponentNameArticle, ComponentNameCommon, ComponentNameContact, ComponentNameContent, ComponentNameDirect, ComponentNameElections, ComponentNameError, ComponentNameHome, ComponentNameHoroscope, ComponentNameJobs, ComponentNameLive, ComponentNameMostCommented, ComponentNameMostRead, ComponentNameMostShared, ComponentNameProgram, ComponentNameRubric, ComponentNameSearch, ComponentNameSport, ComponentNameTag, ComponentNameTraffic, ComponentNameUtiq, ComponentNameVideo, ComponentNameVideos, ComponentNameWeather } from './ComponentConfig';
|
|
3
|
+
import { ComponentNameArchives, ComponentNameArticle, ComponentNameCommon, ComponentNameContact, ComponentNameContent, ComponentNameDirect, ComponentNameElections, ComponentNameError, ComponentNameGame, ComponentNameHome, ComponentNameHoroscope, ComponentNameJobs, ComponentNameLive, ComponentNameMostCommented, ComponentNameMostRead, ComponentNameMostShared, ComponentNameProgram, ComponentNameRubric, ComponentNameSearch, ComponentNameSport, ComponentNameTag, ComponentNameTraffic, ComponentNameUtiq, ComponentNameVideo, ComponentNameVideos, ComponentNameWeather } from './ComponentConfig';
|
|
4
4
|
export interface PageComponentConfig<TComponentName = string, TPropName = string> {
|
|
5
5
|
name: TComponentName;
|
|
6
6
|
propName: TPropName;
|
|
@@ -24,6 +24,7 @@ export type ErrorPageConfig = PageConfig<'error', typeof ErrorPage, ComponentNam
|
|
|
24
24
|
export type HomePageConfig = PageConfig<'home', typeof HomePage, ComponentNameCommon | ComponentNameRubric | ComponentNameHome, keyof HomePageProps | 'meta' | 'defaultPreload'>;
|
|
25
25
|
export type HoroscopeHomePageConfig = PageConfig<'horoscopeHome', typeof HoroscopeHomePage, ComponentNameCommon | ComponentNameRubric | ComponentNameHoroscope, keyof HoroscopeHomePageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload'>;
|
|
26
26
|
export type HoroscopePageConfig = PageConfig<'horoscope', typeof HoroscopePage, ComponentNameCommon | ComponentNameRubric | ComponentNameHoroscope, keyof HoroscopePageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload'>;
|
|
27
|
+
export type GamePageConfig = PageConfig<'game', typeof GamePage, ComponentNameCommon | ComponentNameRubric | ComponentNameGame, keyof GamePageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload'>;
|
|
27
28
|
export type SportPageConfig = PageConfig<'sport', typeof SportPage, ComponentNameCommon | ComponentNameRubric | ComponentNameSport, keyof SportPageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload'>;
|
|
28
29
|
export type JobDetailsPageConfig = PageConfig<'jobDetails', typeof JobDetailsPage, ComponentNameCommon | ComponentNameJobs, keyof JobDetailsPageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload' | 'preload'>;
|
|
29
30
|
export type JobsPageConfig = PageConfig<'jobs', typeof JobsPage, ComponentNameCommon | ComponentNameJobs, keyof JobsPageProps | 'meta' | 'jsonLdBreadcrumb' | 'defaultPreload' | 'preload'>;
|
|
@@ -49,6 +50,7 @@ export type PageConfigs = [
|
|
|
49
50
|
ElectionsHomePageConfig,
|
|
50
51
|
ElectionsPageConfig,
|
|
51
52
|
ErrorPageConfig,
|
|
53
|
+
GamePageConfig,
|
|
52
54
|
HomePageConfig,
|
|
53
55
|
HoroscopeHomePageConfig,
|
|
54
56
|
HoroscopePageConfig,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@20minutes/tyr",
|
|
3
|
-
"version": "1.44.
|
|
3
|
+
"version": "1.44.3",
|
|
4
4
|
"repository": "git@github.com:20minutes/tyr.git",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "20 Minutes",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
65
|
"@20minutes/eslint-config": "^1.2.6",
|
|
66
|
-
"@aws-sdk/client-s3": "3.651.
|
|
66
|
+
"@aws-sdk/client-s3": "3.651.1",
|
|
67
67
|
"@babel/core": "^7.25.2",
|
|
68
68
|
"@graphql-codegen/cli": "^5.0.2",
|
|
69
69
|
"@graphql-codegen/typescript": "^4.0.9",
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
"@typescript-eslint/eslint-plugin": "^8.5.0",
|
|
92
92
|
"@typescript-eslint/parser": "^8.5.0",
|
|
93
93
|
"@vitejs/plugin-react": "^4.3.1",
|
|
94
|
-
"@vitest/coverage-v8": "^2.1.
|
|
94
|
+
"@vitest/coverage-v8": "^2.1.1",
|
|
95
95
|
"babel-loader": "^9.1.3",
|
|
96
96
|
"eslint": "^8.57.0",
|
|
97
97
|
"eslint-config-airbnb": "^19.0.4",
|
|
@@ -123,10 +123,10 @@
|
|
|
123
123
|
"ts-node": "^10.9.2",
|
|
124
124
|
"tsconfig-paths": "^4.2.0",
|
|
125
125
|
"typescript": "^4.9.5",
|
|
126
|
-
"vite": "^5.4.
|
|
126
|
+
"vite": "^5.4.5",
|
|
127
127
|
"vite-plugin-dts": "^4.2.1",
|
|
128
128
|
"vite-tsconfig-paths": "^5.0.1",
|
|
129
|
-
"vitest": "2.1.
|
|
129
|
+
"vitest": "2.1.1"
|
|
130
130
|
},
|
|
131
131
|
"resolutions": {
|
|
132
132
|
"prettier": "3.3.3"
|