qpp-style 9.12.1 → 9.12.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Header/HeaderMenuItem.jsx +10 -1
- package/components/Header/HeaderUI.jsx +1 -0
- package/dist/browser.js +1 -1
- package/dist/browser.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -33,6 +33,7 @@ const excludedClickOutClasses = [
|
|
|
33
33
|
|
|
34
34
|
const HeaderMenuItem = ({
|
|
35
35
|
handleClick,
|
|
36
|
+
isMobileMenuExpanded,
|
|
36
37
|
columns,
|
|
37
38
|
menuName,
|
|
38
39
|
rows,
|
|
@@ -76,12 +77,19 @@ const HeaderMenuItem = ({
|
|
|
76
77
|
) {
|
|
77
78
|
return;
|
|
78
79
|
}
|
|
80
|
+
setOpenMobileSubMenu('')
|
|
79
81
|
closeMenus();
|
|
80
82
|
};
|
|
81
83
|
document.addEventListener('mousedown', listener);
|
|
82
84
|
return () => document.removeEventListener('mousedown', listener);
|
|
83
85
|
}, [menuRef]);
|
|
84
86
|
|
|
87
|
+
useEffect(() => {
|
|
88
|
+
if (!isMobileMenuExpanded || !isOpen){
|
|
89
|
+
setOpenMobileSubMenu('')
|
|
90
|
+
}
|
|
91
|
+
}, [isMobileMenuExpanded, isOpen])
|
|
92
|
+
|
|
85
93
|
return (
|
|
86
94
|
<li
|
|
87
95
|
key={`header-item-${menuIdentifier}`}
|
|
@@ -162,7 +170,7 @@ const HeaderMenuItem = ({
|
|
|
162
170
|
>
|
|
163
171
|
<Accordion
|
|
164
172
|
title={c.heading}
|
|
165
|
-
isOpen={openMobileSubMenu === c.heading}
|
|
173
|
+
isOpen={isMobileMenuExpanded && openMobileSubMenu === c.heading}
|
|
166
174
|
>
|
|
167
175
|
<ul>
|
|
168
176
|
{c.items.map((item) => {
|
|
@@ -212,6 +220,7 @@ HeaderMenuItem.propTypes = {
|
|
|
212
220
|
subtitle: PropTypes.string.isRequired,
|
|
213
221
|
className: PropTypes.string,
|
|
214
222
|
handleClick: PropTypes.func.isRequired,
|
|
223
|
+
isMobileMenuExpanded: PropTypes.bool.isRequired,
|
|
215
224
|
};
|
|
216
225
|
HeaderMenuItem.defaultProps = {
|
|
217
226
|
menuName: '',
|