luna-one 3.1.476 → 3.1.479

package/dist/luna/components/MegaMenu/MegaMenu.scss

@@ -331,7 +331,7 @@
       word-break: break-all;
       line-height: 14.4px;
       white-space: nowrap;
-
+      pointer-events: none;
       &--is-open {
         color: $trimble-dark-gray;
 

package/dist/luna/components/MegaMenu/menu-generators/UncollapsedLinks.js

@@ -59,7 +59,8 @@ var UncollapsedLinks = function UncollapsedLinks(props) {
     Link: Link,
     tabIndex: mouse ? "" : "0",
     className: "ter-mega-menu__left-title ter-mega-menu__left-title".concat(link.imageUrl ? "--image" : "--link", " ").concat(link.imageUrl ? "ter-mega-menu__left-title--image-content" : "", "  ").concat(mouse ? "" : "tabFocus"),
-    target: typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null
+    target: typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null,
+    depth: 3
   }, link.imageUrl && /*#__PURE__*/_react["default"].createElement("img", {
     src: link.imageUrl,
     alt: link.altText ? link.altText : "",

package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.js

@@ -178,6 +178,7 @@ var MobileMegaMenu = function MobileMegaMenu(props) {
   }, /*#__PURE__*/_react["default"].createElement("p", {
     id: (0, _formatID["default"])("".concat(megaMenuContent.text, "-mega-menu-name")),
     className: "ter-mobile-mega-menu__name ".concat(currentOpenMenu || !hamburgerIsOpen ? "" : "ter-mobile-mega-menu__name--open-parent"),
+    "data-depth": 1,
     tabIndex: mouseSet ? "" : "0",
     onClick: function onClick() {
       toggleDropDown(megaMenuContent.text);

package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.scss

@@ -219,6 +219,9 @@
         }
       }
     }
+    &> *:not(a) {
+      pointer-events: none;
+    }
   }
 
   &__single-link {

package/dist/luna/components/MobileMegaMenu/MobileMegaMenuCategory.js

@@ -85,7 +85,7 @@ var MobileMegaMenuCategory = function MobileMegaMenuCategory(_ref) {
           className: "ter-mobile-mega-menu-category__name",
           key: "".concat(link.text, "-").concat(name, "-").concat(index),
           onClick: closeDropDown
-        }, (0, _generateLinks.generateSingleLink)(link, "ter-mobile-mega-menu-category__name", closeDropDown, openSubCategory === null, mouse, Link));
+        }, (0, _generateLinks.generateSingleLink)(link, "ter-mobile-mega-menu-category__name", closeDropDown, openSubCategory === null, mouse, Link, 3));
       }
     });
   };
@@ -137,7 +137,8 @@ var MobileMegaMenuCategory = function MobileMegaMenuCategory(_ref) {
     className: "ter-mobile-mega-menu__name ".concat(isOpen && !openSubCategory ? "ter-mobile-mega-menu__name--open" : "", " ").concat(mouse ? "" : "tabFocus"),
     "aria-haspopup": "menu",
     "aria-expanded": isOpen && !openSubCategory,
-    ref: uncollapsedMenu
+    ref: uncollapsedMenu,
+    "data-depth": 2
   }, name, /*#__PURE__*/_react["default"].createElement("img", {
     id: _lodash["default"].uniqueId("id-"),
     className: "ter-mobile-mega-menu__caret ".concat(isOpen && !openSubCategory ? "ter-mobile-mega-menu__caret--up" : "ter-mobile-mega-menu__caret--down"),
@@ -158,6 +159,7 @@ var MobileMegaMenuCategory = function MobileMegaMenuCategory(_ref) {
       return toggleCategoryWithEnter(e, name, "close");
     },
     className: "ter-mobile-mega-menu-category__name ".concat(parentOpen ? "" : "ter-mobile-mega-menu-category__name--hidden", " ").concat(mouse ? "" : "tabFocus"),
+    "data-depth": 2,
     "aria-haspopup": "menu",
     "aria-expanded": !(isOpen && !openSubCategory),
     ref: collapsedMenu

package/dist/luna/components/MobileMegaMenu/MobileMegaMenuPartialCategory.js

@@ -34,7 +34,7 @@ var MobileMegaMenuPartialCategory = function MobileMegaMenuPartialCategory(_ref)
   }, /*#__PURE__*/_react["default"].createElement("p", {
     id: _lodash["default"].uniqueId("id-"),
     className: "ter-mobile-mega-menu-category__name--single"
-  }, (0, _generateLinks.generateMobileLink)(linkObj, "ter-mobile-mega-menu-category__single-link", closeDropDown, mouse, Link)));
+  }, (0, _generateLinks.generateMobileLink)(linkObj, "ter-mobile-mega-menu-category__single-link", closeDropDown, mouse, Link, 2)));
 };
 
 var _default = MobileMegaMenuPartialCategory;

package/dist/luna/components/MobileMegaMenu/MobileMegaMenuSubCategory.js

@@ -53,7 +53,7 @@ var MobileMegaMenuSubCategory = function MobileMegaMenuSubCategory(_ref) {
       setUncollapsedMenu = _useFocus4[1];
 
   var generateTertiaryMenu = function generateTertiaryMenu() {
-    return (0, _generateLinks["default"])(links, "ter-mobile-mega-menu-category__name", closeDropDown, name, mouse, Link);
+    return (0, _generateLinks["default"])(links, "ter-mobile-mega-menu-category__name", closeDropDown, name, mouse, Link, 4);
   };
 
   var toggleCategoryWithEnter = function toggleCategoryWithEnter(event, name, direction) {
@@ -102,7 +102,7 @@ var MobileMegaMenuSubCategory = function MobileMegaMenuSubCategory(_ref) {
     return handleClick(name);
   }), (0, _defineProperty2["default"])(_React$createElement2, "onKeyDown", function onKeyDown(e) {
     return toggleCategoryWithEnter(e, name, "close");
-  }), (0, _defineProperty2["default"])(_React$createElement2, "className", "ter-mobile-mega-menu-category__name ".concat(isOpen ? "ter-mobile-mega-menu-category__name--hidden" : "", " ").concat(mouse ? "" : "tabFocus")), (0, _defineProperty2["default"])(_React$createElement2, "aria-haspopup", "menu"), (0, _defineProperty2["default"])(_React$createElement2, "aria-expanded", !isOpen), (0, _defineProperty2["default"])(_React$createElement2, "ref", collapsedMenu), _React$createElement2), name, /*#__PURE__*/_react["default"].createElement("img", {
+  }), (0, _defineProperty2["default"])(_React$createElement2, "className", "ter-mobile-mega-menu-category__name ".concat(isOpen ? "ter-mobile-mega-menu-category__name--hidden" : "", " ").concat(mouse ? "" : "tabFocus")), (0, _defineProperty2["default"])(_React$createElement2, "aria-haspopup", "menu"), (0, _defineProperty2["default"])(_React$createElement2, "aria-expanded", !isOpen), (0, _defineProperty2["default"])(_React$createElement2, "ref", collapsedMenu), (0, _defineProperty2["default"])(_React$createElement2, "data-depth", 3), _React$createElement2), name, /*#__PURE__*/_react["default"].createElement("img", {
     id: _lodash["default"].uniqueId("id-"),
     className: "ter-mobile-mega-menu-category__caret",
     src: _downCaretDarkBlue["default"],

package/dist/luna/components/MobileMenu/MobileMenu.js

@@ -45,7 +45,7 @@ var MobileMenu = function MobileMenu(_ref) {
       setUncollapsedMenu = _useFocus4[1];
 
   var generateMenuLinks = function generateMenuLinks() {
-    return (0, _generateLinks["default"])(links, "ter-mobile-menu__link", closeDropDown, text, mouse, Link);
+    return (0, _generateLinks["default"])(links, "ter-mobile-menu__link", closeDropDown, text, mouse, Link, 2);
   };
 
   var toggleWithEnter = function toggleWithEnter(e, name, direction) {
@@ -75,7 +75,8 @@ var MobileMenu = function MobileMenu(_ref) {
     },
     "aria-haspopup": "menu",
     "aria-expanded": isOpen,
-    ref: uncollapsedMenu
+    ref: uncollapsedMenu,
+    "data-depth": 1
   }, text, /*#__PURE__*/_react["default"].createElement("img", {
     className: "ter-mobile-menu__caret ".concat(isOpen ? "ter-mobile-menu__caret--up" : "ter-mobile-menu__caret--down"),
     src: _rightCaretLightGray["default"],
@@ -96,7 +97,8 @@ var MobileMenu = function MobileMenu(_ref) {
     tabIndex: mouse ? "" : "0",
     "aria-haspopup": "menu",
     "aria-expanded": !isOpen,
-    ref: collapsedMenu
+    ref: collapsedMenu,
+    "data-depth": 1
   }, text, /*#__PURE__*/_react["default"].createElement("img", {
     className: "ter-mobile-menu__caret ".concat(isOpen ? "ter-mobile-menu__caret--up" : "ter-mobile-menu__caret--down"),
     src: _rightCaretLightGray["default"],

package/dist/luna/featurettes/ProductsPackage/ProductsPackage.js

@@ -103,18 +103,18 @@ var ProductsPackage = function ProductsPackage(_ref) {
         return card === null || card === void 0 ? void 0 : card.clientHeight;
       }); //Find the tallest card's height
 
-      var tallestCard = cardsHeight && cardsHeight !== null && cardsHeight !== void 0 && cardsHeight.lenght ? Math.max.apply(Math, (0, _toConsumableArray2["default"])(cardsHeight)) : null; //add all heights of cards to find the total height for mobile
+      var tallestCard = cardsHeight && cardsHeight !== null && cardsHeight !== void 0 && cardsHeight.length ? Math.max.apply(Math, (0, _toConsumableArray2["default"])(cardsHeight)) : null; //add all heights of cards to find the total height for mobile
 
       var startingValue = 0;
       var mobileHeight = cardsHeight === null || cardsHeight === void 0 ? void 0 : cardsHeight.reduce(function (previousValue, currentValue) {
         return previousValue + currentValue;
       }, startingValue);
 
-      if ((_cards === null || _cards === void 0 ? void 0 : _cards.length) > 3 && tallestCard > 500 && width > 600) {
+      if ((_cards === null || _cards === void 0 ? void 0 : _cards.length) > 3 && tallestCard > 500 && width > 600 && width !== 0) {
         setHeightOfTallestCard(tallestCard + 70);
-      } else if (tallestCard > 500 && width > 600) {
+      } else if (tallestCard > 500 && width > 600 && width !== 0) {
         setHeightOfTallestCard(tallestCard);
-      } else if (width <= 600) {
+      } else if (width <= 600 && width !== 0) {
         var _document2, _document2$querySelec;
 
         setHeightOfTallestCard(mobileHeight + ((_document2 = document) === null || _document2 === void 0 ? void 0 : (_document2$querySelec = _document2.querySelector(".mxp-products-package-container__right-section")) === null || _document2$querySelec === void 0 ? void 0 : _document2$querySelec.clientHeight));

package/dist/luna/featurettes/PullQuote/PullQuote.js

@@ -277,7 +277,7 @@ var PullQuote = function PullQuote(props) {
     style: {
       color: color
     }
-  }, quoteSourceTitle), (content === null || content === void 0 ? void 0 : (_content$cta = content.cta) === null || _content$cta === void 0 ? void 0 : _content$cta.url) && (content === null || content === void 0 ? void 0 : (_content$cta2 = content.cta) === null || _content$cta2 === void 0 ? void 0 : _content$cta2.text) || (content === null || content === void 0 ? void 0 : (_content$cta3 = content.cta) === null || _content$cta3 === void 0 ? void 0 : _content$cta3.text) && (content === null || content === void 0 ? void 0 : (_content$cta4 = content.cta) === null || _content$cta4 === void 0 ? void 0 : _content$cta4.video) && /*#__PURE__*/_react["default"].createElement(Button, {
+  }, quoteSourceTitle), ((content === null || content === void 0 ? void 0 : (_content$cta = content.cta) === null || _content$cta === void 0 ? void 0 : _content$cta.url) && (content === null || content === void 0 ? void 0 : (_content$cta2 = content.cta) === null || _content$cta2 === void 0 ? void 0 : _content$cta2.text) || (content === null || content === void 0 ? void 0 : (_content$cta3 = content.cta) === null || _content$cta3 === void 0 ? void 0 : _content$cta3.text) && (content === null || content === void 0 ? void 0 : (_content$cta4 = content.cta) === null || _content$cta4 === void 0 ? void 0 : _content$cta4.video)) && /*#__PURE__*/_react["default"].createElement(Button, {
     Link: content === null || content === void 0 ? void 0 : content.Link,
     url: content === null || content === void 0 ? void 0 : (_content$cta5 = content.cta) === null || _content$cta5 === void 0 ? void 0 : _content$cta5.url,
     text: content === null || content === void 0 ? void 0 : (_content$cta6 = content.cta) === null || _content$cta6 === void 0 ? void 0 : _content$cta6.text,

package/dist/luna/other-organisms/NavBar/NavBar.scss

@@ -263,6 +263,7 @@
           display: inline;
           word-break: break-all;
           line-height: 14.4px;
+          pointer-events: none;
 
           &--is-open {
             color: $white;

package/dist/luna/utils/generateLinks.js

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _formatID = _interopRequireDefault(require("./formatID"));
 
-var generateLinks = function generateLinks(links, className, closeDropDown, name, mouse, Link) {
+var generateLinks = function generateLinks(links, className, closeDropDown, name, mouse, Link, depth) {
   var _links$filter;
 
   return links === null || links === void 0 ? void 0 : (_links$filter = links.filter(function (link) {
@@ -35,7 +35,8 @@ var generateLinks = function generateLinks(links, className, closeDropDown, name
       },
       className: "".concat(className, " ").concat(mouse ? "" : "tabFocus"),
       rel: link !== null && link !== void 0 && link.external ? "noopener" : "",
-      Link: Link
+      Link: Link,
+      depth: depth && depth
     }, text));
   });
 };
@@ -43,7 +44,7 @@ var generateLinks = function generateLinks(links, className, closeDropDown, name
 var _default = generateLinks;
 exports["default"] = _default;
 
-var generateSingleLink = function generateSingleLink(link, className, closeDropDown, parentOpen, mouse, Link) {
+var generateSingleLink = function generateSingleLink(link, className, closeDropDown, parentOpen, mouse, Link, depth) {
   var url = link.url,
       text = link.text;
   return /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
@@ -58,13 +59,14 @@ var generateSingleLink = function generateSingleLink(link, className, closeDropD
     Link: Link,
     style: {
       textDecoration: "none"
-    }
+    },
+    depth: depth && depth
   }, text);
 };
 
 exports.generateSingleLink = generateSingleLink;
 
-var generateSingleLinkFunctionless = function generateSingleLinkFunctionless(link, className, index, Link) {
+var generateSingleLinkFunctionless = function generateSingleLinkFunctionless(link, className, index, Link, depth) {
   var url = link === null || link === void 0 ? void 0 : link.url;
   var text = link === null || link === void 0 ? void 0 : link.text;
   return url ? /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
@@ -77,13 +79,14 @@ var generateSingleLinkFunctionless = function generateSingleLinkFunctionless(lin
     },
     className: className,
     Link: Link,
-    target: typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null
+    target: typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null,
+    depth: depth && depth
   }, text) : null;
 };
 
 exports.generateSingleLinkFunctionless = generateSingleLinkFunctionless;
 
-var generateMobileLink = function generateMobileLink(link, className, closeDropDown, mouse, Link) {
+var generateMobileLink = function generateMobileLink(link, className, closeDropDown, mouse, Link, depth) {
   var url = link.url,
       text = link.text;
   return /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
@@ -98,7 +101,8 @@ var generateMobileLink = function generateMobileLink(link, className, closeDropD
     className: "".concat(className, " ").concat(mouse ? "" : "tabFocus"),
     onClick: closeDropDown,
     Link: Link,
-    rel: link !== null && link !== void 0 && link.external ? "noopener" : ""
+    rel: link !== null && link !== void 0 && link.external ? "noopener" : "",
+    depth: depth && depth
   }, text);
 };
 
@@ -111,14 +115,16 @@ var IconLink = function IconLink(_ref) {
       external = _ref.external,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "icon-link" : _ref$className,
-      Link = _ref.Link;
+      Link = _ref.Link,
+      depth = _ref.depth;
   return /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
     id: (0, _formatID["default"])("".concat(className, "-").concat(url, "-link")),
     to: url,
     onClick: onClick ? onClick : function () {},
     target: external ? "_blank" : "_self",
     Link: Link,
-    rel: Link !== null && Link !== void 0 && Link.external ? "noopener" : ""
+    rel: Link !== null && Link !== void 0 && Link.external ? "noopener" : "",
+    depth: depth && depth
   }, children);
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "3.1.476",
+  "version": "3.1.479",
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",