gatsby-matrix-theme 34.0.11 → 34.0.13
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 +15 -0
- package/package.json +1 -1
- package/src/components/molecules/operator-details/index.js +3 -0
- package/src/gatsby-core-theme/components/organisms/cards/index.js +5 -85
- package/src/helpers/cards.js +92 -0
- package/storybook/public/iframe.html +1 -1
- package/storybook/public/main.c0e1b3d0.iframe.bundle.js +2 -0
- package/storybook/public/main.83ab7bb9.iframe.bundle.js +0 -2
- /package/storybook/public/{main.83ab7bb9.iframe.bundle.js.LICENSE.txt → main.c0e1b3d0.iframe.bundle.js.LICENSE.txt} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,18 @@
|
|
|
1
|
+
## [34.0.13](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v34.0.12...v34.0.13) (2023-10-11)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* operator details changes ([1b7fca1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1b7fca123096d24542de97f153b2aeff32e5c8a8))
|
|
7
|
+
|
|
8
|
+
## [34.0.12](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v34.0.11...v34.0.12) (2023-10-11)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* moved card type into helper ([bec3a06](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/bec3a063293ce77bf1d91ff7f933f8dd6cf696ba))
|
|
14
|
+
* moved card type into helper ([9461dd8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/9461dd8eca9daf727fa876c0fb617be28feb3f7b))
|
|
15
|
+
|
|
1
16
|
## [34.0.11](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v34.0.10...v34.0.11) (2023-10-10)
|
|
2
17
|
|
|
3
18
|
|
package/package.json
CHANGED
|
@@ -26,6 +26,7 @@ const OperatorDetails = ({
|
|
|
26
26
|
imageWidth = 96,
|
|
27
27
|
imageHeight = 96,
|
|
28
28
|
icon = '../../../../images/verifiedAuthor.svg',
|
|
29
|
+
imageLoad = 'eager',
|
|
29
30
|
}) => {
|
|
30
31
|
const { translations } = useContext(Context) || {};
|
|
31
32
|
|
|
@@ -70,6 +71,7 @@ const OperatorDetails = ({
|
|
|
70
71
|
width={imageWidth}
|
|
71
72
|
height={imageHeight}
|
|
72
73
|
className={styles.image}
|
|
74
|
+
loading={imageLoad}
|
|
73
75
|
/>
|
|
74
76
|
{showRibbon &&
|
|
75
77
|
!contentRibbon &&
|
|
@@ -131,6 +133,7 @@ const OperatorDetails = ({
|
|
|
131
133
|
};
|
|
132
134
|
|
|
133
135
|
OperatorDetails.propTypes = {
|
|
136
|
+
imageLoad: PropTypes.string,
|
|
134
137
|
item: PropTypes.shape({
|
|
135
138
|
name: PropTypes.string,
|
|
136
139
|
title: PropTypes.string,
|
|
@@ -2,94 +2,14 @@
|
|
|
2
2
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
3
3
|
/* eslint-disable react/destructuring-assignment */
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import loadable from '@loadable/component';
|
|
6
5
|
import Card from 'gatsby-core-theme/src/components/organisms/cards/index';
|
|
7
|
-
import
|
|
6
|
+
import { getCard } from '../../../../helpers/cards';
|
|
8
7
|
|
|
9
8
|
export default (props) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
switch (props.module.style) {
|
|
15
|
-
case 'advanced':
|
|
16
|
-
customCardComponent = loadable(() =>
|
|
17
|
-
import(`../../../../components/atoms/cards/operator-card/template-two`)
|
|
18
|
-
);
|
|
19
|
-
break;
|
|
20
|
-
case 'template_two':
|
|
21
|
-
customCardComponent = loadable(() =>
|
|
22
|
-
import(`../../../../components/atoms/cards/operator-card/template-two`)
|
|
23
|
-
);
|
|
24
|
-
break;
|
|
25
|
-
case 'template_three':
|
|
26
|
-
customCardComponent = loadable(() =>
|
|
27
|
-
import(`../../../../components/atoms/cards/operator-card/template-three`)
|
|
28
|
-
);
|
|
29
|
-
break;
|
|
30
|
-
case 'template_four':
|
|
31
|
-
customCardComponent = loadable(() =>
|
|
32
|
-
import(`../../../../components/atoms/cards/operator-card/template-four`)
|
|
33
|
-
);
|
|
34
|
-
break;
|
|
35
|
-
default:
|
|
36
|
-
customCardComponent = loadable(() =>
|
|
37
|
-
import(`../../../../components/atoms/cards/operator-card/template-one`)
|
|
38
|
-
);
|
|
39
|
-
}
|
|
40
|
-
break;
|
|
41
|
-
case 'game':
|
|
42
|
-
customCardComponent = GameCards(props.module.style);
|
|
43
|
-
break;
|
|
44
|
-
case 'payment_method':
|
|
45
|
-
if (props.module.style === 'template_three') {
|
|
46
|
-
customCardComponent = loadable(() =>
|
|
47
|
-
import(`../../../../components/atoms/cards/payment-method/template-three`)
|
|
48
|
-
);
|
|
49
|
-
} else if (props.module.style === 'template_two') {
|
|
50
|
-
customCardComponent = loadable(() =>
|
|
51
|
-
import(`../../../../components/atoms/cards/payment-method/template-two`)
|
|
52
|
-
);
|
|
53
|
-
} else {
|
|
54
|
-
customCardComponent = loadable(() =>
|
|
55
|
-
import(`../../../../components/atoms/cards/payment-method/template-one`)
|
|
56
|
-
);
|
|
57
|
-
}
|
|
58
|
-
break;
|
|
59
|
-
case 'software_provider':
|
|
60
|
-
customCardComponent = loadable(() =>
|
|
61
|
-
import(`../../../../components/atoms/cards/software-provider-card/index`)
|
|
62
|
-
);
|
|
63
|
-
break;
|
|
64
|
-
case 'article':
|
|
65
|
-
case 'page':
|
|
66
|
-
if (props.module.style === 'template_two') {
|
|
67
|
-
customCardComponent = loadable(() =>
|
|
68
|
-
import('../../../../components/atoms/cards/article-card/template-two')
|
|
69
|
-
);
|
|
70
|
-
} else {
|
|
71
|
-
customCardComponent = loadable(() =>
|
|
72
|
-
import(`../../../../components/atoms/cards/article-card/template-one`)
|
|
73
|
-
);
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
break;
|
|
77
|
-
case 'author':
|
|
78
|
-
if (props.module.style === 'template_two') {
|
|
79
|
-
customCardComponent = loadable(() =>
|
|
80
|
-
import(`../../../../components/atoms/cards/author/template-two`)
|
|
81
|
-
);
|
|
82
|
-
} else {
|
|
83
|
-
customCardComponent = loadable(() =>
|
|
84
|
-
import(`../../../../components/atoms/cards/author/template-one`)
|
|
85
|
-
);
|
|
86
|
-
}
|
|
87
|
-
break;
|
|
88
|
-
default:
|
|
89
|
-
customCardComponent = loadable(() =>
|
|
90
|
-
import(`../../../../components/atoms/cards/article-card/template-one`)
|
|
91
|
-
);
|
|
92
|
-
}
|
|
9
|
+
const customCardComponent = getCard(
|
|
10
|
+
props.module.model_type || props.module.cards_page_type,
|
|
11
|
+
props.module.style
|
|
12
|
+
);
|
|
93
13
|
|
|
94
14
|
return (
|
|
95
15
|
<Card
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
/* eslint-disable import/prefer-default-export */
|
|
2
|
+
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
3
|
+
import loadable from '@loadable/component';
|
|
4
|
+
import GameCards from '../components/atoms/cards/game-cards';
|
|
5
|
+
|
|
6
|
+
export function getCard(type, style) {
|
|
7
|
+
let customCardComponent = null;
|
|
8
|
+
|
|
9
|
+
switch (type) {
|
|
10
|
+
case 'operator':
|
|
11
|
+
switch (style) {
|
|
12
|
+
case 'advanced':
|
|
13
|
+
customCardComponent = loadable(() =>
|
|
14
|
+
import(`../components/atoms/cards/operator-card/template-two`)
|
|
15
|
+
);
|
|
16
|
+
break;
|
|
17
|
+
case 'template_two':
|
|
18
|
+
customCardComponent = loadable(() =>
|
|
19
|
+
import(`../components/atoms/cards/operator-card/template-two`)
|
|
20
|
+
);
|
|
21
|
+
break;
|
|
22
|
+
case 'template_three':
|
|
23
|
+
customCardComponent = loadable(() =>
|
|
24
|
+
import(`../components/atoms/cards/operator-card/template-three`)
|
|
25
|
+
);
|
|
26
|
+
break;
|
|
27
|
+
case 'template_four':
|
|
28
|
+
customCardComponent = loadable(() =>
|
|
29
|
+
import(`../components/atoms/cards/operator-card/template-four`)
|
|
30
|
+
);
|
|
31
|
+
break;
|
|
32
|
+
default:
|
|
33
|
+
customCardComponent = loadable(() =>
|
|
34
|
+
import(`../components/atoms/cards/operator-card/template-one`)
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
break;
|
|
38
|
+
case 'game':
|
|
39
|
+
customCardComponent = GameCards(style);
|
|
40
|
+
break;
|
|
41
|
+
case 'payment_method':
|
|
42
|
+
if (style === 'template_three') {
|
|
43
|
+
customCardComponent = loadable(() =>
|
|
44
|
+
import(`../components/atoms/cards/payment-method/template-three`)
|
|
45
|
+
);
|
|
46
|
+
} else if (style === 'template_two') {
|
|
47
|
+
customCardComponent = loadable(() =>
|
|
48
|
+
import(`../components/atoms/cards/payment-method/template-two`)
|
|
49
|
+
);
|
|
50
|
+
} else {
|
|
51
|
+
customCardComponent = loadable(() =>
|
|
52
|
+
import(`../components/atoms/cards/payment-method/template-one`)
|
|
53
|
+
);
|
|
54
|
+
}
|
|
55
|
+
break;
|
|
56
|
+
case 'software_provider':
|
|
57
|
+
customCardComponent = loadable(() =>
|
|
58
|
+
import(`../components/atoms/cards/software-provider-card/index`)
|
|
59
|
+
);
|
|
60
|
+
break;
|
|
61
|
+
case 'article':
|
|
62
|
+
case 'page':
|
|
63
|
+
if (style === 'template_two') {
|
|
64
|
+
customCardComponent = loadable(() =>
|
|
65
|
+
import('../components/atoms/cards/article-card/template-two')
|
|
66
|
+
);
|
|
67
|
+
} else {
|
|
68
|
+
customCardComponent = loadable(() =>
|
|
69
|
+
import(`../components/atoms/cards/article-card/template-one`)
|
|
70
|
+
);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
break;
|
|
74
|
+
case 'author':
|
|
75
|
+
if (style === 'template_two') {
|
|
76
|
+
customCardComponent = loadable(() =>
|
|
77
|
+
import(`../components/atoms/cards/author/template-two`)
|
|
78
|
+
);
|
|
79
|
+
} else {
|
|
80
|
+
customCardComponent = loadable(() =>
|
|
81
|
+
import(`../components/atoms/cards/author/template-one`)
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
break;
|
|
85
|
+
default:
|
|
86
|
+
customCardComponent = loadable(() =>
|
|
87
|
+
import(`../components/atoms/cards/article-card/template-one`)
|
|
88
|
+
);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
return customCardComponent;
|
|
92
|
+
}
|
|
@@ -361,4 +361,4 @@
|
|
|
361
361
|
|
|
362
362
|
|
|
363
363
|
|
|
364
|
-
window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/navigation","files":"navigation.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/navigation\\/navigation\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor","files":"anchor.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/anchor\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-one\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-two\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"content.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/content\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/text/Images","files":"text.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/text\\/Images\\/text\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/lists","files":"lists.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/lists\\/lists\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/pagination","files":"pagination.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/pagination\\/pagination\\.stories\\.js)$"}];</script><script src="runtime~main.3524c145.iframe.bundle.js"></script><script src="660.c91ab12c.iframe.bundle.js"></script><script src="main.
|
|
364
|
+
window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/navigation","files":"navigation.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/navigation\\/navigation\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor","files":"anchor.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/anchor\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-one\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-two\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"content.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/content\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/text/Images","files":"text.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/text\\/Images\\/text\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/lists","files":"lists.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/lists\\/lists\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/pagination","files":"pagination.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/pagination\\/pagination\\.stories\\.js)$"}];</script><script src="runtime~main.3524c145.iframe.bundle.js"></script><script src="660.c91ab12c.iframe.bundle.js"></script><script src="main.c0e1b3d0.iframe.bundle.js"></script></body></html>
|