gatsby-matrix-theme 22.0.0 → 22.0.2

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+## [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)
+
+
+### Bug Fixes
+
+* update core theme ([2106084](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/210608461059b728a42c787c1a07a15f1c118dea))
+
 # [22.0.0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v21.0.3...v22.0.0) (2023-05-10)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "22.0.0",
+  "version": "22.0.2",
   "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.7",
+    "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/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>