gatsby-matrix-theme 37.0.48 → 38.0.0

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+# [38.0.0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.49...v38.0.0) (2024-01-08)
+
+
+### Bug Fixes
+
+* updated theme ([5f93eab](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5f93eab6141ca874783e3b42e2cd7fe83b5ec0a1))
+
+
+### Code Refactoring
+
+* changes to search tabs to show number of results ([00188c3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/00188c3bab21f488367318b80ed0d635295a7a65))
+* hide search results on tab by default ([dbfb50e](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/dbfb50e76b4fb65e10bc3ce13133a88767f389fa))
+* remove author component from search pages ([04c89dc](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/04c89dc0d2a5c561e427e81c0bdfa00b716c1784))
+
+
+### Config
+
+* update to latest ([1d37dda](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1d37ddacebe8cb09a3d6f7df525a304861c034ce))
+
+
+* Merge branch 'search-tab-changes' into 'master' ([b860687](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/b860687e8410b5c9aeb7dd8799478bd3a98d312d))
+* Merge branch 'master' into search-tab-changes ([3601550](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3601550fecdc18cfcbf4ce927e8956d8af1c2761))
+* Merge branch 'master' into search-tab-changes ([6129e5d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/6129e5d7da7ea36036dc9c96816bd05acb1a3642))
+* Merge branch 'master' into search-tab-changes ([a972605](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a972605085b309cbbf87231fe09dfdcc9ccde0e0))
+
+## [37.0.49](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.48...v37.0.49) (2024-01-05)
+
+
+### Bug Fixes
+
+* added prop to hide selling points ([61c9ccc](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/61c9cccec614614cf92921cf231d3d7ad14e72b0))
+
+
+* Merge branch 'tm-3725-ocl-changes' into 'master' ([a569626](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a569626fd4228738ce28b334c3f9e13ae624e8e0))
+
 ## [37.0.48](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.47...v37.0.48) (2024-01-05)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "37.0.48",
+  "version": "38.0.0",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "30.0.44",
+    "gatsby-core-theme": "30.0.46",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^5.11.0",

package/src/components/molecules/toplist/row/variant-one.js

@@ -18,6 +18,7 @@ export default function Row({
   className,
   itemRefs,
   authorTemplateTwo = false,
+  showSellingPoints = true,
   showAuthor,
   useOneStarRating,
   template,
@@ -53,7 +54,7 @@ export default function Row({
 
       <Bonus item={item} tracker={oneliner} />
 
-      <SellingPoints sellingPoints={sellingPoints} limit={3} />
+      {showSellingPoints && <SellingPoints sellingPoints={sellingPoints} limit={3} />}
 
       <OperatorCta
         operator={item}
@@ -94,6 +95,7 @@ Row.propTypes = {
   index: PropTypes.number,
   className: PropTypes.string,
   tracker: PropTypes.string,
+  showSellingPoints: PropTypes.bool,
   oneliner: PropTypes.string,
   layout: PropTypes.oneOf(['list', 'grid']),
   item: PropTypes.shape({

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

@@ -35,6 +35,9 @@ const Search = ({
   noResults = 'We can’t find anything that matches your query. Please try again with other keywords.',
   page,
   pageContext,
+  showTabIcon = false,
+  icon = null,
+  showNumberOfResults = false,
 }) => {
   const { setShowSearch } = useContext(NavigationContext);
   const pageSearchOptionsCopy = pageSearchOptions;
@@ -355,6 +358,10 @@ const Search = ({
                   activeTabClass="searchActive"
                   headerClass="searchHeader"
                   gtmClass="search-tabs-menu-gtm"
+                  showIcon={showTabIcon}
+                  icon={icon}
+                  showNumberOfResults={showNumberOfResults}
+                  totalResults={searchResultsRef?.current?.length}
                 >
                   {items}
                 </Tabs>
@@ -399,7 +406,12 @@ const Search = ({
                 const Archive = loadable(() => import('~organisms/archive'));
 
                 return (
-                  <div label={titleObj.title} tabId={type + index} key={keygen()}>
+                  <div
+                    results={items?.items?.length}
+                    label={titleObj.title}
+                    tabId={type + index}
+                    key={keygen()}
+                  >
                     {pageSearchOptionsCopy.useArchive === undefined ||
                     !pageSearchOptionsCopy.useArchive ? (
                       <div className={styles?.searchGrid || ''}>{items}</div>
@@ -488,6 +500,9 @@ Search.propTypes = {
       market: PropTypes.string,
     }),
   }),
+  showTabIcon: PropTypes.bool,
+  icon: PropTypes.func,
+  showNumberOfResults: PropTypes.bool,
 };
 
 export default Search;

package/src/gatsby-core-theme/components/organisms/toplist/index.js

@@ -15,6 +15,8 @@ const TopList = ({
   isHomepageFirstModule = false,
   showAffiliateDisclaimer = true,
   verifyIcon = '../../../../images/verifiedAuthor.svg',
+  showIcon = false,
+  icon = null,
 }) => {
   const showTabs = module.items.length > 1;
   const moduleStyle = module?.style;
@@ -52,6 +54,8 @@ const TopList = ({
       moduleStyle={moduleStyle}
       isHomepageFirstModule={isHomepageFirstModule}
       showAffiliateDisclaimer={showAffiliateDisclaimer}
+      showIcon={showIcon}
+      icon={icon}
     >
       {content}
     </Tabs>
@@ -91,6 +95,8 @@ TopList.propTypes = {
   page: PropTypes.shape({ template: PropTypes.string, path: PropTypes.string }),
   showAffiliateDisclaimer: PropTypes.bool,
   verifyIcon: PropTypes.string,
+  showIcon: PropTypes.string,
+  icon: PropTypes.func,
 };
 
 export default TopList;

package/src/gatsby-core-theme/hooks/tabs/index.js

@@ -20,6 +20,10 @@ const Tabs = ({
   moduleStyle,
   isHomepageFirstModule = false,
   showAffiliateDisclaimer = false,
+  showIcon = false,
+  icon = null,
+  showNumberOfResults = false,
+  totalResults,
 }) => {
   const showAllTabId = `${showAll}_0`;
   const [activeTab, setActiveTab] = useState(
@@ -64,6 +68,10 @@ const Tabs = ({
               alignRight={tabsAlign === 'right'}
               module={module}
               gtmClass={gtmClass}
+              showIcon={showIcon}
+              icon={icon}
+              showNumberOfResults={showNumberOfResults}
+              totalResults={totalResults}
             />
           )}
           {showAffiliateDisclaimer && <AffiliateDisclaimer className={styles.disclaimer || ''} />}
@@ -106,6 +114,10 @@ Tabs.propTypes = {
   moduleStyle: PropTypes.string,
   isHomepageFirstModule: PropTypes.bool,
   showAffiliateDisclaimer: PropTypes.bool,
+  showIcon: PropTypes.bool,
+  icon: PropTypes.func,
+  showNumberOfResults: PropTypes.bool,
+  totalResults: PropTypes.number,
 };
 
 export default Tabs;

package/src/gatsby-core-theme/hooks/tabs/tab/tab-list.js

@@ -16,12 +16,19 @@ const TabList = ({
   showAll,
   alignRight = false,
   gtmClass = '',
+  showIcon = false,
+  icon = null,
+  showNumberOfResults = false,
+  totalResults,
 }) => {
   const filterBtn = useRef(null);
   const tabList = useRef(null);
 
   const tabItems = showAll
-    ? [<div label={showAll} tabId={`${showAll}_0`} key={keygen()} />, ...items]
+    ? [
+        <div results={totalResults} label={showAll} tabId={`${showAll}_0`} key={keygen()} />,
+        ...items,
+      ]
     : items;
 
   function showDropdown() {
@@ -44,7 +51,7 @@ const TabList = ({
       <ol ref={tabList} className={styles?.list || ''} data-id="select-list">
         {tabItems.map((item, index) => {
           if (item === null) return null;
-          const { label } = item.props;
+          const { label, results } = item.props;
           return (
             <Tab
               activeTab={activeTab}
@@ -55,6 +62,10 @@ const TabList = ({
               onClick={onClick}
               toggleDropdown={showDropdown}
               gtmClass={gtmClass}
+              showIcon={showIcon}
+              icon={icon}
+              showResults={showNumberOfResults}
+              results={results}
             />
           );
         })}
@@ -71,6 +82,10 @@ TabList.propTypes = {
   activeTabClass: PropTypes.string,
   alignRight: PropTypes.bool,
   gtmClass: PropTypes.string,
+  showIcon: PropTypes.string,
+  icon: PropTypes.func,
+  showNumberOfResults: PropTypes.bool,
+  totalResults: PropTypes.number,
 };
 
 export default TabList;

package/src/gatsby-core-theme/hooks/tabs/tab/tab.js

@@ -12,6 +12,9 @@ const Tab = ({
   tabId,
   toggleDropdown,
   gtmClass = '',
+  showResults = false,
+  results,
+  showIcon = false,
   icon = null,
 }) => {
   let className = '';
@@ -35,7 +38,8 @@ const Tab = ({
         }}
       >
         {label}
-        {icon && icon}
+        {showResults && <span>{results}</span>}
+        {showIcon && icon}
       </button>
     </li>
   );
@@ -48,6 +52,9 @@ Tab.propTypes = {
   tabId: PropTypes.string,
   label: PropTypes.string,
   gtmClass: PropTypes.string,
+  showIcon: PropTypes.bool,
+  showResults: PropTypes.bool,
+  results: PropTypes.number,
   icon: PropTypes.func,
 };