luna-one 3.1.590 → 3.1.591
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -58,6 +58,10 @@ var MegaMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
58
58
|
_useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
|
|
59
59
|
subNavHeightStyles = _useState12[0],
|
|
60
60
|
setSubNavHeightStyles = _useState12[1];
|
|
61
|
+
var _useState13 = (0, _react.useState)(true),
|
|
62
|
+
_useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
|
|
63
|
+
initialDisplayNone = _useState14[0],
|
|
64
|
+
setInitialDisplayNone = _useState14[1];
|
|
61
65
|
(0, _react.useEffect)(function () {
|
|
62
66
|
updateNavHeightStyles();
|
|
63
67
|
updateSubNavHeightStyles();
|
|
@@ -77,6 +81,7 @@ var MegaMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
77
81
|
};
|
|
78
82
|
var _handleClick = function handleClick(e, menuId) {
|
|
79
83
|
var _content$links;
|
|
84
|
+
setInitialDisplayNone(false);
|
|
80
85
|
currentOpenMenu !== menuId && hideSubsection();
|
|
81
86
|
currentOpenMenu !== menuId && setMaxActiveNavItems(content === null || content === void 0 ? void 0 : (_content$links = content.links) === null || _content$links === void 0 ? void 0 : _content$links.length);
|
|
82
87
|
deployDropDown(e, menuId);
|
|
@@ -206,6 +211,11 @@ var MegaMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
206
211
|
megaMenuParentValue: megaMenuParentValue
|
|
207
212
|
};
|
|
208
213
|
var menuType = !collapsed ? "uncollapsed-dropdown" : !hasTertiary ? "dropdown" : "tertiary-dropdown";
|
|
214
|
+
|
|
215
|
+
// This prevents the litany of prefetching all of the data related to menu items at load
|
|
216
|
+
var displayStyles = {
|
|
217
|
+
display: initialDisplayNone ? 'none' : 'block'
|
|
218
|
+
};
|
|
209
219
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
210
220
|
id: (0, _lodash.uniqueId)("mega-menu-"),
|
|
211
221
|
tabIndex: mouse ? "" : "0",
|
|
@@ -232,7 +242,7 @@ var MegaMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
232
242
|
})), /*#__PURE__*/_react["default"].createElement("section", {
|
|
233
243
|
//Section wrapper class is determined by the menu type
|
|
234
244
|
className: "ter-mega-menu__".concat(menuType, " ").concat(isOpen ? "ter-mega-menu__".concat(menuType, "--is-open ") : "", "\n ").concat(isOpen && displayIcons ? "ter-mega-menu__".concat(menuType, "--is-open--with-icons ") : "", "\n "),
|
|
235
|
-
style: (0, _objectSpread2["default"])({}, navHeightStyles)
|
|
245
|
+
style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, navHeightStyles), displayStyles)
|
|
236
246
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
237
247
|
className: "ter-mega-menu__left-section ".concat(isOpen ? "ter-mega-menu__left-section--is-open" : "", " ").concat(!collapsed ? "ter-mega-menu__left-section--is-uncollapsed" : ""),
|
|
238
248
|
id: (0, _lodash.uniqueId)("id-")
|