gatsby-core-theme 1.6.6 → 1.6.7

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 (15) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/gatsby-node.esm.js +2 -2
  3. package/package.json +1 -1
  4. package/src/components/atoms/author/index.js +7 -1
  5. package/src/components/atoms/author-box/index.js +1 -0
  6. package/src/components/atoms/logo/index.js +1 -0
  7. package/src/components/atoms/menu/items/item/index.js +3 -0
  8. package/src/components/atoms/open-graph/index.js +2 -0
  9. package/src/components/molecules/link-list/index.js +20 -20
  10. package/src/components/molecules/link-list/link-list.stories.js +2 -2
  11. package/src/components/molecules/operator-banner/index.js +1 -0
  12. package/src/components/molecules/pagination/with-midpoints.js +4 -0
  13. package/src/components/molecules/toplist/default-row/index.js +1 -0
  14. package/src/components/organisms/navigation/index.js +6 -1
  15. package/src/hooks/tabs/index.js +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,28 @@
1
+ ## [1.6.7](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v1.6.6...v1.6.7) (2021-11-24)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * added translations to the archive page and fixes for link list ([69ebe2e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/69ebe2ef1fea637a093436ab015aa26058f9fde1))
7
+ * fix some more links without accessible name ([2e8f905](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2e8f9053369a69c67935e45490f3c5cafdebd4c1))
8
+ * fixes on accesibility ([6689ff1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/6689ff182b750ef70143bdce779889805d88be02))
9
+ * tab change lazyload issue ([a1c30c2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/a1c30c2a98a23048f653cd0d56f9a17d0e7affbd))
10
+
11
+
12
+ ### Code Refactoring
13
+
14
+ * fixes on accessbility ([de7482a](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/de7482ae746bc60e8939ed6031a6b883f61e2954))
15
+
16
+
17
+ ### Config
18
+
19
+ * changing sitename for testing purposes ([391c01c](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/391c01c7668771feacb551c4ae4e022c7c90db93))
20
+
21
+
22
+ * Merge branch 'tm-2605-translations-in-archive' into 'master' ([9be0770](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/9be07704de3e011af549f76ff67e570264766dc0))
23
+ * Merge branch 'tm-2595-accessibility-scores' into 'master' ([c63653f](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/c63653f1bdac5e6abfa5a49d9029b7de8cd23e33))
24
+ * Merge branch 'tm-2478-search' into 'master' ([a4fbd15](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/a4fbd1528bcf9cde03dc2097e9b79c618a0f544a))
25
+
1
26
  ## [1.6.6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v1.6.5...v1.6.6) (2021-11-23)
2
27
 
3
28
 
package/gatsby-node.esm.js CHANGED
@@ -72,7 +72,7 @@ function createArchivePage(pageObject, marketSections, prefilledModules, createP
72
72
  createPage({
73
73
  path: page.path,
74
74
  component: require.resolve(appName),
75
- context: { page, marketSections, prefilledModules, siteInfo },
75
+ context: { page, marketSections, prefilledModules, siteInfo, translations },
76
76
  });
77
77
  });
78
78
  } else {
@@ -84,7 +84,7 @@ function createArchivePage(pageObject, marketSections, prefilledModules, createP
84
84
  createPage({
85
85
  path: page.path,
86
86
  component: require.resolve(appName),
87
- context: { page, marketSections, prefilledModules, siteInfo },
87
+ context: { page, marketSections, prefilledModules, siteInfo, translations },
88
88
  });
89
89
  }
90
90
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-core-theme",
3
- "version": "1.6.6",
3
+ "version": "1.6.7",
4
4
  "description": "Gatsby Theme NPM Package",
5
5
  "main": "index.js",
6
6
  "GATSBY_RECAPTCHA_SITEKEY": "6LfoyvMUAAAAAO4nl_MQnqHb4XdHxEiu5cXgIqeB",
package/src/components/atoms/author/index.js CHANGED
@@ -20,7 +20,13 @@ const Author = ({
20
20
  <>
21
21
  {link && icon && (
22
22
  <div className={styles.authorIcon}>
23
- <a href={link} target="_blank" rel="noreferrer" className="author-gtm">
23
+ <a
24
+ href={link}
25
+ target="_blank"
26
+ rel="noreferrer"
27
+ aria-label={`${name} Link`}
28
+ className="author-gtm"
29
+ >
24
30
  {icon}
25
31
  </a>
26
32
  </div>
package/src/components/atoms/author-box/index.js CHANGED
@@ -73,6 +73,7 @@ export default function AuthorBox({ author }) {
73
73
  target="_blank"
74
74
  rel="noreferrer"
75
75
  key={`author-box-link-${filteredLinks.id}`}
76
+ aria-label={`${filteredLinks.id} Link`}
76
77
  >
77
78
  {filteredLinks.icon}
78
79
  </a>
package/src/components/atoms/logo/index.js CHANGED
@@ -16,6 +16,7 @@ const Logo = ({ item = {} }) => {
16
16
  title={item.name}
17
17
  target="_blank"
18
18
  rel="noopener noreferrer"
19
+ aria-label={`${item.name} Link`}
19
20
  >
20
21
  <LazyImage alt={item.name} src={imagePrettyUrl(item.logo_url)} />
21
22
  </a>
package/src/components/atoms/menu/items/item/index.js CHANGED
@@ -55,6 +55,7 @@ export default function Item({
55
55
  >
56
56
  {item.value?.includes('http') || item.value?.includes('www') ? (
57
57
  <a
58
+ aria-label={`${item?.title} link`}
58
59
  href={item.value}
59
60
  title={item.title}
60
61
  rel={`noreferrer ${item.nofollow && 'nofollow'}`}
@@ -82,6 +83,7 @@ export default function Item({
82
83
  to={item.value ? item.value : '#'}
83
84
  title={item.title}
84
85
  rel={item.nofollow && 'nofollow'}
86
+ aria-label={`${item?.title} link`}
85
87
  >
86
88
  <ItemImage />
87
89
  {item.title}
@@ -89,6 +91,7 @@ export default function Item({
89
91
  )}
90
92
  {options.mobile.subMenuDropDownButton && isMobile && hasChildren && (
91
93
  <button
94
+ aria-label={`${item?.title} Dropdown`}
92
95
  type="button"
93
96
  className={`${gtmClass} btn-cta`}
94
97
  onClick={(e) => {
package/src/components/atoms/open-graph/index.js CHANGED
@@ -30,6 +30,7 @@ const OpenGraph = ({ page, text = 'Share: ' }) => {
30
30
  role="button"
31
31
  className={`${styles.btn} open-graph-gtm`}
32
32
  onClick={(e) => share(e, 555, 602)}
33
+ aria-label="Facebook Link"
33
34
  >
34
35
  <FaFacebookF />
35
36
  </a>
@@ -40,6 +41,7 @@ const OpenGraph = ({ page, text = 'Share: ' }) => {
40
41
  role="button"
41
42
  className={`${styles.btn} open-graph-gtm`}
42
43
  onClick={(e) => share(e, 555, 255)}
44
+ aria-label="Twitter Link"
43
45
  >
44
46
  <FaTwitter />
45
47
  </a>
package/src/components/molecules/link-list/index.js CHANGED
@@ -18,39 +18,37 @@ const LinkList = ({
18
18
  listIcon = <></>,
19
19
  multiIcon = false,
20
20
  classes,
21
- once = false,
21
+ disableLazyLoad = false,
22
22
  height,
23
23
  width,
24
24
  gtmClass = '',
25
25
  }) => {
26
26
  function renderLinkContent(item, index) {
27
27
  const icon = listIcon[index];
28
+
29
+ const LinkImage = () => {
30
+ return disableLazyLoad ? (
31
+ <img src={imagePrettyUrl(item.image)} width={width} height={height} alt={item.title} />
32
+ ) : (
33
+ <LazyImage
34
+ src={imagePrettyUrl(item.image)}
35
+ alt={item.title}
36
+ width={width}
37
+ height={height}
38
+ />
39
+ );
40
+ };
41
+
28
42
  return (
29
43
  <>
30
44
  {!imageOnly && (
31
45
  <>
32
46
  {multiIcon ? icon : listIcon}
33
47
  <span>{item.title}</span>
34
- {item.image && (
35
- <LazyImage
36
- src={imagePrettyUrl(item.image)}
37
- alt={item.title}
38
- once={once}
39
- width={width}
40
- height={height}
41
- />
42
- )}
48
+ {item.image && <LinkImage />}
43
49
  </>
44
50
  )}
45
- {item.image && imageOnly && (
46
- <LazyImage
47
- src={imagePrettyUrl(item.image)}
48
- alt={item.title}
49
- once={once}
50
- width={width}
51
- height={height}
52
- />
53
- )}
51
+ {item.image && imageOnly && <LinkImage />}
54
52
  </>
55
53
  );
56
54
  }
@@ -66,6 +64,7 @@ const LinkList = ({
66
64
  rel={`noreferrer ${item.nofollow && 'nofollow'}`}
67
65
  target="_blank"
68
66
  className={gtmClass}
67
+ aria-label={`${item.title} Link`}
69
68
  >
70
69
  {renderLinkContent(item, index)}
71
70
  </a>
@@ -75,6 +74,7 @@ const LinkList = ({
75
74
  title={item.title}
76
75
  className={gtmClass}
77
76
  rel={item.nofollow && 'nofollow'}
77
+ aria-label={`${item.title} Link`}
78
78
  >
79
79
  {renderLinkContent(item, index)}
80
80
  </Link>
@@ -130,7 +130,7 @@ LinkList.propTypes = {
130
130
  listIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.any, PropTypes.node]),
131
131
  multiIcon: PropTypes.bool,
132
132
  classes: PropTypes.string,
133
- once: PropTypes.bool,
133
+ disableLazyLoad: PropTypes.bool,
134
134
  width: PropTypes.number,
135
135
  height: PropTypes.number,
136
136
  gtmClass: PropTypes.string,
package/src/components/molecules/link-list/link-list.stories.js CHANGED
@@ -70,8 +70,8 @@ export default {
70
70
  type: null,
71
71
  },
72
72
  },
73
- once: {
74
- name: 'once',
73
+ disableLazyLoad: {
74
+ name: 'disableLazyLoad',
75
75
  type: { name: 'boolean', required: false },
76
76
  defaultValue: '',
77
77
  description:
package/src/components/molecules/operator-banner/index.js CHANGED
@@ -47,6 +47,7 @@ export default function OperatorBanner({
47
47
  title={operator?.name}
48
48
  target="_blank"
49
49
  rel="noreferrer"
50
+ aria-label={`${operator?.name} Link`}
50
51
  >
51
52
  <LazyImage alt={operator?.name} src={imagePrettyUrl(logo)} />
52
53
  </a>
package/src/components/molecules/pagination/with-midpoints.js CHANGED
@@ -34,6 +34,7 @@ const PaginationWithMidPoints = ({
34
34
  <Link
35
35
  to={getPagePath(1)}
36
36
  className={`${styles.button} ${styles.isActive} pagination-gtm`}
37
+ aria-label="Go to First Page"
37
38
  >
38
39
  {firstComp}
39
40
  </Link>
@@ -47,6 +48,7 @@ const PaginationWithMidPoints = ({
47
48
  <Link
48
49
  to={getPagePath(current - 1)}
49
50
  className={`${styles.button} ${styles.isActive} pagination-gtm`}
51
+ aria-label="Previous Button"
50
52
  >
51
53
  {previousComp}
52
54
  </Link>
@@ -128,6 +130,7 @@ const PaginationWithMidPoints = ({
128
130
  <Link
129
131
  to={getPagePath(current + 1)}
130
132
  className={`${styles.button} ${styles.isActive} pagination-gtm`}
133
+ aria-label="Next Button"
131
134
  >
132
135
  {nextComp}
133
136
  </Link>
@@ -141,6 +144,7 @@ const PaginationWithMidPoints = ({
141
144
  <Link
142
145
  to={getPagePath(total)}
143
146
  className={`${styles.button} ${styles.isActive} pagination-gtm`}
147
+ aria-label="Go to Last"
144
148
  >
145
149
  {lastComp}
146
150
  </Link>
package/src/components/molecules/toplist/default-row/index.js CHANGED
@@ -31,6 +31,7 @@ const Row = ({ item, oneliner = 'main', layout = 'list' }) => {
31
31
  className="casinos-top-list-gtm logo-cta"
32
32
  target="_blank"
33
33
  rel="noreferrer"
34
+ aria-label={`${item.name} Link`}
34
35
  >
35
36
  <LazyImage alt={item.name} src={imagePrettyUrl(item.logo_url, 100)} />
36
37
  </a>
package/src/components/organisms/navigation/index.js CHANGED
@@ -62,7 +62,12 @@ const Navigation = ({
62
62
  >
63
63
  <nav className={styles.nav} style={{ justifyContent: logoPosition }} ref={navRef}>
64
64
  <NavigationProvider>
65
- <Link className={`${styles.logo} main-menu-gtm logo-cta`} to="/" onClick={onClickHandler}>
65
+ <Link
66
+ className={`${styles.logo} main-menu-gtm logo-cta`}
67
+ aria-label="Nav Logo"
68
+ to="/"
69
+ onClick={onClickHandler}
70
+ >
66
71
  <img alt="logo" src={logo} width={logoWidth} height={logoHeight} />
67
72
  </Link>
68
73
  {showMenu && (
package/src/hooks/tabs/index.js CHANGED
@@ -25,7 +25,7 @@ const Tabs = ({
25
25
 
26
26
  function onClickTabItem(tabId) {
27
27
  setActiveTab(tabId);
28
- forceCheck();
28
+ setTimeout(forceCheck);
29
29
  }
30
30
 
31
31
  return (