gatsby-matrix-theme 2.3.8 → 3.0.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/CHANGELOG.md +76 -0
- package/package.json +2 -2
- package/src/components/atoms/cards/article-card/index.js +1 -1
- package/src/components/atoms/cards/game-card/index.js +1 -1
- package/src/components/atoms/cards/operator-card/index.js +8 -13
- package/src/components/atoms/cards/payment-method-card/index.js +5 -1
- package/src/components/atoms/cards/software-provider-card/index.js +5 -1
- package/src/components/atoms/social-icons/index.js +7 -1
- package/src/components/molecules/small-welcome-bonus/index.js +1 -0
- package/src/components/organisms/footer-navigation/index.js +1 -1
- package/src/gatsby-core-theme/components/atoms/spotlights/index.js +8 -1
- package/src/gatsby-core-theme/components/molecules/main/index.js +7 -1
- package/src/gatsby-core-theme/components/organisms/navigation/index.js +6 -1
- package/src/gatsby-core-theme/components/pages/body/index.js +3 -2
- package/src/hooks/tabs/index.js +1 -1
- package/storybook/public/{0.df565bea.iframe.bundle.js → 0.3d133e98.iframe.bundle.js} +1 -1
- package/storybook/public/{1.d51717ce.iframe.bundle.js → 1.303d4a8e.iframe.bundle.js} +1 -1
- package/storybook/public/{10.f7f3ccb8.iframe.bundle.js → 10.2bb842e6.iframe.bundle.js} +1 -1
- package/storybook/public/{11.13224d48.iframe.bundle.js → 11.7ad7ba28.iframe.bundle.js} +1 -1
- package/storybook/public/{12.977cb5d6.iframe.bundle.js → 12.c91443b3.iframe.bundle.js} +1 -1
- package/storybook/public/{13.183d3f1c.iframe.bundle.js → 13.9ac1db9d.iframe.bundle.js} +1 -1
- package/storybook/public/{14.708f714b.iframe.bundle.js → 14.604f9747.iframe.bundle.js} +1 -1
- package/storybook/public/{15.f1ca69f8.iframe.bundle.js → 15.16fa9e43.iframe.bundle.js} +1 -1
- package/storybook/public/{5.f16ccaac.iframe.bundle.js → 5.58b2efe7.iframe.bundle.js} +3 -3
- package/storybook/public/{5.f16ccaac.iframe.bundle.js.LICENSE.txt → 5.58b2efe7.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook/public/5.58b2efe7.iframe.bundle.js.map +1 -0
- package/storybook/public/{6.25868236.iframe.bundle.js → 6.2d558003.iframe.bundle.js} +1 -1
- package/storybook/public/{7.11db31fe.iframe.bundle.js → 7.8622538a.iframe.bundle.js} +1 -1
- package/storybook/public/{8.d69edd98.iframe.bundle.js → 8.cd8f12ce.iframe.bundle.js} +3 -3
- package/storybook/public/{8.d69edd98.iframe.bundle.js.LICENSE.txt → 8.cd8f12ce.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook/public/8.cd8f12ce.iframe.bundle.js.map +1 -0
- package/storybook/public/{9.e97b6f53.iframe.bundle.js → 9.bc7480f3.iframe.bundle.js} +1 -1
- package/storybook/public/iframe.html +1 -1
- package/storybook/public/main.fcbce4dc.iframe.bundle.js +1 -0
- package/storybook/public/{runtime~main.9c675b2b.iframe.bundle.js → runtime~main.39a81a69.iframe.bundle.js} +1 -1
- package/storybook/public/vendors~main.55a7a980.iframe.bundle.js +7 -0
- package/storybook/public/{vendors~main.2fa2d82b.iframe.bundle.js.LICENSE.txt → vendors~main.55a7a980.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook/public/vendors~main.55a7a980.iframe.bundle.js.map +1 -0
- package/src/components/atoms/sitemap/index.js +0 -81
- package/src/components/atoms/sitemap/sitemap.module.scss +0 -111
- package/src/components/atoms/sitemap/sitemap.stories.js +0 -104
- package/src/gatsby-core-theme/pages/sitemap/index.js +0 -31
- package/storybook/public/5.f16ccaac.iframe.bundle.js.map +0 -1
- package/storybook/public/8.d69edd98.iframe.bundle.js.map +0 -1
- package/storybook/public/main.6d313455.iframe.bundle.js +0 -1
- package/storybook/public/vendors~main.2fa2d82b.iframe.bundle.js +0 -7
- package/storybook/public/vendors~main.2fa2d82b.iframe.bundle.js.map +0 -1
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vendors~main.55a7a980.iframe.bundle.js","sources":[],"mappings":";;;;;A","sourceRoot":""}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
/* eslint-disable array-callback-return */
|
|
2
|
-
/* eslint-disable react/forbid-prop-types */
|
|
3
|
-
import React, { useContext } from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import { BiSitemap } from 'react-icons/bi';
|
|
6
|
-
import { IoMdLink } from 'react-icons/io';
|
|
7
|
-
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
8
|
-
import Masonry from 'react-masonry-css';
|
|
9
|
-
import { Context } from 'gatsby-core-theme/src/context/TranslationsProvider';
|
|
10
|
-
import { translate } from 'gatsby-core-theme/src/helpers/getters';
|
|
11
|
-
import styles from './sitemap.module.scss';
|
|
12
|
-
import Link from '~hooks/link';
|
|
13
|
-
|
|
14
|
-
const Sitemap = ({
|
|
15
|
-
sitemapData,
|
|
16
|
-
templates,
|
|
17
|
-
templateIcon = <BiSitemap />,
|
|
18
|
-
linkIcon = <IoMdLink />,
|
|
19
|
-
}) => {
|
|
20
|
-
const { translations } = useContext(Context) || {};
|
|
21
|
-
const market = Object.keys(sitemapData)[0];
|
|
22
|
-
|
|
23
|
-
const getTemplateName = (template) => {
|
|
24
|
-
const templateName = translate(
|
|
25
|
-
translations,
|
|
26
|
-
templates[template].short_name,
|
|
27
|
-
templates[template].short_name.replace('_', ' ')
|
|
28
|
-
);
|
|
29
|
-
const templatePages = sitemapData[market][template];
|
|
30
|
-
const templatePagesCount = templatePages && templatePages.length;
|
|
31
|
-
|
|
32
|
-
return (
|
|
33
|
-
templatePagesCount !== undefined && (
|
|
34
|
-
<div>
|
|
35
|
-
{templateIcon && templateIcon}
|
|
36
|
-
<span>{templateName}</span>
|
|
37
|
-
<span>{templatePagesCount}</span>
|
|
38
|
-
</div>
|
|
39
|
-
)
|
|
40
|
-
);
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
const getTemplatePages = (template) => {
|
|
44
|
-
if (sitemapData[market][template]) {
|
|
45
|
-
const pageList = Object.keys(sitemapData[market][template]).map((page) => {
|
|
46
|
-
if (page !== undefined) {
|
|
47
|
-
const pageObj = sitemapData[market][template][page];
|
|
48
|
-
return (
|
|
49
|
-
<li>
|
|
50
|
-
{linkIcon && linkIcon}
|
|
51
|
-
<Link to={pageObj.path} title={pageObj.title}>
|
|
52
|
-
{pageObj.title}
|
|
53
|
-
</Link>
|
|
54
|
-
</li>
|
|
55
|
-
);
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
return <ul>{pageList}</ul>;
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
return (
|
|
63
|
-
<Masonry breakpointCols={3} className={styles.container} columnClassName={styles.list}>
|
|
64
|
-
{Object.keys(templates).map((template) => (
|
|
65
|
-
<ul key={template}>
|
|
66
|
-
{getTemplateName(template)}
|
|
67
|
-
{getTemplatePages(template)}
|
|
68
|
-
</ul>
|
|
69
|
-
))}
|
|
70
|
-
</Masonry>
|
|
71
|
-
);
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
Sitemap.propTypes = {
|
|
75
|
-
sitemapData: PropTypes.object,
|
|
76
|
-
templates: PropTypes.object,
|
|
77
|
-
templateIcon: PropTypes.element,
|
|
78
|
-
linkIcon: PropTypes.element,
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
export default Sitemap;
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
display: flex;
|
|
3
|
-
max-width: var(--main-container-max);
|
|
4
|
-
margin: 0 auto;
|
|
5
|
-
padding: 0 2.4rem 2rem 2.4rem;
|
|
6
|
-
|
|
7
|
-
@include min(mobile) {
|
|
8
|
-
padding: 0 1.6rem 2rem 1.6rem;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
@include max(mobile) {
|
|
12
|
-
display: block;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.list {
|
|
17
|
-
@include max(mobile) {
|
|
18
|
-
width: 100% !important;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
> ul {
|
|
22
|
-
display: flex;
|
|
23
|
-
flex-direction: column;
|
|
24
|
-
padding: 1rem;
|
|
25
|
-
|
|
26
|
-
> div {
|
|
27
|
-
position: relative;
|
|
28
|
-
@include flex-align(center, flex-start);
|
|
29
|
-
|
|
30
|
-
svg {
|
|
31
|
-
fill: white !important;
|
|
32
|
-
background-color: var(--template-name-icon-background, red);
|
|
33
|
-
padding: 1rem;
|
|
34
|
-
width: 4.8rem;
|
|
35
|
-
height: 4.8rem;
|
|
36
|
-
border-radius: 2.8rem;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
> span {
|
|
40
|
-
color: black;
|
|
41
|
-
font-weight: 700;
|
|
42
|
-
font-size: 2rem;
|
|
43
|
-
margin-left: 1.6rem;
|
|
44
|
-
text-transform: capitalize;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
span:last-child {
|
|
48
|
-
@include flex-align(center, center);
|
|
49
|
-
position: absolute;
|
|
50
|
-
top: -1.2rem;
|
|
51
|
-
background-color: var(--page-number-background, green);
|
|
52
|
-
border-radius: 1.2rem;
|
|
53
|
-
border: 0.2rem solid white;
|
|
54
|
-
margin: 0;
|
|
55
|
-
font-size: 1rem;
|
|
56
|
-
color: var(--page-number-color, white);
|
|
57
|
-
font-weight: 700;
|
|
58
|
-
width: 2.4rem;
|
|
59
|
-
height: 2.4rem;
|
|
60
|
-
left: 3.2rem;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
> ul {
|
|
65
|
-
padding-top: 3rem;
|
|
66
|
-
padding-left: 2.7rem;
|
|
67
|
-
margin-left: 2.3rem;
|
|
68
|
-
border-left: dashed 1px #e3e6ef;
|
|
69
|
-
|
|
70
|
-
li {
|
|
71
|
-
display: grid;
|
|
72
|
-
grid-template-columns: 0.1fr 1fr;
|
|
73
|
-
gap: 0.5rem;
|
|
74
|
-
margin-bottom: 1rem;
|
|
75
|
-
position: relative;
|
|
76
|
-
|
|
77
|
-
&:before {
|
|
78
|
-
content: ' ';
|
|
79
|
-
position: absolute;
|
|
80
|
-
left: -2.7rem;
|
|
81
|
-
width: 2.5rem;
|
|
82
|
-
top: 1.2rem;
|
|
83
|
-
border: dashed 1px #e3e6ef;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
&:last-child:after {
|
|
87
|
-
content: ' ';
|
|
88
|
-
width: 1rem;
|
|
89
|
-
height: 5rem;
|
|
90
|
-
background-color: var(--sitemap-background-color);
|
|
91
|
-
position: absolute;
|
|
92
|
-
top: 1.3rem;
|
|
93
|
-
left: -2.8rem;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
svg {
|
|
97
|
-
fill: white !important;
|
|
98
|
-
background-color: #6e6e84;
|
|
99
|
-
padding: 0.3rem;
|
|
100
|
-
width: 2.4rem;
|
|
101
|
-
height: 2.4rem;
|
|
102
|
-
border-radius: 0.8rem;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
a {
|
|
106
|
-
padding-left: 0.3rem;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
/* eslint-disable import/no-extraneous-dependencies */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
Title,
|
|
5
|
-
Description,
|
|
6
|
-
Primary,
|
|
7
|
-
PRIMARY_STORY,
|
|
8
|
-
ArgsTable,
|
|
9
|
-
} from '@storybook/addon-docs/blocks';
|
|
10
|
-
|
|
11
|
-
import Sitemap from '.';
|
|
12
|
-
|
|
13
|
-
export default {
|
|
14
|
-
title: 'Matrix-Theme/Atoms/Sitemap',
|
|
15
|
-
component: Sitemap,
|
|
16
|
-
argTypes: {
|
|
17
|
-
sitemapData: {
|
|
18
|
-
name: 'sitemapData',
|
|
19
|
-
type: { name: 'object', required: true },
|
|
20
|
-
defaultValue: null,
|
|
21
|
-
description: 'Object containing all links grouped by page type.',
|
|
22
|
-
table: {
|
|
23
|
-
type: { summary: 'object' },
|
|
24
|
-
defaultValue: { summary: null },
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
templates: {
|
|
28
|
-
name: 'templates',
|
|
29
|
-
type: { name: 'object', required: true },
|
|
30
|
-
defaultValue: null,
|
|
31
|
-
description: 'Object containing all page type.',
|
|
32
|
-
table: {
|
|
33
|
-
type: { summary: 'object' },
|
|
34
|
-
defaultValue: { summary: null },
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
parameters: {
|
|
39
|
-
docs: {
|
|
40
|
-
description: {
|
|
41
|
-
component: 'An HTML sitemap showing all pages as links',
|
|
42
|
-
},
|
|
43
|
-
page: () => (
|
|
44
|
-
<>
|
|
45
|
-
<Title />
|
|
46
|
-
<Description />
|
|
47
|
-
<Primary />
|
|
48
|
-
<ArgsTable story={PRIMARY_STORY} />
|
|
49
|
-
</>
|
|
50
|
-
),
|
|
51
|
-
},
|
|
52
|
-
},
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
const Template = (args) => <Sitemap {...args} />;
|
|
56
|
-
|
|
57
|
-
export const Default = Template.bind({});
|
|
58
|
-
Default.args = {
|
|
59
|
-
sitemapData: {
|
|
60
|
-
ie_en: {
|
|
61
|
-
1: [
|
|
62
|
-
{
|
|
63
|
-
title: 'test one',
|
|
64
|
-
path: '/test_one',
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
title: 'test two',
|
|
68
|
-
path: '/test_two',
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
title: 'test three',
|
|
72
|
-
path: '/test_three',
|
|
73
|
-
},
|
|
74
|
-
],
|
|
75
|
-
2: [
|
|
76
|
-
{
|
|
77
|
-
title: 'template page one',
|
|
78
|
-
path: '/template_page_one',
|
|
79
|
-
},
|
|
80
|
-
{
|
|
81
|
-
title: 'template page two',
|
|
82
|
-
path: '/template_page_two',
|
|
83
|
-
},
|
|
84
|
-
],
|
|
85
|
-
3: [
|
|
86
|
-
{
|
|
87
|
-
title: 'template two page',
|
|
88
|
-
path: 'template_teo_page',
|
|
89
|
-
},
|
|
90
|
-
],
|
|
91
|
-
},
|
|
92
|
-
},
|
|
93
|
-
templates: {
|
|
94
|
-
1: {
|
|
95
|
-
short_name: 'template one',
|
|
96
|
-
},
|
|
97
|
-
2: {
|
|
98
|
-
short_name: 'template two',
|
|
99
|
-
},
|
|
100
|
-
3: {
|
|
101
|
-
short_name: 'template three',
|
|
102
|
-
},
|
|
103
|
-
},
|
|
104
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/* eslint-disable array-callback-return */
|
|
2
|
-
/* eslint-disable react/forbid-prop-types */
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import TranslationsProvider from 'gatsby-core-theme/src/context/TranslationsProvider';
|
|
6
|
-
import Body from '~pages/body';
|
|
7
|
-
import Head from '~organisms/head';
|
|
8
|
-
import SitemapLinks from '../../../components/atoms/sitemap';
|
|
9
|
-
|
|
10
|
-
const Sitemap = ({ pageContext }) => {
|
|
11
|
-
const { translations } = pageContext.page;
|
|
12
|
-
return (
|
|
13
|
-
<TranslationsProvider value={{ translations }}>
|
|
14
|
-
<Head page={pageContext.page} siteInfo={pageContext.siteInfo} />
|
|
15
|
-
<Body pageContext={pageContext}>
|
|
16
|
-
<SitemapLinks sitemapData={pageContext.sitemapData} templates={pageContext.templates} />
|
|
17
|
-
</Body>
|
|
18
|
-
</TranslationsProvider>
|
|
19
|
-
);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
Sitemap.propTypes = {
|
|
23
|
-
pageContext: PropTypes.shape({
|
|
24
|
-
sitemapData: PropTypes.object,
|
|
25
|
-
templates: PropTypes.object,
|
|
26
|
-
siteInfo: PropTypes.object,
|
|
27
|
-
page: PropTypes.object,
|
|
28
|
-
}),
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
export default Sitemap;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"5.f16ccaac.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"8.d69edd98.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""}
|