gatsby-matrix-theme 22.0.1 → 22.0.3

package/.ci.yml

@@ -10,7 +10,7 @@ Matrix Theme Test:
   image: node:14.15.0
   stage: test
   tags:
-    - floyd-runner-test
+    - gatsby-runner-dev-1
   script:
     - npm config set //registry.npmjs.org/:_authToken $NPM_AUTH_TOKEN
     - yarn config set cache-folder .yarn
@@ -29,7 +29,7 @@ Theme Publish:
   image: node:18.0.0
   stage: publish
   tags:
-    - floyd-runner-test
+    - gatsby-runner-dev-docker
   before_script:
     - git config --global http.sslverify false
     - git config --global user.email "floyd@gig.com"
@@ -52,7 +52,7 @@ Theme Beta Publish:
   image: git.ilcd.rocks:4567/team-floyd/themes/gatsby-themes:node14
   stage: publish-beta
   tags:
-    - floyd-runner-test
+    - gatsby-runner-dev-docker
   before_script:
     - git config --global http.sslverify false
     - git config --global user.email "floyd@gig.com"

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [22.0.3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v22.0.2...v22.0.3) (2023-05-12)
+
+
+### Bug Fixes
+
+* pipelines ([c97c5f0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c97c5f0b5846a44aac22bce244275b094e3c5fce))
+* pipelines ([21baad1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/21baad10578a5558da92e355b9a1f055decfa1fb))
+
+## [22.0.2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v22.0.1...v22.0.2) (2023-05-11)
+
+
+### Bug Fixes
+
+* unused file ([bb77018](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/bb77018a055c65f3195329d730dcce22debca595))
+* updated to latest version ([0342dc2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/0342dc28f9165df64328f49a273da3708cad88ef))
+
+
+### Code Refactoring
+
+* minor css fix for mobile view on info grid ([5d02684](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5d02684528b5e21d5cd07d2f838ecdbea175f2bd))
+* minor fix for responsiveness ([7db021a](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/7db021ad14c13b87333d11be680e7979e8b121bd))
+* update module title anchor only for archive module ([f8aa01a](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f8aa01ac969f97dcff87d71231c090bc0c3bb622))
+
+
+* Merge branch 'tm-3349-info-grid' into 'master' ([a3de464](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a3de46404cc40397ab6dd9e6edbdc91c7ae67b90))
+* Merge branch 'tm-3416-archive-module-pagination-focus' into 'master' ([02deae2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/02deae2d6122306cae4722d2a32fe26db4fdfcee))
+* Merge branch 'cleanup' into 'master' ([e0b88b8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/e0b88b8801a7872e72f0587eec82d246bd46fa7f))
+
 ## [22.0.1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v22.0.0...v22.0.1) (2023-05-10)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "22.0.1",
+  "version": "22.0.3",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^4.20.0",
-    "gatsby-core-theme": "21.0.8",
+    "gatsby-core-theme": "21.0.9",
     "gatsby-plugin-sharp": "^4.10.2",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^4.10.0",

package/src/gatsby-core-theme/components/atoms/info-grid/info-grid.module.scss

@@ -70,7 +70,7 @@
       &:nth-of-type(2) {
         text-align: right;
         max-width: 17rem;
-
+        padding: 0;
 
         @include min(tablet) {
           max-width: 22rem;
@@ -143,6 +143,11 @@
       font-weight: 400;
       color: var(--info-grid-text-color);
 
+      @media only screen and (max-width: 767px) {
+        padding-left: 3rem;
+        text-align: right;
+        word-break: break-word;
+      }
     }
   }
 

package/src/gatsby-core-theme/components/atoms/module-title/index.js

@@ -13,6 +13,7 @@ const ModuleTitle = ({
   viewMoreIcon = <FaAngleRight />,
   pageContext = null,
   isHomepageFirstModule = false,
+  anchorLabel = null,
 }) => {
   const tabsToplist = module?.items?.length > 1 && module?.name === 'top_list';
   const CustomTag = `${module.module_title_tag}`;
@@ -42,7 +43,7 @@ const ModuleTitle = ({
     const moduleTitle = module?.title || module?.module_title;
     if (!module?.module_title_tag && moduleTitle) {
       return (
-        <h2 className={`${styles?.noTag || ''} ${className || ''}`}>
+        <h2 id={anchorLabel} className={`${styles?.noTag || ''} ${className || ''}`}>
           {moduleTitle}
           {currentMonth ? (
             <span className={styles?.toplistDate || ''}>
@@ -56,7 +57,7 @@ const ModuleTitle = ({
 
     if (module.module_title_tag)
       return (
-        <CustomTag className={className || ''}>
+        <CustomTag id={anchorLabel} className={className || ''}>
           {moduleTitle}
           {currentMonth ? (
             <span className={styles?.toplistDate || ''}>
@@ -69,7 +70,7 @@ const ModuleTitle = ({
 
     return (
       moduleTitle && (
-        <span className={`${styles?.noTag || ''} ${className || ''}`}>
+        <span id={anchorLabel} className={`${styles?.noTag || ''} ${className || ''}`}>
           {moduleTitle}
           {currentMonth ? (
             <span className={styles?.toplistDate || ''}>

package/src/gatsby-core-theme/components/molecules/module/index.js

@@ -103,6 +103,12 @@ const Modules = ({ module, page, pageContext, index, exclOperator }) => {
 
   const homepageFirstModule = index === 0 && page.path === '/';
 
+  const anchorLabel = module.anchor_label
+    ? removeSymbols(anchorLink(module.anchor_label))
+    : module.name === 'archive'
+    ? 'archiveLabel'
+    : null;
+
   const extraProps =
     module.name === 'bonus'
       ? {
@@ -112,7 +118,9 @@ const Modules = ({ module, page, pageContext, index, exclOperator }) => {
           prettyLink: prettyTracker(module?.value, 'main', false, page?.template),
           isStickyCta: false,
         }
-      : {};
+      : {
+          anchorLabel,
+        };
 
   const moduleClassName = `${module.name}Module`;
 
@@ -128,7 +136,11 @@ const Modules = ({ module, page, pageContext, index, exclOperator }) => {
   return (
     ModuleComponent && (
       <div
-        id={module.anchor_label && `${removeSymbols(anchorLink(module.anchor_label))}`}
+        id={
+          module.name === 'archive' && (module.module_title || module.module_title)
+            ? null
+            : anchorLabel
+        }
         style={module.background_color && moduleBackgroundColor}
         className={`${styles[moduleClassName] !== undefined ? styles[moduleClassName] || '' : ''} ${
           module?.name || ''
@@ -137,7 +149,11 @@ const Modules = ({ module, page, pageContext, index, exclOperator }) => {
         }`}
       >
         {module.name !== 'top_list' && (
-          <ModuleTitle module={module} isHomepageFirstModule={homepageFirstModule} />
+          <ModuleTitle
+            module={module}
+            isHomepageFirstModule={homepageFirstModule}
+            anchorLabel={module.name === 'archive' && anchorLabel}
+          />
         )}
         {ModuleIntro && (
           <ModuleIntro

package/src/gatsby-core-theme/components/pages/body/index.js

@@ -99,6 +99,7 @@ function Body({ pageContext, children, excludeTemplateInPopup = [], hideOperator
       {navigation && (
         <Navigation
           template={template}
+          pageContext={pageContext}
           section={navigation}
           searchIcon="../../../../../../images/search.svg"
           menu="main_menu"

package/storybook/.ci.yml

@@ -6,7 +6,7 @@ Storybook Build:
   image: git.ilcd.rocks:4567/team-floyd/themes/gatsby-themes:node14
   stage: build
   tags:
-    - floyd-runner-test
+    - gatsby-runner-dev-1
   script:
     - yarn config set cache-folder .yarn
     - npm config set //registry.npmjs.org/:_authToken $NPM_AUTH_TOKEN
@@ -26,10 +26,9 @@ Storybook Deploy:
   image: git.ilcd.rocks:4567/team-floyd/themes/gatsby-themes:node14
   stage: deploy
   tags:
-    - floyd-runner-test
+    - gatsby-runner-dev-1
   script:
     - mkdir -p ~/.ssh
-    - ssh-keyscan -H storybook >> ~/.ssh/known_hosts
     - echo "$FLOYD_ROOT_KEY" > ~/.ssh/id_rsa
     - chmod 600 ~/.ssh/id_rsa
     - echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > ~/.ssh/config

package/storybook/public/iframe.html

@@ -345,4 +345,4 @@
           
       
           
-            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)$"}];</script><script src="runtime~main.23bfd16b.iframe.bundle.js"></script><script src="522.0e8faa1e.iframe.bundle.js"></script><script src="main.467d52d3.iframe.bundle.js"></script></body></html>
+            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)$"}];</script><script src="runtime~main.23bfd16b.iframe.bundle.js"></script><script src="522.0e8faa1e.iframe.bundle.js"></script><script src="main.9e7c99c1.iframe.bundle.js"></script></body></html>