gatsby-core-theme 23.0.1 → 24.0.0

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+# [24.0.0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v23.0.2...v24.0.0) (2023-06-27)
+
+
+### Code Refactoring
+
+* change api url ([cfa8d4c](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/cfa8d4cedeb519ce9a1447ad38c15cc027044235))
+* changes to image display viewport ([6b93f8a](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/6b93f8a0ad851488d043ace5f11f60bfea8f2267))
+* changes to left to right menu on hover ([d6e8f41](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d6e8f41a88fd38f586a020f0a8591620e14b86ce))
+
+
+* Merge branch 'tm-3475-main-menu' into 'master' ([118ff98](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/118ff9840b15b98eb9e6a8549b31802bb9871540))
+* Merge branch 'master' into tm-3475-main-menu ([f4901a2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f4901a2653b8176f3527d8aa67d148dd21339076))
+
+## [23.0.2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v23.0.1...v23.0.2) (2023-06-23)
+
+
+### Bug Fixes
+
+* fix for ltr sites ([cce6e0d](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/cce6e0dc0d96250f1cf7f79e1a80d38250d7a8e2))
+
+
+* Merge branch 'tm-3475-main-menu' into 'master' ([93f61fb](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/93f61fb0644bf8c7ace8e0cf0ed455f8e623207b))
+
 ## [23.0.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v23.0.0...v23.0.1) (2023-06-23)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "23.0.1",
+  "version": "24.0.0",
   "description": "Gatsby Theme NPM Package",
   "main": "index.js",
   "GATSBY_RECAPTCHA_SITEKEY": "6LfoyvMUAAAAAO4nl_MQnqHb4XdHxEiu5cXgIqeB",

package/src/components/atoms/menu/items/index.js

@@ -8,14 +8,7 @@ import styles from './items.module.scss';
 import { getPositionClass, itemHasChildren } from '~helpers/menu';
 
 // Test included with menu molecule test
-const Items = ({
-  item,
-  menuListRef,
-  gtmClass = '',
-  level = 1,
-  dropdownButtonWidth = 64,
-  canOpenAllSubMenus = true,
-}) => {
+const Items = ({ item, menuListRef, gtmClass = '', level = 1, canOpenAllSubMenus = true }) => {
   let link;
   let menu;
 
@@ -41,19 +34,15 @@ const Items = ({
 
   const onClick = (e) => {
     const { target } = e;
-    const { width } = target.getBoundingClientRect();
 
-    // check if clicked within the arrow area which has a padding of 4.8rem on the li tag
-    if (e.nativeEvent.layerX > width - dropdownButtonWidth) {
-      // check if multiple submenus can be opened at same time, if not close them
-      if (!canOpenAllSubMenus) {
-        closeOtherMenus(target);
-      }
-
-      // toggle the clicked menu item
-      target.classList.toggle(styles.showSubMenu);
-      target.getElementsByTagName('UL')[0]?.classList.toggle(styles.show);
+    // check if multiple submenus can be opened at same time, if not close them
+    if (!canOpenAllSubMenus) {
+      closeOtherMenus(target);
     }
+
+    // toggle the clicked menu item
+    target.classList.toggle(styles.showSubMenu);
+    target.getElementsByTagName('UL')[0]?.classList.toggle(styles.show);
   };
 
   if (item.children) {
@@ -122,7 +111,6 @@ Items.propTypes = {
   menuListRef: PropTypes.oneOfType([PropTypes.element, PropTypes.any]),
   gtmClass: PropTypes.string,
   level: PropTypes.number,
-  dropdownButtonWidth: PropTypes.number,
   canOpenAllSubMenus: PropTypes.bool,
 };
 

package/src/components/atoms/menu/items/item/item.module.scss

@@ -14,7 +14,7 @@
     max-height: 3.2rem;
     border-radius: 0.4rem;
 
-    @include min(tablet) {
+    @include min(desktop) {
       display: none;
     }
   }

package/src/helpers/menu.js

@@ -7,7 +7,7 @@ export const getPositionClass = (target, styles) => {
       const { left, width } = element.getBoundingClientRect();
 
       // eslint-disable-next-line no-unused-expressions
-      left + width > document.body.clientWidth &&
+      (left + width > document.body.clientWidth || left < 0) &&
         element.classList.add(styles.staticLeft, styles.hoverLeft);
       break;
     }

package/src/styles/utils/variables/_main.scss

@@ -97,14 +97,17 @@
   --levelOne-bg-color: var(--color-4);
   --levelOne-text-color: var(--color-49);
   --levelOne-hover-bg-color: #EEEEEE;
+  --levelOne-hover-text-color: var(--color-49);
 
   --levelTwo-bg-color: #FBFBFB;
   --levelTwo-text-color: var(--color-49);
   --levelTwo-hover-bg-color: #EEEEEE;
+  --levelTwo-hover-text-color: var(--color-49);
 
   --levelThree-bg-color: var(--color-4);
   --levelThree-text-color: var(--color-49);
   --levelThree-hover-bg-color: #EEEEEE;
+  --levelThree-hover-text-color: var(--color-49);
 
   // optional menu styles
   --levelOne-btn-bg-color: var(--color-4);