@blaze-cms/react-page-builder 0.146.0-node18-tooltips.0 → 0.146.0-node18-core-styles-tooltips.13

package/lib/system-components/EditorMode/helpers/add-editor-mode-event-listeners.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-editor-mode-event-listeners.js","names":["_helpers","require","_constants","_createForOfIteratorHelper","r","e","t","Symbol","iterator","Array","isArray","_unsupportedIterableToArray","length","_n","F","s","n","done","value","f","TypeError","o","a","u","call","next","_arrayLikeToArray","toString","slice","constructor","name","from","test","addEditorModeEventListeners","_ref","ref","adminHref","type","setLogoProps","listeners","current","parentNode","siblings","children","foundChildren","foundStart","_iterator","_step","child","getAttribute","push","err","cleanUpFunctions","Object","values","map","childNode","componentId","getComponentId","clickItemId","concat","click","stopPropagation","preventDefault","window","open","mouseenter","document","querySelectorAll","EDITOR_MODE_HIGHLIGHT_CLASS","forEach","node","classList","remove","add","id","onclick","mouseleave","addEventListener","nodeCleanup","_ref2","_ref3","_slicedToArray2","events","entries","_ref4","_ref5","event","handler","removeEventListener","unmount","fn","_default","exports"],"sources":["../../../../src/system-components/EditorMode/helpers/add-editor-mode-event-listeners.js"],"sourcesContent":["import { getComponentId } from '../../../helpers';\nimport { EDITOR_MODE_HIGHLIGHT_CLASS } from '../constants';\n\nconst addEditorModeEventListeners = ({ ref, name, adminHref, type, setLogoProps }) => {\n  const listeners = [];\n\n  // ignore start tags and if parent not found\n  if (type !== 'end' || !ref.current || !ref.current.parentNode) return listeners;\n\n  const siblings = ref.current.parentNode.children;\n\n  const foundChildren = [];\n  let foundStart = false;\n  // eslint-disable-next-line no-restricted-syntax, no-unused-vars\n  for (const child of siblings) {\n    if (!foundStart) {\n      // find start tag\n      if (child.getAttribute('pb-component-name') === name) {\n        foundStart = true;\n      }\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (child === ref.current) {\n      // end tag found\n      break;\n    }\n\n    foundChildren.push(child); // all nodes between start and end tags - PB component nodes\n  }\n\n  const cleanUpFunctions = Object.values(siblings).map(childNode => {\n    const componentId = getComponentId(name);\n    const clickItemId = `click-${componentId}`;\n    const click = e => {\n      e.stopPropagation();\n      e.preventDefault();\n      window.open(`${adminHref}#${componentId}`, adminHref);\n    };\n    const mouseenter = e => {\n      document.querySelectorAll(`.${EDITOR_MODE_HIGHLIGHT_CLASS}`).forEach(node => {\n        node.classList.remove(EDITOR_MODE_HIGHLIGHT_CLASS);\n      });\n      childNode.classList.add(EDITOR_MODE_HIGHLIGHT_CLASS);\n\n      setLogoProps({\n        id: clickItemId,\n        'aria-label': `Edit ${name}`,\n        childNode,\n        onclick: click\n      });\n    };\n    const mouseleave = e => {\n      childNode.classList.remove(EDITOR_MODE_HIGHLIGHT_CLASS);\n      setLogoProps(null);\n    };\n\n    childNode.addEventListener('click', click); // todo: remove listener and trigger on icon click\n    childNode.addEventListener('mouseenter', mouseenter);\n    childNode.addEventListener('mouseleave', mouseleave);\n\n    listeners.push([childNode, { click, mouseenter, mouseleave }]);\n\n    const nodeCleanup = () => {\n      listeners.forEach(([, events]) => {\n        Object.entries(events).forEach(([event, handler]) => {\n          childNode.removeEventListener(event, handler);\n        });\n      });\n    };\n\n    return nodeCleanup;\n  });\n\n  const unmount = () => {\n    cleanUpFunctions.forEach(fn => fn());\n  };\n\n  return unmount;\n};\n\nexport default addEditorModeEventListeners;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"add-editor-mode-event-listeners.js","names":["_helpers","require","_constants","_createForOfIteratorHelper","r","e","t","Symbol","iterator","Array","isArray","_unsupportedIterableToArray","length","_n","F","s","n","done","value","f","TypeError","o","a","u","call","next","_arrayLikeToArray","toString","slice","constructor","name","from","test","addEditorModeEventListeners","_ref","ref","adminHref","type","setLogoProps","current","parentNode","listeners","siblings","children","foundChildren","foundStart","_iterator","_step","child","getAttribute","push","err","cleanUpFunctions","Object","values","map","childNode","componentId","getComponentId","clickItemId","concat","click","stopPropagation","preventDefault","window","open","mouseenter","document","querySelectorAll","EDITOR_MODE_HIGHLIGHT_CLASS","forEach","node","classList","remove","add","id","onClick","mouseleave","toElement","icon","closest","EDITOR_MODE_ICON_CLASS","addEventListener","nodeCleanup","_ref2","_ref3","_slicedToArray2","events","entries","_ref4","_ref5","event","handler","removeEventListener","unmount","fn","_default","exports"],"sources":["../../../../src/system-components/EditorMode/helpers/add-editor-mode-event-listeners.js"],"sourcesContent":["import { getComponentId } from '../../../helpers';\nimport { EDITOR_MODE_HIGHLIGHT_CLASS, EDITOR_MODE_ICON_CLASS } from '../constants';\n\nconst addEditorModeEventListeners = ({ ref, name, adminHref, type, setLogoProps }) => {\n  // ignore start tags and if parent not found\n  if (type !== 'end' || !ref.current || !ref.current.parentNode) return;\n\n  const listeners = [];\n\n  const siblings = ref.current.parentNode.children;\n\n  const foundChildren = [];\n  let foundStart = false;\n  // eslint-disable-next-line no-restricted-syntax, no-unused-vars\n  for (const child of siblings) {\n    if (!foundStart) {\n      // find start tag\n      if (child.getAttribute('pb-component-name') === name) {\n        foundStart = true;\n      }\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (child === ref.current) {\n      // end tag found\n      break;\n    }\n\n    foundChildren.push(child); // all nodes between start and end tags - PB component nodes\n  }\n\n  const cleanUpFunctions = Object.values(siblings).map(childNode => {\n    const componentId = getComponentId(name);\n    const clickItemId = `click-${componentId}`;\n    const click = e => {\n      e.stopPropagation();\n      e.preventDefault();\n      window.open(`${adminHref}#${componentId}`, adminHref);\n    };\n    const mouseenter = e => {\n      e.stopPropagation();\n      document.querySelectorAll(`.${EDITOR_MODE_HIGHLIGHT_CLASS}`).forEach(node => {\n        node.classList.remove(EDITOR_MODE_HIGHLIGHT_CLASS);\n      });\n      childNode.classList.add(EDITOR_MODE_HIGHLIGHT_CLASS);\n\n      setLogoProps({\n        id: clickItemId,\n        'aria-label': `Edit ${name}`,\n        childNode,\n        onClick: click\n      });\n    };\n    const mouseleave = e => {\n      e.stopPropagation();\n      if (e.toElement) {\n        const icon = e.toElement.closest(`.${EDITOR_MODE_ICON_CLASS}`);\n        if (icon && icon.id === clickItemId) {\n          e.stopPropagation();\n          return;\n        }\n      }\n      childNode.classList.remove(EDITOR_MODE_HIGHLIGHT_CLASS);\n      setLogoProps(null);\n    };\n\n    childNode.addEventListener('click', click); // todo: remove listener and trigger on icon click\n    childNode.addEventListener('mouseenter', mouseenter);\n    childNode.addEventListener('mouseleave', mouseleave);\n\n    listeners.push([childNode, { click, mouseenter, mouseleave }]);\n\n    const nodeCleanup = () => {\n      listeners.forEach(([, events]) => {\n        Object.entries(events).forEach(([event, handler]) => {\n          childNode.removeEventListener(event, handler);\n        });\n      });\n    };\n\n    return nodeCleanup;\n  });\n\n  const unmount = () => {\n    cleanUpFunctions.forEach(fn => fn());\n  };\n\n  return unmount;\n};\n\nexport default addEditorModeEventListeners;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/Menu/Menu.js

@@ -10,6 +10,7 @@ import BlazeLink from '../BlazeLink';
 const Menu = ({
   children,
   collapse,
+  openActiveSubmenus,
   modifier,
   mobileMenuModifier,
   mobileMenuChildrenModifier,
@@ -45,7 +46,8 @@ const Menu = ({
   });
   return /*#__PURE__*/React.createElement(MenuContext.Provider, {
     value: {
-      showMobileMenu
+      showMobileMenu,
+      openActiveSubmenus
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: menuWrapperClasses
@@ -83,6 +85,7 @@ const Menu = ({
 };
 Menu.propTypes = {
   collapse: PropTypes.bool.isRequired,
+  openActiveSubmenus: PropTypes.bool.isRequired,
   logoOnMobile: PropTypes.bool.isRequired,
   logoOnDesktop: PropTypes.bool,
   logoOnMobileUrl: PropTypes.string,

package/lib-es/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["React","useState","useEffect","PropTypes","BlazeButton","classnames","useRouter","MdMenu","MdClose","Link","MenuContext","BlazeLink","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","closeIconModifier","router","showMobileMenu","setShowMobileMenu","handleRouteChange","events","on","off","shouldDisplayChildren","childModifiers","isMobileMenuExpanded","menuWrapperClasses","createElement","Provider","value","className","onClick","label","href","name","src","alt","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport classnames from 'classnames';\nimport { useRouter } from 'next/router';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport MenuContext from './MenuContext';\nimport BlazeLink from '../BlazeLink';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\n  logoOnMobile,\n  logoOnDesktop,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  logoOnDesktopModifier,\n  closeIconModifier\n}) => {\n  const router = useRouter();\n  const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n  useEffect(() => {\n    const handleRouteChange = () => setShowMobileMenu(false);\n    router.events.on('routeChangeStart', handleRouteChange);\n\n    return () => {\n      router.events.off('routeChangeStart', handleRouteChange);\n    };\n  }, [router.events]);\n\n  const shouldDisplayChildren = collapse ? showMobileMenu : true;\n\n  const childModifiers = classnames({\n    [mobileMenuChildrenModifier]: shouldDisplayChildren,\n    [modifier]: !showMobileMenu\n  });\n\n  const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n  const menuWrapperClasses = classnames('menu--wrapper', {\n    'menu--wrapper--mobile-open': showMobileMenu,\n    'menu--wrapper--mobile-closed': collapse && !showMobileMenu\n  });\n\n  return (\n    <MenuContext.Provider value={{ showMobileMenu }}>\n      <div className={menuWrapperClasses}>\n        {collapse && (\n          <div className=\"menu--mobile-wrapper\">\n            <div\n              className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n              <BlazeButton\n                className={`menu--mobile-button ${mobileButtonModifier}`}\n                onClick={() => setShowMobileMenu(!showMobileMenu)}\n                label={showMobileMenu ? 'Close mobile menu' : 'Open mobile menu'}>\n                <i>\n                  {showMobileMenu ? (\n                    <MdClose className={closeIconModifier} />\n                  ) : (\n                    <MdMenu className={hamburgerIconModifier} />\n                  )}\n                </i>\n              </BlazeButton>\n            </div>\n          </div>\n        )}\n        {logoOnMobile && !showMobileMenu && (\n          <Link href=\"/\" name=\"mobile menu\">\n            <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n          </Link>\n        )}\n\n        <div className=\"menu--desktop-wrapper\">\n          <ul className={childModifiers}>\n            {logoOnDesktop && (\n              <BlazeLink href=\"/\" className=\"\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </BlazeLink>\n            )}\n            {children}\n          </ul>\n        </div>\n      </div>\n    </MenuContext.Provider>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\n  logoOnMobile: PropTypes.bool.isRequired,\n  logoOnDesktop: PropTypes.bool,\n  logoOnMobileUrl: PropTypes.string,\n  logoOnMobileAlt: PropTypes.string,\n  logoOnMobileModifier: PropTypes.string,\n  logoOnDesktopModifier: PropTypes.string,\n  hamburgerIconModifier: PropTypes.string,\n  closeIconModifier: PropTypes.string,\n  mobileButtonModifier: PropTypes.string,\n  mobileMenuModifier: PropTypes.string,\n  mobileMenuChildrenModifier: PropTypes.string,\n  modifier: PropTypes.string,\n  mobileIconAlignment: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnDesktop: false,\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  logoOnDesktopModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  modifier: '',\n  children: []\n};\n\nexport default Menu;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Menu.js","names":["React","useState","useEffect","PropTypes","BlazeButton","classnames","useRouter","MdMenu","MdClose","Link","MenuContext","BlazeLink","Menu","children","collapse","openActiveSubmenus","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","closeIconModifier","router","showMobileMenu","setShowMobileMenu","handleRouteChange","events","on","off","shouldDisplayChildren","childModifiers","isMobileMenuExpanded","menuWrapperClasses","createElement","Provider","value","className","onClick","label","href","name","src","alt","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport classnames from 'classnames';\nimport { useRouter } from 'next/router';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport MenuContext from './MenuContext';\nimport BlazeLink from '../BlazeLink';\n\nconst Menu = ({\n  children,\n  collapse,\n  openActiveSubmenus,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\n  logoOnMobile,\n  logoOnDesktop,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  logoOnDesktopModifier,\n  closeIconModifier\n}) => {\n  const router = useRouter();\n  const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n  useEffect(() => {\n    const handleRouteChange = () => setShowMobileMenu(false);\n    router.events.on('routeChangeStart', handleRouteChange);\n\n    return () => {\n      router.events.off('routeChangeStart', handleRouteChange);\n    };\n  }, [router.events]);\n\n  const shouldDisplayChildren = collapse ? showMobileMenu : true;\n\n  const childModifiers = classnames({\n    [mobileMenuChildrenModifier]: shouldDisplayChildren,\n    [modifier]: !showMobileMenu\n  });\n\n  const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n  const menuWrapperClasses = classnames('menu--wrapper', {\n    'menu--wrapper--mobile-open': showMobileMenu,\n    'menu--wrapper--mobile-closed': collapse && !showMobileMenu\n  });\n\n  return (\n    <MenuContext.Provider value={{ showMobileMenu, openActiveSubmenus }}>\n      <div className={menuWrapperClasses}>\n        {collapse && (\n          <div className=\"menu--mobile-wrapper\">\n            <div\n              className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n              <BlazeButton\n                className={`menu--mobile-button ${mobileButtonModifier}`}\n                onClick={() => setShowMobileMenu(!showMobileMenu)}\n                label={showMobileMenu ? 'Close mobile menu' : 'Open mobile menu'}>\n                <i>\n                  {showMobileMenu ? (\n                    <MdClose className={closeIconModifier} />\n                  ) : (\n                    <MdMenu className={hamburgerIconModifier} />\n                  )}\n                </i>\n              </BlazeButton>\n            </div>\n          </div>\n        )}\n        {logoOnMobile && !showMobileMenu && (\n          <Link href=\"/\" name=\"mobile menu\">\n            <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n          </Link>\n        )}\n\n        <div className=\"menu--desktop-wrapper\">\n          <ul className={childModifiers}>\n            {logoOnDesktop && (\n              <BlazeLink href=\"/\" className=\"\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </BlazeLink>\n            )}\n            {children}\n          </ul>\n        </div>\n      </div>\n    </MenuContext.Provider>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\n  openActiveSubmenus: PropTypes.bool.isRequired,\n  logoOnMobile: PropTypes.bool.isRequired,\n  logoOnDesktop: PropTypes.bool,\n  logoOnMobileUrl: PropTypes.string,\n  logoOnMobileAlt: PropTypes.string,\n  logoOnMobileModifier: PropTypes.string,\n  logoOnDesktopModifier: PropTypes.string,\n  hamburgerIconModifier: PropTypes.string,\n  closeIconModifier: PropTypes.string,\n  mobileButtonModifier: PropTypes.string,\n  mobileMenuModifier: PropTypes.string,\n  mobileMenuChildrenModifier: PropTypes.string,\n  modifier: PropTypes.string,\n  mobileIconAlignment: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnDesktop: false,\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  logoOnDesktopModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  modifier: '',\n  children: []\n};\n\nexport default Menu;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/Menu/MenuContext.js

@@ -1,6 +1,7 @@
 import React from 'react';
 const MenuContext = React.createContext({
-  showMobileMenu: false
+  showMobileMenu: false,
+  openActiveSubmenus: false
 });
 export default MenuContext;
 //# sourceMappingURL=MenuContext.js.map

package/lib-es/components/Menu/MenuContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContext.js","names":["React","MenuContext","createContext","showMobileMenu"],"sources":["../../../src/components/Menu/MenuContext.js"],"sourcesContent":["import React from 'react';\n\nconst MenuContext = React.createContext({ showMobileMenu: false });\n\nexport default MenuContext;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,WAAW,GAAGD,KAAK,CAACE,aAAa,CAAC;EAAEC,cAAc,EAAE;AAAM,CAAC,CAAC;AAElE,eAAeF,WAAW","ignoreList":[]}
+{"version":3,"file":"MenuContext.js","names":["React","MenuContext","createContext","showMobileMenu","openActiveSubmenus"],"sources":["../../../src/components/Menu/MenuContext.js"],"sourcesContent":["import React from 'react';\n\nconst MenuContext = React.createContext({ showMobileMenu: false, openActiveSubmenus: false });\n\nexport default MenuContext;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,WAAW,GAAGD,KAAK,CAACE,aAAa,CAAC;EAAEC,cAAc,EAAE,KAAK;EAAEC,kBAAkB,EAAE;AAAM,CAAC,CAAC;AAE7F,eAAeH,WAAW","ignoreList":[]}

package/lib-es/components/MenuItem/MenuItemRender.js

@@ -1,13 +1,15 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
 import React, { useState, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { FaChevronDown, FaChevronUp } from 'react-icons/fa';
+import classnames from 'classnames';
 import { useRouter } from 'next/router';
 import { useStringTemplate } from '@blaze-cms/utils-handlebars';
-import { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';
+import { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN, CLICK } from '../../constants';
 import { hasChildren } from '../../helpers';
 import BlazeLink from '../BlazeLink';
 import MenuContext from '../Menu/MenuContext';
-import { injectHelperIntoTemplate } from './helpers';
+import { injectHelperIntoTemplate, isUrlPathMatch, hasActiveChild } from './helpers';
 const MenuItemRender = ({
   children,
   eventType,
@@ -16,10 +18,13 @@ const MenuItemRender = ({
   url,
   parent
 }) => {
-  const [displayChildren, setDisplayChildren] = useState(false);
+  const router = useRouter();
   const {
-    showMobileMenu
+    showMobileMenu,
+    openActiveSubmenus
   } = useContext(MenuContext);
+  const isHoverEvent = eventType === HOVER;
+  const isClickEvent = eventType === CLICK;
   const {
     loading: loadingText,
     data: [textToUse]
@@ -28,19 +33,21 @@ const MenuItemRender = ({
     loading: loadingUrl,
     data: [urlToUse]
   } = useStringTemplate(parent, [injectHelperIntoTemplate(url, 'url_encode')]);
-  const router = useRouter();
-  const isHoverEvent = eventType === HOVER;
-  const childrenDisplayClass = displayChildren ? '' : HIDDEN;
+  const isActive = router ? isUrlPathMatch(router.asPath, urlToUse) : false;
+  const isActiveParent = router ? hasActiveChild(router.asPath, children) : false;
+  const shouldPreOpen = openActiveSubmenus && isActiveParent && isClickEvent;
   const hasValidChildren = hasChildren(children);
+  const [displayChildren, setDisplayChildren] = useState(shouldPreOpen);
   useEffect(() => {
-    if (!showMobileMenu) setDisplayChildren(false);
-  }, [showMobileMenu]);
+    if (!showMobileMenu && !shouldPreOpen) setDisplayChildren(false);
+  }, [children, isClickEvent, loadingUrl, openActiveSubmenus, router, shouldPreOpen, showMobileMenu]);
   useEffect(() => {
     if (isHoverEvent) {
       setDisplayChildren(false);
     }
   }, [router.asPath, isHoverEvent]);
   if (loadingUrl || loadingText) return '';
+  const childrenDisplayClass = displayChildren ? '' : HIDDEN;
   const handleItemEvent = ({
     type
   }) => {
@@ -58,18 +65,25 @@ const MenuItemRender = ({
       setDisplayChildren(!displayChildren);
     }
   };
+  const menuItemLinkClassname = classnames('menu--item--link', {
+    'menu--item--link--active': isActive,
+    'menu--item--link--active-parent': isActiveParent
+  });
   return /*#__PURE__*/React.createElement("li", {
     className: modifier,
     onMouseEnter: handleItemEvent,
     onMouseLeave: handleItemEvent
   }, /*#__PURE__*/React.createElement("div", {
-    className: "menu--item--link",
+    className: menuItemLinkClassname,
     onClick: handleMobileClick,
     role: !urlToUse && hasValidChildren ? 'button' : undefined,
     tabIndex: !urlToUse && hasValidChildren ? 0 : undefined
   }, urlToUse ? /*#__PURE__*/React.createElement(BlazeLink, {
     href: urlToUse
-  }, textToUse) : /*#__PURE__*/React.createElement("span", null, textToUse), hasValidChildren && /*#__PURE__*/React.createElement("i", {
+  }, textToUse) : /*#__PURE__*/React.createElement("span", {
+    role: "button",
+    onClick: handleItemEvent
+  }, textToUse), hasValidChildren && /*#__PURE__*/React.createElement("i", {
     role: "button",
     className: "menu--item--link--icon",
     onClick: e => {

package/lib-es/components/MenuItem/MenuItemRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemRender.js","names":["React","useState","useContext","useEffect","PropTypes","FaChevronDown","FaChevronUp","useRouter","useStringTemplate","HOVER","MOUSE_ENTER","MOUSE_LEAVE","HIDDEN","hasChildren","BlazeLink","MenuContext","injectHelperIntoTemplate","MenuItemRender","children","eventType","text","modifier","url","parent","displayChildren","setDisplayChildren","showMobileMenu","loading","loadingText","data","textToUse","loadingUrl","urlToUse","router","isHoverEvent","childrenDisplayClass","hasValidChildren","asPath","handleItemEvent","type","handleMobileClick","createElement","className","onMouseEnter","onMouseLeave","onClick","role","undefined","tabIndex","href","e","stopPropagation","propTypes","string","isRequired","object","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/MenuItem/MenuItemRender.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { useRouter } from 'next/router';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\nimport { injectHelperIntoTemplate } from './helpers';\n\nconst MenuItemRender = ({ children, eventType, text, modifier, url, parent }) => {\n  const [displayChildren, setDisplayChildren] = useState(false);\n  const { showMobileMenu } = useContext(MenuContext);\n  const {\n    loading: loadingText,\n    data: [textToUse]\n  } = useStringTemplate(parent, [text]);\n  const {\n    loading: loadingUrl,\n    data: [urlToUse]\n  } = useStringTemplate(parent, [injectHelperIntoTemplate(url, 'url_encode')]);\n\n  const router = useRouter();\n  const isHoverEvent = eventType === HOVER;\n  const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n  const hasValidChildren = hasChildren(children);\n\n  useEffect(() => {\n    if (!showMobileMenu) setDisplayChildren(false);\n  }, [showMobileMenu]);\n\n  useEffect(() => {\n    if (isHoverEvent) {\n      setDisplayChildren(false);\n    }\n  }, [router.asPath, isHoverEvent]);\n\n  if (loadingUrl || loadingText) return '';\n\n  const handleItemEvent = ({ type }) => {\n    if (isHoverEvent) {\n      if (type === MOUSE_ENTER) {\n        setDisplayChildren(true);\n      }\n      if (type === MOUSE_LEAVE) {\n        setDisplayChildren(false);\n      }\n    }\n  };\n\n  const handleMobileClick = () => {\n    if (!urlToUse && hasValidChildren) {\n      setDisplayChildren(!displayChildren);\n    }\n  };\n\n  return (\n    <li className={modifier} onMouseEnter={handleItemEvent} onMouseLeave={handleItemEvent}>\n      <div\n        className=\"menu--item--link\"\n        onClick={handleMobileClick}\n        role={!urlToUse && hasValidChildren ? 'button' : undefined}\n        tabIndex={!urlToUse && hasValidChildren ? 0 : undefined}>\n        {urlToUse ? <BlazeLink href={urlToUse}>{textToUse}</BlazeLink> : <span>{textToUse}</span>}\n\n        {hasValidChildren && (\n          <i\n            role=\"button\"\n            className=\"menu--item--link--icon\"\n            onClick={e => {\n              e.stopPropagation();\n              setDisplayChildren(!displayChildren);\n            }}\n            tabIndex={0}>\n            {displayChildren ? <FaChevronUp /> : <FaChevronDown />}\n          </i>\n        )}\n      </div>\n\n      {hasValidChildren && (\n        <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>\n      )}\n    </li>\n  );\n};\n\nMenuItemRender.propTypes = {\n  modifier: PropTypes.string,\n  text: PropTypes.string,\n  url: PropTypes.string,\n  eventType: PropTypes.string.isRequired,\n  parent: PropTypes.object,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItemRender.defaultProps = {\n  url: '',\n  modifier: '',\n  text: '',\n  children: null,\n  parent: {}\n};\n\nexport default MenuItemRender;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MenuItemRender.js","names":["React","useState","useContext","useEffect","PropTypes","FaChevronDown","FaChevronUp","classnames","useRouter","useStringTemplate","HOVER","MOUSE_ENTER","MOUSE_LEAVE","HIDDEN","CLICK","hasChildren","BlazeLink","MenuContext","injectHelperIntoTemplate","isUrlPathMatch","hasActiveChild","MenuItemRender","children","eventType","text","modifier","url","parent","router","showMobileMenu","openActiveSubmenus","isHoverEvent","isClickEvent","loading","loadingText","data","textToUse","loadingUrl","urlToUse","isActive","asPath","isActiveParent","shouldPreOpen","hasValidChildren","displayChildren","setDisplayChildren","childrenDisplayClass","handleItemEvent","type","handleMobileClick","menuItemLinkClassname","createElement","className","onMouseEnter","onMouseLeave","onClick","role","undefined","tabIndex","href","e","stopPropagation","propTypes","string","isRequired","object","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/MenuItem/MenuItemRender.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport classnames from 'classnames';\nimport { useRouter } from 'next/router';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN, CLICK } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\nimport { injectHelperIntoTemplate, isUrlPathMatch, hasActiveChild } from './helpers';\n\nconst MenuItemRender = ({ children, eventType, text, modifier, url, parent }) => {\n  const router = useRouter();\n  const { showMobileMenu, openActiveSubmenus } = useContext(MenuContext);\n\n  const isHoverEvent = eventType === HOVER;\n  const isClickEvent = eventType === CLICK;\n\n  const {\n    loading: loadingText,\n    data: [textToUse]\n  } = useStringTemplate(parent, [text]);\n  const {\n    loading: loadingUrl,\n    data: [urlToUse]\n  } = useStringTemplate(parent, [injectHelperIntoTemplate(url, 'url_encode')]);\n\n  const isActive = router ? isUrlPathMatch(router.asPath, urlToUse) : false;\n  const isActiveParent = router ? hasActiveChild(router.asPath, children) : false;\n  const shouldPreOpen = openActiveSubmenus && isActiveParent && isClickEvent;\n  const hasValidChildren = hasChildren(children);\n\n  const [displayChildren, setDisplayChildren] = useState(shouldPreOpen);\n\n  useEffect(() => {\n    if (!showMobileMenu && !shouldPreOpen) setDisplayChildren(false);\n  }, [\n    children,\n    isClickEvent,\n    loadingUrl,\n    openActiveSubmenus,\n    router,\n    shouldPreOpen,\n    showMobileMenu\n  ]);\n\n  useEffect(() => {\n    if (isHoverEvent) {\n      setDisplayChildren(false);\n    }\n  }, [router.asPath, isHoverEvent]);\n\n  if (loadingUrl || loadingText) return '';\n\n  const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n\n  const handleItemEvent = ({ type }) => {\n    if (isHoverEvent) {\n      if (type === MOUSE_ENTER) {\n        setDisplayChildren(true);\n      }\n      if (type === MOUSE_LEAVE) {\n        setDisplayChildren(false);\n      }\n    }\n  };\n\n  const handleMobileClick = () => {\n    if (!urlToUse && hasValidChildren) {\n      setDisplayChildren(!displayChildren);\n    }\n  };\n\n  const menuItemLinkClassname = classnames('menu--item--link', {\n    'menu--item--link--active': isActive,\n    'menu--item--link--active-parent': isActiveParent\n  });\n\n  return (\n    <li className={modifier} onMouseEnter={handleItemEvent} onMouseLeave={handleItemEvent}>\n      <div\n        className={menuItemLinkClassname}\n        onClick={handleMobileClick}\n        role={!urlToUse && hasValidChildren ? 'button' : undefined}\n        tabIndex={!urlToUse && hasValidChildren ? 0 : undefined}>\n        {urlToUse ? (\n          <BlazeLink href={urlToUse}>{textToUse}</BlazeLink>\n        ) : (\n          <span role=\"button\" onClick={handleItemEvent}>\n            {textToUse}\n          </span>\n        )}\n        {hasValidChildren && (\n          <i\n            role=\"button\"\n            className=\"menu--item--link--icon\"\n            onClick={e => {\n              e.stopPropagation();\n              setDisplayChildren(!displayChildren);\n            }}\n            tabIndex={0}>\n            {displayChildren ? <FaChevronUp /> : <FaChevronDown />}\n          </i>\n        )}\n      </div>\n\n      {hasValidChildren && (\n        <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>\n      )}\n    </li>\n  );\n};\n\nMenuItemRender.propTypes = {\n  modifier: PropTypes.string,\n  text: PropTypes.string,\n  url: PropTypes.string,\n  eventType: PropTypes.string.isRequired,\n  parent: PropTypes.object,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItemRender.defaultProps = {\n  url: '',\n  modifier: '',\n  text: '',\n  children: null,\n  parent: {}\n};\n\nexport default MenuItemRender;\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAC9D,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,aAAa,EAAEC,WAAW,QAAQ,gBAAgB;AAC3D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,KAAK,EAAEC,WAAW,EAAEC,WAAW,EAAEC,MAAM,EAAEC,KAAK,QAAQ,iBAAiB;AAChF,SAASC,WAAW,QAAQ,eAAe;AAC3C,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,WAAW,MAAM,qBAAqB;AAC7C,SAASC,wBAAwB,EAAEC,cAAc,EAAEC,cAAc,QAAQ,WAAW;AAEpF,MAAMC,cAAc,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,GAAG;EAAEC;AAAO,CAAC,KAAK;EAC/E,MAAMC,MAAM,GAAGpB,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEqB,cAAc;IAAEC;EAAmB,CAAC,GAAG5B,UAAU,CAACe,WAAW,CAAC;EAEtE,MAAMc,YAAY,GAAGR,SAAS,KAAKb,KAAK;EACxC,MAAMsB,YAAY,GAAGT,SAAS,KAAKT,KAAK;EAExC,MAAM;IACJmB,OAAO,EAAEC,WAAW;IACpBC,IAAI,EAAE,CAACC,SAAS;EAClB,CAAC,GAAG3B,iBAAiB,CAACkB,MAAM,EAAE,CAACH,IAAI,CAAC,CAAC;EACrC,MAAM;IACJS,OAAO,EAAEI,UAAU;IACnBF,IAAI,EAAE,CAACG,QAAQ;EACjB,CAAC,GAAG7B,iBAAiB,CAACkB,MAAM,EAAE,CAACT,wBAAwB,CAACQ,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;EAE5E,MAAMa,QAAQ,GAAGX,MAAM,GAAGT,cAAc,CAACS,MAAM,CAACY,MAAM,EAAEF,QAAQ,CAAC,GAAG,KAAK;EACzE,MAAMG,cAAc,GAAGb,MAAM,GAAGR,cAAc,CAACQ,MAAM,CAACY,MAAM,EAAElB,QAAQ,CAAC,GAAG,KAAK;EAC/E,MAAMoB,aAAa,GAAGZ,kBAAkB,IAAIW,cAAc,IAAIT,YAAY;EAC1E,MAAMW,gBAAgB,GAAG5B,WAAW,CAACO,QAAQ,CAAC;EAE9C,MAAM,CAACsB,eAAe,EAAEC,kBAAkB,CAAC,GAAG5C,QAAQ,CAACyC,aAAa,CAAC;EAErEvC,SAAS,CAAC,MAAM;IACd,IAAI,CAAC0B,cAAc,IAAI,CAACa,aAAa,EAAEG,kBAAkB,CAAC,KAAK,CAAC;EAClE,CAAC,EAAE,CACDvB,QAAQ,EACRU,YAAY,EACZK,UAAU,EACVP,kBAAkB,EAClBF,MAAM,EACNc,aAAa,EACbb,cAAc,CACf,CAAC;EAEF1B,SAAS,CAAC,MAAM;IACd,IAAI4B,YAAY,EAAE;MAChBc,kBAAkB,CAAC,KAAK,CAAC;IAC3B;EACF,CAAC,EAAE,CAACjB,MAAM,CAACY,MAAM,EAAET,YAAY,CAAC,CAAC;EAEjC,IAAIM,UAAU,IAAIH,WAAW,EAAE,OAAO,EAAE;EAExC,MAAMY,oBAAoB,GAAGF,eAAe,GAAG,EAAE,GAAG/B,MAAM;EAE1D,MAAMkC,eAAe,GAAGA,CAAC;IAAEC;EAAK,CAAC,KAAK;IACpC,IAAIjB,YAAY,EAAE;MAChB,IAAIiB,IAAI,KAAKrC,WAAW,EAAE;QACxBkC,kBAAkB,CAAC,IAAI,CAAC;MAC1B;MACA,IAAIG,IAAI,KAAKpC,WAAW,EAAE;QACxBiC,kBAAkB,CAAC,KAAK,CAAC;MAC3B;IACF;EACF,CAAC;EAED,MAAMI,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAI,CAACX,QAAQ,IAAIK,gBAAgB,EAAE;MACjCE,kBAAkB,CAAC,CAACD,eAAe,CAAC;IACtC;EACF,CAAC;EAED,MAAMM,qBAAqB,GAAG3C,UAAU,CAAC,kBAAkB,EAAE;IAC3D,0BAA0B,EAAEgC,QAAQ;IACpC,iCAAiC,EAAEE;EACrC,CAAC,CAAC;EAEF,oBACEzC,KAAA,CAAAmD,aAAA;IAAIC,SAAS,EAAE3B,QAAS;IAAC4B,YAAY,EAAEN,eAAgB;IAACO,YAAY,EAAEP;EAAgB,gBACpF/C,KAAA,CAAAmD,aAAA;IACEC,SAAS,EAAEF,qBAAsB;IACjCK,OAAO,EAAEN,iBAAkB;IAC3BO,IAAI,EAAE,CAAClB,QAAQ,IAAIK,gBAAgB,GAAG,QAAQ,GAAGc,SAAU;IAC3DC,QAAQ,EAAE,CAACpB,QAAQ,IAAIK,gBAAgB,GAAG,CAAC,GAAGc;EAAU,GACvDnB,QAAQ,gBACPtC,KAAA,CAAAmD,aAAA,CAACnC,SAAS;IAAC2C,IAAI,EAAErB;EAAS,GAAEF,SAAqB,CAAC,gBAElDpC,KAAA,CAAAmD,aAAA;IAAMK,IAAI,EAAC,QAAQ;IAACD,OAAO,EAAER;EAAgB,GAC1CX,SACG,CACP,EACAO,gBAAgB,iBACf3C,KAAA,CAAAmD,aAAA;IACEK,IAAI,EAAC,QAAQ;IACbJ,SAAS,EAAC,wBAAwB;IAClCG,OAAO,EAAEK,CAAC,IAAI;MACZA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBhB,kBAAkB,CAAC,CAACD,eAAe,CAAC;IACtC,CAAE;IACFc,QAAQ,EAAE;EAAE,GACXd,eAAe,gBAAG5C,KAAA,CAAAmD,aAAA,CAAC7C,WAAW,MAAE,CAAC,gBAAGN,KAAA,CAAAmD,aAAA,CAAC9C,aAAa,MAAE,CACpD,CAEF,CAAC,EAELsC,gBAAgB,iBACf3C,KAAA,CAAAmD,aAAA;IAAKC,SAAS,EAAE,uBAAuBN,oBAAoB;EAAG,GAAExB,QAAc,CAE9E,CAAC;AAET,CAAC;AAEDD,cAAc,CAACyC,SAAS,GAAG;EACzBrC,QAAQ,EAAErB,SAAS,CAAC2D,MAAM;EAC1BvC,IAAI,EAAEpB,SAAS,CAAC2D,MAAM;EACtBrC,GAAG,EAAEtB,SAAS,CAAC2D,MAAM;EACrBxC,SAAS,EAAEnB,SAAS,CAAC2D,MAAM,CAACC,UAAU;EACtCrC,MAAM,EAAEvB,SAAS,CAAC6D,MAAM;EACxB3C,QAAQ,EAAElB,SAAS,CAAC8D,SAAS,CAAC,CAAC9D,SAAS,CAAC+D,OAAO,CAAC/D,SAAS,CAACgE,IAAI,CAAC,EAAEhE,SAAS,CAACgE,IAAI,CAAC;AACnF,CAAC;AAED/C,cAAc,CAACgD,YAAY,GAAG;EAC5B3C,GAAG,EAAE,EAAE;EACPD,QAAQ,EAAE,EAAE;EACZD,IAAI,EAAE,EAAE;EACRF,QAAQ,EAAE,IAAI;EACdK,MAAM,EAAE,CAAC;AACX,CAAC;AAED,eAAeN,cAAc","ignoreList":[]}

package/lib-es/components/MenuItem/helpers/has-active-child.js

@@ -0,0 +1,5 @@
+import isUrlPathMatch from './isUrlPathMatch';
+import { hasChildren } from '../../../helpers';
+const hasActiveChild = (path, children) => hasChildren(children) && children.props.children[1][0].props.component.items.find(menuItem => isUrlPathMatch(path, menuItem.settings.url));
+export default hasActiveChild;
+//# sourceMappingURL=has-active-child.js.map

package/lib-es/components/MenuItem/helpers/has-active-child.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"has-active-child.js","names":["isUrlPathMatch","hasChildren","hasActiveChild","path","children","props","component","items","find","menuItem","settings","url"],"sources":["../../../../src/components/MenuItem/helpers/has-active-child.js"],"sourcesContent":["import isUrlPathMatch from './isUrlPathMatch';\nimport { hasChildren } from '../../../helpers';\n\nconst hasActiveChild = (path, children) =>\n  hasChildren(children) &&\n  children.props.children[1][0].props.component.items.find(menuItem =>\n    isUrlPathMatch(path, menuItem.settings.url)\n  );\n\nexport default hasActiveChild;\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,kBAAkB;AAE9C,MAAMC,cAAc,GAAGA,CAACC,IAAI,EAAEC,QAAQ,KACpCH,WAAW,CAACG,QAAQ,CAAC,IACrBA,QAAQ,CAACC,KAAK,CAACD,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAACC,KAAK,CAACC,SAAS,CAACC,KAAK,CAACC,IAAI,CAACC,QAAQ,IAC/DT,cAAc,CAACG,IAAI,EAAEM,QAAQ,CAACC,QAAQ,CAACC,GAAG,CAC5C,CAAC;AAEH,eAAeT,cAAc","ignoreList":[]}

package/lib-es/components/MenuItem/helpers/index.js

@@ -1,3 +1,5 @@
 import injectHelperIntoTemplate from './inject-helper-into-template';
-export { injectHelperIntoTemplate };
+import isUrlPathMatch from './isUrlPathMatch';
+import hasActiveChild from './has-active-child';
+export { injectHelperIntoTemplate, isUrlPathMatch, hasActiveChild };
 //# sourceMappingURL=index.js.map

package/lib-es/components/MenuItem/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["injectHelperIntoTemplate"],"sources":["../../../../src/components/MenuItem/helpers/index.js"],"sourcesContent":["import injectHelperIntoTemplate from './inject-helper-into-template';\n\nexport { injectHelperIntoTemplate };\n"],"mappings":"AAAA,OAAOA,wBAAwB,MAAM,+BAA+B;AAEpE,SAASA,wBAAwB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["injectHelperIntoTemplate","isUrlPathMatch","hasActiveChild"],"sources":["../../../../src/components/MenuItem/helpers/index.js"],"sourcesContent":["import injectHelperIntoTemplate from './inject-helper-into-template';\nimport isUrlPathMatch from './isUrlPathMatch';\nimport hasActiveChild from './has-active-child';\n\nexport { injectHelperIntoTemplate, isUrlPathMatch, hasActiveChild };\n"],"mappings":"AAAA,OAAOA,wBAAwB,MAAM,+BAA+B;AACpE,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,cAAc,MAAM,oBAAoB;AAE/C,SAASF,wBAAwB,EAAEC,cAAc,EAAEC,cAAc","ignoreList":[]}

package/lib-es/components/MenuItem/helpers/isUrlPathMatch.js

@@ -0,0 +1,8 @@
+const isUrlPathMatch = (path, itemUrl) => {
+  if (!itemUrl || !path) return false;
+  const reg = new RegExp(/^[^#?]+/);
+  const _path = reg.exec(path)[0];
+  return _path === itemUrl || _path === `/${itemUrl}`;
+};
+export default isUrlPathMatch;
+//# sourceMappingURL=isUrlPathMatch.js.map

package/lib-es/components/MenuItem/helpers/isUrlPathMatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isUrlPathMatch.js","names":["isUrlPathMatch","path","itemUrl","reg","RegExp","_path","exec"],"sources":["../../../../src/components/MenuItem/helpers/isUrlPathMatch.js"],"sourcesContent":["const isUrlPathMatch = (path, itemUrl) => {\n  if (!itemUrl || !path) return false;\n\n  const reg = new RegExp(/^[^#?]+/);\n  const _path = reg.exec(path)[0];\n\n  return _path === itemUrl || _path === `/${itemUrl}`;\n};\n\nexport default isUrlPathMatch;\n"],"mappings":"AAAA,MAAMA,cAAc,GAAGA,CAACC,IAAI,EAAEC,OAAO,KAAK;EACxC,IAAI,CAACA,OAAO,IAAI,CAACD,IAAI,EAAE,OAAO,KAAK;EAEnC,MAAME,GAAG,GAAG,IAAIC,MAAM,CAAC,SAAS,CAAC;EACjC,MAAMC,KAAK,GAAGF,GAAG,CAACG,IAAI,CAACL,IAAI,CAAC,CAAC,CAAC,CAAC;EAE/B,OAAOI,KAAK,KAAKH,OAAO,IAAIG,KAAK,KAAK,IAAIH,OAAO,EAAE;AACrD,CAAC;AAED,eAAeF,cAAc","ignoreList":[]}

package/lib-es/system-components/EditorMode/BlazeLogo.js

@@ -18,7 +18,7 @@ const BlazeLogo = _ref => {
   useEffect(() => {
     if (!childNode) return;
     const rect = childNode.getBoundingClientRect();
-    const left = rect.width / 2 + rect.left + window.scrollX;
+    const left = rect.width / 2 + rect.left + window.scrollX - 20;
     const top = rect.top - 20 + window.scrollY;
     const display = childNode.classList.contains(EDITOR_MODE_HIGHLIGHT_CLASS) ? null : 'none';
     const newStyle = {

package/lib-es/system-components/EditorMode/BlazeLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlazeLogo.js","names":["React","useState","useEffect","EDITOR_MODE_ICON_CLASS","EDITOR_MODE_HIGHLIGHT_CLASS","BlazeLogo","_ref","childNode","props","_objectWithoutProperties","_excluded","id","style","setStyle","rect","getBoundingClientRect","left","width","window","scrollX","top","scrollY","display","classList","contains","newStyle","observer","MutationObserver","mutations","forEach","mutation","type","attributeName","isHighlighted","_objectSpread","observe","attributes","disconnect","createElement","_extends","className","xmlns","height","fill","transform","d","fillRule"],"sources":["../../../src/system-components/EditorMode/BlazeLogo.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { EDITOR_MODE_ICON_CLASS, EDITOR_MODE_HIGHLIGHT_CLASS } from './constants';\n\nconst BlazeLogo = ({ childNode, ...props }) => {\n  const { id } = props;\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (!childNode) return;\n\n    const rect = childNode.getBoundingClientRect();\n    const left = rect.width / 2 + rect.left + window.scrollX;\n    const top = rect.top - 20 + window.scrollY;\n    const display = childNode.classList.contains(EDITOR_MODE_HIGHLIGHT_CLASS) ? null : 'none';\n    const newStyle = { display, top, left };\n    setStyle(newStyle);\n\n    const observer = new MutationObserver(mutations => {\n      mutations.forEach(mutation => {\n        if (mutation.type === 'attributes' && mutation.attributeName === 'class') {\n          const isHighlighted = childNode.classList.contains(EDITOR_MODE_HIGHLIGHT_CLASS);\n          setStyle({ ...newStyle, display: isHighlighted ? null : 'none' });\n        }\n      });\n    });\n    observer.observe(childNode, { attributes: true });\n    return () => observer.disconnect();\n  }, [childNode, id]);\n\n  // todo: fix icon hover/click activation while using position absolute\n  return (\n    <button type=\"button\" className={EDITOR_MODE_ICON_CLASS} {...props} style={style}>\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"33\">\n        <path\n          fill=\"currentColor\"\n          transform=\"translate(1.0415 1.85962)\"\n          d=\"M7.0214715 6.2017469C7.0214715 6.2017469 4.6948299 13.380771 5.2965479 15.065234C5.6174636 15.947572 6.3796396 16.18821 7.3022733 15.386085C9.1074257 13.781834 13.078762 6.3621721 9.949831 0.42644304C8.7463951 -1.8596147 18.293648 5.1589837 16.328037 18.755013C16.087351 20.559793 16.809412 19.998306 17.250671 19.236286C19.176168 15.947572 17.972733 11.616095 17.972733 10.894181C17.972733 10.172268 19.657541 12.939602 19.777885 18.353949C19.89823 23.768295 17.050098 29.022219 11.393953 29.98477C10.03006 30.225407 13.199106 27.578392 13.640366 24.610529C13.68048 24.329784 10.39109 28.300306 9.5888004 27.738817C9.2277699 27.49818 15.36529 19.877987 13.199106 13.300558C13.158992 13.140133 11.754984 24.409996 6.3796396 27.097116C3.3309369 28.621155 0.60315031 25.051697 0.12177619 21.963514C-1.0415446 13.862046 6.4999828 8.7284422 7.0214715 6.2017469Z\"\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    </button>\n  );\n};\n\nexport default BlazeLogo;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,sBAAsB,EAAEC,2BAA2B,QAAQ,aAAa;AAEjF,MAAMC,SAAS,GAAGC,IAAA,IAA6B;EAAA,IAA5B;MAAEC;IAAoB,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACtC,MAAM;IAAEC;EAAG,CAAC,GAAGH,KAAK;EACpB,MAAM,CAACI,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAAC,CAAC,CAAC,CAAC;EAEtCC,SAAS,CAAC,MAAM;IACd,IAAI,CAACK,SAAS,EAAE;IAEhB,MAAMO,IAAI,GAAGP,SAAS,CAACQ,qBAAqB,CAAC,CAAC;IAC9C,MAAMC,IAAI,GAAGF,IAAI,CAACG,KAAK,GAAG,CAAC,GAAGH,IAAI,CAACE,IAAI,GAAGE,MAAM,CAACC,OAAO;IACxD,MAAMC,GAAG,GAAGN,IAAI,CAACM,GAAG,GAAG,EAAE,GAAGF,MAAM,CAACG,OAAO;IAC1C,MAAMC,OAAO,GAAGf,SAAS,CAACgB,SAAS,CAACC,QAAQ,CAACpB,2BAA2B,CAAC,GAAG,IAAI,GAAG,MAAM;IACzF,MAAMqB,QAAQ,GAAG;MAAEH,OAAO;MAAEF,GAAG;MAAEJ;IAAK,CAAC;IACvCH,QAAQ,CAACY,QAAQ,CAAC;IAElB,MAAMC,QAAQ,GAAG,IAAIC,gBAAgB,CAACC,SAAS,IAAI;MACjDA,SAAS,CAACC,OAAO,CAACC,QAAQ,IAAI;QAC5B,IAAIA,QAAQ,CAACC,IAAI,KAAK,YAAY,IAAID,QAAQ,CAACE,aAAa,KAAK,OAAO,EAAE;UACxE,MAAMC,aAAa,GAAG1B,SAAS,CAACgB,SAAS,CAACC,QAAQ,CAACpB,2BAA2B,CAAC;UAC/ES,QAAQ,CAAAqB,aAAA,CAAAA,aAAA,KAAMT,QAAQ;YAAEH,OAAO,EAAEW,aAAa,GAAG,IAAI,GAAG;UAAM,EAAE,CAAC;QACnE;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;IACFP,QAAQ,CAACS,OAAO,CAAC5B,SAAS,EAAE;MAAE6B,UAAU,EAAE;IAAK,CAAC,CAAC;IACjD,OAAO,MAAMV,QAAQ,CAACW,UAAU,CAAC,CAAC;EACpC,CAAC,EAAE,CAAC9B,SAAS,EAAEI,EAAE,CAAC,CAAC;;EAEnB;EACA,oBACEX,KAAA,CAAAsC,aAAA,WAAAC,QAAA;IAAQR,IAAI,EAAC,QAAQ;IAACS,SAAS,EAAErC;EAAuB,GAAKK,KAAK;IAAEI,KAAK,EAAEA;EAAM,iBAC/EZ,KAAA,CAAAsC,aAAA;IAAKG,KAAK,EAAC,4BAA4B;IAACxB,KAAK,EAAC,IAAI;IAACyB,MAAM,EAAC;EAAI,gBAC5D1C,KAAA,CAAAsC,aAAA;IACEK,IAAI,EAAC,cAAc;IACnBC,SAAS,EAAC,2BAA2B;IACrCC,CAAC,EAAC,21BAA21B;IAC71BC,QAAQ,EAAC;EAAS,CACnB,CACE,CACC,CAAC;AAEb,CAAC;AAED,eAAezC,SAAS","ignoreList":[]}
+{"version":3,"file":"BlazeLogo.js","names":["React","useState","useEffect","EDITOR_MODE_ICON_CLASS","EDITOR_MODE_HIGHLIGHT_CLASS","BlazeLogo","_ref","childNode","props","_objectWithoutProperties","_excluded","id","style","setStyle","rect","getBoundingClientRect","left","width","window","scrollX","top","scrollY","display","classList","contains","newStyle","observer","MutationObserver","mutations","forEach","mutation","type","attributeName","isHighlighted","_objectSpread","observe","attributes","disconnect","createElement","_extends","className","xmlns","height","fill","transform","d","fillRule"],"sources":["../../../src/system-components/EditorMode/BlazeLogo.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { EDITOR_MODE_ICON_CLASS, EDITOR_MODE_HIGHLIGHT_CLASS } from './constants';\n\nconst BlazeLogo = ({ childNode, ...props }) => {\n  const { id } = props;\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (!childNode) return;\n\n    const rect = childNode.getBoundingClientRect();\n    const left = rect.width / 2 + rect.left + window.scrollX - 20;\n    const top = rect.top - 20 + window.scrollY;\n    const display = childNode.classList.contains(EDITOR_MODE_HIGHLIGHT_CLASS) ? null : 'none';\n    const newStyle = { display, top, left };\n    setStyle(newStyle);\n\n    const observer = new MutationObserver(mutations => {\n      mutations.forEach(mutation => {\n        if (mutation.type === 'attributes' && mutation.attributeName === 'class') {\n          const isHighlighted = childNode.classList.contains(EDITOR_MODE_HIGHLIGHT_CLASS);\n          setStyle({ ...newStyle, display: isHighlighted ? null : 'none' });\n        }\n      });\n    });\n    observer.observe(childNode, { attributes: true });\n    return () => observer.disconnect();\n  }, [childNode, id]);\n\n  // todo: fix icon hover/click activation while using position absolute\n  return (\n    <button type=\"button\" className={EDITOR_MODE_ICON_CLASS} {...props} style={style}>\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"33\">\n        <path\n          fill=\"currentColor\"\n          transform=\"translate(1.0415 1.85962)\"\n          d=\"M7.0214715 6.2017469C7.0214715 6.2017469 4.6948299 13.380771 5.2965479 15.065234C5.6174636 15.947572 6.3796396 16.18821 7.3022733 15.386085C9.1074257 13.781834 13.078762 6.3621721 9.949831 0.42644304C8.7463951 -1.8596147 18.293648 5.1589837 16.328037 18.755013C16.087351 20.559793 16.809412 19.998306 17.250671 19.236286C19.176168 15.947572 17.972733 11.616095 17.972733 10.894181C17.972733 10.172268 19.657541 12.939602 19.777885 18.353949C19.89823 23.768295 17.050098 29.022219 11.393953 29.98477C10.03006 30.225407 13.199106 27.578392 13.640366 24.610529C13.68048 24.329784 10.39109 28.300306 9.5888004 27.738817C9.2277699 27.49818 15.36529 19.877987 13.199106 13.300558C13.158992 13.140133 11.754984 24.409996 6.3796396 27.097116C3.3309369 28.621155 0.60315031 25.051697 0.12177619 21.963514C-1.0415446 13.862046 6.4999828 8.7284422 7.0214715 6.2017469Z\"\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    </button>\n  );\n};\n\nexport default BlazeLogo;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,sBAAsB,EAAEC,2BAA2B,QAAQ,aAAa;AAEjF,MAAMC,SAAS,GAAGC,IAAA,IAA6B;EAAA,IAA5B;MAAEC;IAAoB,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACtC,MAAM;IAAEC;EAAG,CAAC,GAAGH,KAAK;EACpB,MAAM,CAACI,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAAC,CAAC,CAAC,CAAC;EAEtCC,SAAS,CAAC,MAAM;IACd,IAAI,CAACK,SAAS,EAAE;IAEhB,MAAMO,IAAI,GAAGP,SAAS,CAACQ,qBAAqB,CAAC,CAAC;IAC9C,MAAMC,IAAI,GAAGF,IAAI,CAACG,KAAK,GAAG,CAAC,GAAGH,IAAI,CAACE,IAAI,GAAGE,MAAM,CAACC,OAAO,GAAG,EAAE;IAC7D,MAAMC,GAAG,GAAGN,IAAI,CAACM,GAAG,GAAG,EAAE,GAAGF,MAAM,CAACG,OAAO;IAC1C,MAAMC,OAAO,GAAGf,SAAS,CAACgB,SAAS,CAACC,QAAQ,CAACpB,2BAA2B,CAAC,GAAG,IAAI,GAAG,MAAM;IACzF,MAAMqB,QAAQ,GAAG;MAAEH,OAAO;MAAEF,GAAG;MAAEJ;IAAK,CAAC;IACvCH,QAAQ,CAACY,QAAQ,CAAC;IAElB,MAAMC,QAAQ,GAAG,IAAIC,gBAAgB,CAACC,SAAS,IAAI;MACjDA,SAAS,CAACC,OAAO,CAACC,QAAQ,IAAI;QAC5B,IAAIA,QAAQ,CAACC,IAAI,KAAK,YAAY,IAAID,QAAQ,CAACE,aAAa,KAAK,OAAO,EAAE;UACxE,MAAMC,aAAa,GAAG1B,SAAS,CAACgB,SAAS,CAACC,QAAQ,CAACpB,2BAA2B,CAAC;UAC/ES,QAAQ,CAAAqB,aAAA,CAAAA,aAAA,KAAMT,QAAQ;YAAEH,OAAO,EAAEW,aAAa,GAAG,IAAI,GAAG;UAAM,EAAE,CAAC;QACnE;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;IACFP,QAAQ,CAACS,OAAO,CAAC5B,SAAS,EAAE;MAAE6B,UAAU,EAAE;IAAK,CAAC,CAAC;IACjD,OAAO,MAAMV,QAAQ,CAACW,UAAU,CAAC,CAAC;EACpC,CAAC,EAAE,CAAC9B,SAAS,EAAEI,EAAE,CAAC,CAAC;;EAEnB;EACA,oBACEX,KAAA,CAAAsC,aAAA,WAAAC,QAAA;IAAQR,IAAI,EAAC,QAAQ;IAACS,SAAS,EAAErC;EAAuB,GAAKK,KAAK;IAAEI,KAAK,EAAEA;EAAM,iBAC/EZ,KAAA,CAAAsC,aAAA;IAAKG,KAAK,EAAC,4BAA4B;IAACxB,KAAK,EAAC,IAAI;IAACyB,MAAM,EAAC;EAAI,gBAC5D1C,KAAA,CAAAsC,aAAA;IACEK,IAAI,EAAC,cAAc;IACnBC,SAAS,EAAC,2BAA2B;IACrCC,CAAC,EAAC,21BAA21B;IAC71BC,QAAQ,EAAC;EAAS,CACnB,CACE,CACC,CAAC;AAEb,CAAC;AAED,eAAezC,SAAS","ignoreList":[]}

package/lib-es/system-components/EditorMode/helpers/add-editor-mode-event-listeners.js

@@ -1,5 +1,5 @@
 import { getComponentId } from '../../../helpers';
-import { EDITOR_MODE_HIGHLIGHT_CLASS } from '../constants';
+import { EDITOR_MODE_HIGHLIGHT_CLASS, EDITOR_MODE_ICON_CLASS } from '../constants';
 const addEditorModeEventListeners = ({
   ref,
   name,
@@ -7,10 +7,9 @@ const addEditorModeEventListeners = ({
   type,
   setLogoProps
 }) => {
-  const listeners = [];
-
   // ignore start tags and if parent not found
-  if (type !== 'end' || !ref.current || !ref.current.parentNode) return listeners;
+  if (type !== 'end' || !ref.current || !ref.current.parentNode) return;
+  const listeners = [];
   const siblings = ref.current.parentNode.children;
   const foundChildren = [];
   let foundStart = false;
@@ -39,6 +38,7 @@ const addEditorModeEventListeners = ({
       window.open(`${adminHref}#${componentId}`, adminHref);
     };
     const mouseenter = e => {
+      e.stopPropagation();
       document.querySelectorAll(`.${EDITOR_MODE_HIGHLIGHT_CLASS}`).forEach(node => {
         node.classList.remove(EDITOR_MODE_HIGHLIGHT_CLASS);
       });
@@ -47,10 +47,18 @@ const addEditorModeEventListeners = ({
         id: clickItemId,
         'aria-label': `Edit ${name}`,
         childNode,
-        onclick: click
+        onClick: click
       });
     };
     const mouseleave = e => {
+      e.stopPropagation();
+      if (e.toElement) {
+        const icon = e.toElement.closest(`.${EDITOR_MODE_ICON_CLASS}`);
+        if (icon && icon.id === clickItemId) {
+          e.stopPropagation();
+          return;
+        }
+      }
       childNode.classList.remove(EDITOR_MODE_HIGHLIGHT_CLASS);
       setLogoProps(null);
     };

package/lib-es/system-components/EditorMode/helpers/add-editor-mode-event-listeners.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-editor-mode-event-listeners.js","names":["getComponentId","EDITOR_MODE_HIGHLIGHT_CLASS","addEditorModeEventListeners","ref","name","adminHref","type","setLogoProps","listeners","current","parentNode","siblings","children","foundChildren","foundStart","child","getAttribute","push","cleanUpFunctions","Object","values","map","childNode","componentId","clickItemId","click","e","stopPropagation","preventDefault","window","open","mouseenter","document","querySelectorAll","forEach","node","classList","remove","add","id","onclick","mouseleave","addEventListener","nodeCleanup","events","entries","event","handler","removeEventListener","unmount","fn"],"sources":["../../../../src/system-components/EditorMode/helpers/add-editor-mode-event-listeners.js"],"sourcesContent":["import { getComponentId } from '../../../helpers';\nimport { EDITOR_MODE_HIGHLIGHT_CLASS } from '../constants';\n\nconst addEditorModeEventListeners = ({ ref, name, adminHref, type, setLogoProps }) => {\n  const listeners = [];\n\n  // ignore start tags and if parent not found\n  if (type !== 'end' || !ref.current || !ref.current.parentNode) return listeners;\n\n  const siblings = ref.current.parentNode.children;\n\n  const foundChildren = [];\n  let foundStart = false;\n  // eslint-disable-next-line no-restricted-syntax, no-unused-vars\n  for (const child of siblings) {\n    if (!foundStart) {\n      // find start tag\n      if (child.getAttribute('pb-component-name') === name) {\n        foundStart = true;\n      }\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (child === ref.current) {\n      // end tag found\n      break;\n    }\n\n    foundChildren.push(child); // all nodes between start and end tags - PB component nodes\n  }\n\n  const cleanUpFunctions = Object.values(siblings).map(childNode => {\n    const componentId = getComponentId(name);\n    const clickItemId = `click-${componentId}`;\n    const click = e => {\n      e.stopPropagation();\n      e.preventDefault();\n      window.open(`${adminHref}#${componentId}`, adminHref);\n    };\n    const mouseenter = e => {\n      document.querySelectorAll(`.${EDITOR_MODE_HIGHLIGHT_CLASS}`).forEach(node => {\n        node.classList.remove(EDITOR_MODE_HIGHLIGHT_CLASS);\n      });\n      childNode.classList.add(EDITOR_MODE_HIGHLIGHT_CLASS);\n\n      setLogoProps({\n        id: clickItemId,\n        'aria-label': `Edit ${name}`,\n        childNode,\n        onclick: click\n      });\n    };\n    const mouseleave = e => {\n      childNode.classList.remove(EDITOR_MODE_HIGHLIGHT_CLASS);\n      setLogoProps(null);\n    };\n\n    childNode.addEventListener('click', click); // todo: remove listener and trigger on icon click\n    childNode.addEventListener('mouseenter', mouseenter);\n    childNode.addEventListener('mouseleave', mouseleave);\n\n    listeners.push([childNode, { click, mouseenter, mouseleave }]);\n\n    const nodeCleanup = () => {\n      listeners.forEach(([, events]) => {\n        Object.entries(events).forEach(([event, handler]) => {\n          childNode.removeEventListener(event, handler);\n        });\n      });\n    };\n\n    return nodeCleanup;\n  });\n\n  const unmount = () => {\n    cleanUpFunctions.forEach(fn => fn());\n  };\n\n  return unmount;\n};\n\nexport default addEditorModeEventListeners;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"add-editor-mode-event-listeners.js","names":["getComponentId","EDITOR_MODE_HIGHLIGHT_CLASS","EDITOR_MODE_ICON_CLASS","addEditorModeEventListeners","ref","name","adminHref","type","setLogoProps","current","parentNode","listeners","siblings","children","foundChildren","foundStart","child","getAttribute","push","cleanUpFunctions","Object","values","map","childNode","componentId","clickItemId","click","e","stopPropagation","preventDefault","window","open","mouseenter","document","querySelectorAll","forEach","node","classList","remove","add","id","onClick","mouseleave","toElement","icon","closest","addEventListener","nodeCleanup","events","entries","event","handler","removeEventListener","unmount","fn"],"sources":["../../../../src/system-components/EditorMode/helpers/add-editor-mode-event-listeners.js"],"sourcesContent":["import { getComponentId } from '../../../helpers';\nimport { EDITOR_MODE_HIGHLIGHT_CLASS, EDITOR_MODE_ICON_CLASS } from '../constants';\n\nconst addEditorModeEventListeners = ({ ref, name, adminHref, type, setLogoProps }) => {\n  // ignore start tags and if parent not found\n  if (type !== 'end' || !ref.current || !ref.current.parentNode) return;\n\n  const listeners = [];\n\n  const siblings = ref.current.parentNode.children;\n\n  const foundChildren = [];\n  let foundStart = false;\n  // eslint-disable-next-line no-restricted-syntax, no-unused-vars\n  for (const child of siblings) {\n    if (!foundStart) {\n      // find start tag\n      if (child.getAttribute('pb-component-name') === name) {\n        foundStart = true;\n      }\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (child === ref.current) {\n      // end tag found\n      break;\n    }\n\n    foundChildren.push(child); // all nodes between start and end tags - PB component nodes\n  }\n\n  const cleanUpFunctions = Object.values(siblings).map(childNode => {\n    const componentId = getComponentId(name);\n    const clickItemId = `click-${componentId}`;\n    const click = e => {\n      e.stopPropagation();\n      e.preventDefault();\n      window.open(`${adminHref}#${componentId}`, adminHref);\n    };\n    const mouseenter = e => {\n      e.stopPropagation();\n      document.querySelectorAll(`.${EDITOR_MODE_HIGHLIGHT_CLASS}`).forEach(node => {\n        node.classList.remove(EDITOR_MODE_HIGHLIGHT_CLASS);\n      });\n      childNode.classList.add(EDITOR_MODE_HIGHLIGHT_CLASS);\n\n      setLogoProps({\n        id: clickItemId,\n        'aria-label': `Edit ${name}`,\n        childNode,\n        onClick: click\n      });\n    };\n    const mouseleave = e => {\n      e.stopPropagation();\n      if (e.toElement) {\n        const icon = e.toElement.closest(`.${EDITOR_MODE_ICON_CLASS}`);\n        if (icon && icon.id === clickItemId) {\n          e.stopPropagation();\n          return;\n        }\n      }\n      childNode.classList.remove(EDITOR_MODE_HIGHLIGHT_CLASS);\n      setLogoProps(null);\n    };\n\n    childNode.addEventListener('click', click); // todo: remove listener and trigger on icon click\n    childNode.addEventListener('mouseenter', mouseenter);\n    childNode.addEventListener('mouseleave', mouseleave);\n\n    listeners.push([childNode, { click, mouseenter, mouseleave }]);\n\n    const nodeCleanup = () => {\n      listeners.forEach(([, events]) => {\n        Object.entries(events).forEach(([event, handler]) => {\n          childNode.removeEventListener(event, handler);\n        });\n      });\n    };\n\n    return nodeCleanup;\n  });\n\n  const unmount = () => {\n    cleanUpFunctions.forEach(fn => fn());\n  };\n\n  return unmount;\n};\n\nexport default addEditorModeEventListeners;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.146.0-node18-tooltips.0",
+  "version": "0.146.0-node18-core-styles-tooltips.13",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,15 +27,15 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "0.146.0-node18-tooltips.0",
-    "@blaze-cms/core-errors": "0.146.0-node18-tooltips.0",
-    "@blaze-cms/core-errors-ui": "0.146.0-node18-tooltips.0",
+    "@blaze-cms/core-auth-ui": "0.146.0-node18-core-styles-tooltips.3",
+    "@blaze-cms/core-errors": "0.146.0-node18-core-styles-tooltips.3",
+    "@blaze-cms/core-errors-ui": "0.146.0-node18-core-styles-tooltips.3",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.7",
-    "@blaze-cms/nextjs-components": "0.146.0-node18-tooltips.0",
-    "@blaze-cms/plugin-search-ui": "0.146.0-node18-tooltips.0",
-    "@blaze-cms/setup-ui": "0.146.0-node18-tooltips.0",
-    "@blaze-cms/utils": "0.146.0-node18-tooltips.0",
-    "@blaze-cms/utils-handlebars": "0.146.0-node18-tooltips.0",
+    "@blaze-cms/nextjs-components": "0.146.0-node18-core-styles-tooltips.3",
+    "@blaze-cms/plugin-search-ui": "0.146.0-node18-core-styles-tooltips.11",
+    "@blaze-cms/setup-ui": "0.146.0-node18-core-styles-tooltips.3",
+    "@blaze-cms/utils": "0.146.0-node18-core-styles-tooltips.3",
+    "@blaze-cms/utils-handlebars": "0.146.0-node18-core-styles-tooltips.3",
     "@blaze-react/badge": "^0.7.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.8.0-alpha.82",
@@ -92,5 +92,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "d54711bafcf5b7a943ed347d9ef50f7985f93c58"
+  "gitHead": "e181248f77503c18368966c850564b6886517c2f"
 }

package/src/components/Menu/Menu.js

@@ -11,6 +11,7 @@ import BlazeLink from '../BlazeLink';
 const Menu = ({
   children,
   collapse,
+  openActiveSubmenus,
   modifier,
   mobileMenuModifier,
   mobileMenuChildrenModifier,
@@ -51,7 +52,7 @@ const Menu = ({
   });
 
   return (
-    <MenuContext.Provider value={{ showMobileMenu }}>
+    <MenuContext.Provider value={{ showMobileMenu, openActiveSubmenus }}>
       <div className={menuWrapperClasses}>
         {collapse && (
           <div className="menu--mobile-wrapper">
@@ -99,6 +100,7 @@ const Menu = ({
 
 Menu.propTypes = {
   collapse: PropTypes.bool.isRequired,
+  openActiveSubmenus: PropTypes.bool.isRequired,
   logoOnMobile: PropTypes.bool.isRequired,
   logoOnDesktop: PropTypes.bool,
   logoOnMobileUrl: PropTypes.string,

package/src/components/Menu/MenuContext.js

@@ -1,5 +1,5 @@
 import React from 'react';
 
-const MenuContext = React.createContext({ showMobileMenu: false });
+const MenuContext = React.createContext({ showMobileMenu: false, openActiveSubmenus: false });
 
 export default MenuContext;