@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.
Files changed (28) hide show
  1. package/dist/css/directPage-desktop-critical.css +1 -1
  2. package/dist/css/directPage-desktop-no-critical.css +1 -1
  3. package/dist/css/directPage-mobile-critical.css +1 -1
  4. package/dist/css/directPage-mobile-no-critical.css +1 -1
  5. package/dist/css/gamePage-desktop-critical.css +1 -0
  6. package/dist/css/gamePage-desktop-no-critical.css +1 -0
  7. package/dist/css/gamePage-mobile-critical.css +1 -0
  8. package/dist/css/gamePage-mobile-no-critical.css +1 -0
  9. package/dist/css/pagePage-desktop-critical.css +1 -1
  10. package/dist/css/pagePage-desktop-no-critical.css +1 -1
  11. package/dist/css/pagePage-mobile-critical.css +1 -1
  12. package/dist/css/pagePage-mobile-no-critical.css +1 -1
  13. package/dist/index.es.js +14663 -14474
  14. package/dist/index.umd.js +103 -103
  15. package/dist/src/components/molecules/Accordion/Accordion.d.ts +11 -0
  16. package/dist/src/components/molecules/Accordion/Accordion.stories.d.ts +27 -0
  17. package/dist/src/components/molecules/Accordion/index.d.ts +1 -0
  18. package/dist/src/components/molecules/LiveInProgressBlock/LiveInProgressBlock.stories.d.ts +1 -0
  19. package/dist/src/components/molecules/index.d.ts +1 -0
  20. package/dist/src/config/componentConfigs/componentGameConfigs.d.ts +2 -0
  21. package/dist/src/config/pageConfigs/gamePageConfig.d.ts +2 -0
  22. package/dist/src/pages/GamePage/GamePage.d.ts +12 -0
  23. package/dist/src/pages/GamePage/GamePage.stories.d.ts +44 -0
  24. package/dist/src/pages/GamePage/index.d.ts +1 -0
  25. package/dist/src/pages/index.d.ts +1 -0
  26. package/dist/src/types/ComponentConfig.d.ts +14 -1
  27. package/dist/src/types/PageConfig.d.ts +4 -2
  28. 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';
@@ -8,6 +8,7 @@ declare const _default: {
8
8
  text: string;
9
9
  bg: string;
10
10
  };
11
+ hasDot: boolean;
11
12
  };
12
13
  cardImageProps: {
13
14
  cover: string;
@@ -1,3 +1,4 @@
1
+ export * from './Accordion';
1
2
  export * from './ActualPromoBanner';
2
3
  export * from './ArticleSummary';
3
4
  export * from './CardExtraLarge';
@@ -0,0 +1,2 @@
1
+ import { ComponentConfig, ComponentNameGame } from '../../types';
2
+ export declare const COMPONENT_GAME_CONFIGS: ComponentConfig<ComponentNameGame>[];
@@ -0,0 +1,2 @@
1
+ import { GamePageConfig } from '../../types';
2
+ export declare const GAME_PAGE_CONFIG: GamePageConfig;
@@ -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.2",
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.0",
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.0",
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.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.0"
129
+ "vitest": "2.1.1"
130
130
  },
131
131
  "resolutions": {
132
132
  "prettier": "3.3.3"