@blaze-cms/react-page-builder 0.124.0-alpha.4 → 0.124.0-alpha.43

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

@@ -5,4 +5,5 @@ export { default as buildAzUrl } from './build-az-url';
 export { default as sortAggs } from './sort-aggs';
 export { default as getItemsPerPageToUse } from './get-items-per-page-to-use';
 export { default as getSortProps } from './get-sort-props';
+export { default as hasRequiredItemListDetails } from './has-required-item-list-details';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","buildPaginationItems","getAzQueryFilter","buildAzAggregations","buildAzUrl","sortAggs","getItemsPerPageToUse","getSortProps"],"sources":["../../../../src/components/List/helpers/index.js"],"sourcesContent":["export { default as buildPaginationItems } from './build-pagination-items';\nexport { default as getAzQueryFilter } from './get-az-query-filter';\nexport { default as buildAzAggregations } from './build-az-aggregations';\nexport { default as buildAzUrl } from './build-az-url';\nexport { default as sortAggs } from './sort-aggs';\nexport { default as getItemsPerPageToUse } from './get-items-per-page-to-use';\nexport { default as getSortProps } from './get-sort-props';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,oBAApB,QAAgD,0BAAhD;AACA,SAASD,OAAO,IAAIE,gBAApB,QAA4C,uBAA5C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,yBAA/C;AACA,SAASH,OAAO,IAAII,UAApB,QAAsC,gBAAtC;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,aAApC;AACA,SAASL,OAAO,IAAIM,oBAApB,QAAgD,6BAAhD;AACA,SAASN,OAAO,IAAIO,YAApB,QAAwC,kBAAxC"}
+{"version":3,"file":"index.js","names":["default","buildPaginationItems","getAzQueryFilter","buildAzAggregations","buildAzUrl","sortAggs","getItemsPerPageToUse","getSortProps","hasRequiredItemListDetails"],"sources":["../../../../src/components/List/helpers/index.js"],"sourcesContent":["export { default as buildPaginationItems } from './build-pagination-items';\nexport { default as getAzQueryFilter } from './get-az-query-filter';\nexport { default as buildAzAggregations } from './build-az-aggregations';\nexport { default as buildAzUrl } from './build-az-url';\nexport { default as sortAggs } from './sort-aggs';\nexport { default as getItemsPerPageToUse } from './get-items-per-page-to-use';\nexport { default as getSortProps } from './get-sort-props';\nexport { default as hasRequiredItemListDetails } from './has-required-item-list-details';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,oBAApB,QAAgD,0BAAhD;AACA,SAASD,OAAO,IAAIE,gBAApB,QAA4C,uBAA5C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,yBAA/C;AACA,SAASH,OAAO,IAAII,UAApB,QAAsC,gBAAtC;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,aAApC;AACA,SAASL,OAAO,IAAIM,oBAApB,QAAgD,6BAAhD;AACA,SAASN,OAAO,IAAIO,YAApB,QAAwC,kBAAxC;AACA,SAASP,OAAO,IAAIQ,0BAApB,QAAsD,kCAAtD"}

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

@@ -1,53 +1,68 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "logoOnMobile", "logoOnDesktop", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "logoOnDesktopModifier", "logoOnDesktopAlignment", "closeIconModifier"];
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import BlazeButton from '@blaze-react/button';
+import classnames from 'classnames';
+import { useRouter } from 'next/router';
 import { MdMenu, MdClose } from 'react-icons/md';
-import { useCheckMobileScreen } from '../../hooks';
-import { HIDDEN } from '../../constants';
+import { Link } from '@blaze-cms/nextjs-components';
+import MenuContext from './MenuContext';
 
-const Menu = _ref => {
-  let {
-    children,
-    collapse,
-    modifier,
-    mobileMenuModifier,
-    mobileMenuChildrenModifier,
-    mobileIconAlignment,
-    mobileButtonModifier,
-    hamburgerIconModifier,
-    logoOnMobile,
-    logoOnDesktop,
-    logoOnMobileUrl,
-    logoOnMobileAlt,
-    logoOnMobileModifier,
-    logoOnDesktopModifier,
-    logoOnDesktopAlignment,
-    closeIconModifier
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  const isMobile = useCheckMobileScreen();
+const Menu = ({
+  children,
+  collapse,
+  modifier,
+  mobileMenuModifier,
+  mobileMenuChildrenModifier,
+  mobileIconAlignment,
+  mobileButtonModifier,
+  hamburgerIconModifier,
+  logoOnMobile,
+  logoOnDesktop,
+  logoOnMobileUrl,
+  logoOnMobileAlt,
+  logoOnMobileModifier,
+  logoOnDesktopModifier,
+  logoOnDesktopAlignment,
+  closeIconModifier
+}) => {
+  const router = useRouter();
   const [showMobileMenu, setShowMobileMenu] = useState(false);
-  const shouldDisplayCollapsed = collapse && isMobile;
-  const mobileButtonClass = shouldDisplayCollapsed && isMobile ? mobileButtonModifier : HIDDEN;
-  const shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;
-  const childrenDesktopModifier = shouldDisplayChildren && !isMobile ? modifier : `${modifier} ${HIDDEN}`;
-  const childrenMobileModifier = shouldDisplayChildren && isMobile ? `${mobileMenuChildrenModifier}` : ` ${HIDDEN}`;
+  useEffect(() => {
+    const handleRouteChange = () => setShowMobileMenu(false);
+
+    router.events.on('routeChangeStart', handleRouteChange);
+    return () => {
+      router.events.off('routeChangeStart', handleRouteChange);
+    };
+  }, [router.events]);
+  const shouldDisplayChildren = collapse ? showMobileMenu : true;
+  const childModifiers = classnames({
+    [mobileMenuChildrenModifier]: shouldDisplayChildren,
+    [modifier]: !showMobileMenu
+  });
   const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';
-  return /*#__PURE__*/React.createElement(React.Fragment, null, collapse && /*#__PURE__*/React.createElement("div", {
+  const menuWrapperClasses = classnames('menu--wrapper', {
+    'menu--wrapper--mobile-open': showMobileMenu,
+    'menu--wrapper--mobile-closed': collapse && !showMobileMenu
+  });
+  return /*#__PURE__*/React.createElement(MenuContext.Provider, {
+    value: {
+      showMobileMenu
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: menuWrapperClasses
+  }, collapse && /*#__PURE__*/React.createElement("div", {
     className: "menu--mobile-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
     className: `flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`
   }, /*#__PURE__*/React.createElement(BlazeButton, {
-    className: mobileButtonClass,
+    className: `menu--mobile-button ${mobileButtonModifier}`,
     onClick: () => setShowMobileMenu(!showMobileMenu)
   }, /*#__PURE__*/React.createElement("i", null, showMobileMenu ? /*#__PURE__*/React.createElement(MdClose, {
     className: closeIconModifier
   }) : /*#__PURE__*/React.createElement(MdMenu, {
     className: hamburgerIconModifier
-  }))))), logoOnMobile && /*#__PURE__*/React.createElement("a", {
+  }))))), logoOnMobile && !showMobileMenu && /*#__PURE__*/React.createElement(Link, {
     href: "/"
   }, /*#__PURE__*/React.createElement("img", {
     src: logoOnMobileUrl,
@@ -56,22 +71,15 @@ const Menu = _ref => {
   })), /*#__PURE__*/React.createElement("div", {
     className: "menu--desktop-wrapper"
   }, /*#__PURE__*/React.createElement("ul", {
-    className: isMobile ? childrenMobileModifier : childrenDesktopModifier
-  }, logoOnDesktop && logoOnDesktopAlignment === 'left' && /*#__PURE__*/React.createElement("a", {
-    href: "/",
-    className: "menu--desktop__logo-wrapper"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: logoOnMobileUrl,
-    alt: logoOnMobileAlt,
-    className: logoOnDesktopModifier
-  })), children, logoOnDesktop && logoOnDesktopAlignment === 'right' && /*#__PURE__*/React.createElement("a", {
+    className: childModifiers
+  }, logoOnDesktop && /*#__PURE__*/React.createElement("a", {
     href: "/",
-    className: "menu--desktop__logo-wrapper"
+    className: ""
   }, /*#__PURE__*/React.createElement("img", {
     src: logoOnMobileUrl,
     alt: logoOnMobileAlt,
     className: logoOnDesktopModifier
-  })))));
+  })), children))));
 };
 
 Menu.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["React","useState","PropTypes","BlazeButton","MdMenu","MdClose","useCheckMobileScreen","HIDDEN","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { useCheckMobileScreen } from '../../hooks';\nimport { HIDDEN } from '../../constants';\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  logoOnDesktopAlignment,\n  closeIconModifier,\n  ...rest\n}) => {\n  const isMobile = useCheckMobileScreen();\n  const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n  const shouldDisplayCollapsed = collapse && isMobile;\n  const mobileButtonClass = shouldDisplayCollapsed && isMobile ? mobileButtonModifier : HIDDEN;\n  const shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;\n  const childrenDesktopModifier =\n    shouldDisplayChildren && !isMobile ? modifier : `${modifier} ${HIDDEN}`;\n\n  const childrenMobileModifier =\n    shouldDisplayChildren && isMobile ? `${mobileMenuChildrenModifier}` : ` ${HIDDEN}`;\n\n  const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n\n  return (\n    <>\n      {collapse && (\n        <div className=\"menu--mobile-wrapper\">\n          <div\n            className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n            <BlazeButton\n              className={mobileButtonClass}\n              onClick={() => setShowMobileMenu(!showMobileMenu)}>\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 && (\n        <a href=\"/\">\n          <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n        </a>\n      )}\n\n      <div className=\"menu--desktop-wrapper\">\n        <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'left' && (\n              <a href=\"/\" className=\"menu--desktop__logo-wrapper\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n          {children}\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'right' && (\n              <a href=\"/\" className=\"menu--desktop__logo-wrapper\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n        </ul>\n      </div>\n    </>\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  logoOnDesktopAlignment: 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  logoOnDesktopAlignment: 'left',\n  modifier: '',\n  children: []\n};\n\nexport default Menu;\n"],"mappings":"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"}
+{"version":3,"file":"Menu.js","names":["React","useState","useEffect","PropTypes","BlazeButton","classnames","useRouter","MdMenu","MdClose","Link","MenuContext","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","router","showMobileMenu","setShowMobileMenu","handleRouteChange","events","on","off","shouldDisplayChildren","childModifiers","isMobileMenuExpanded","menuWrapperClasses","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';\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  logoOnDesktopAlignment,\n  closeIconModifier\n}) => {\n  const router = useRouter();\n  const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n  useEffect(\n    () => {\n      const handleRouteChange = () => setShowMobileMenu(false);\n      router.events.on('routeChangeStart', handleRouteChange);\n\n      return () => {\n        router.events.off('routeChangeStart', handleRouteChange);\n      };\n    },\n    [router.events]\n  );\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                <i>\n                  {showMobileMenu ? (\n                    <MdClose className={closeIconModifier} />\n                  ) : (\n                    <MdMenu className={hamburgerIconModifier} />\n                  )}\n                </i>\n              </BlazeButton>\n            </div>\n          </div>\n        )}\n        {logoOnMobile &&\n          !showMobileMenu && (\n            <Link href=\"/\">\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              <a href=\"/\" className=\"\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\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  logoOnDesktopAlignment: 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  logoOnDesktopAlignment: 'left',\n  modifier: '',\n  children: []\n};\n\nexport default Menu;\n"],"mappings":"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"}

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

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

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

@@ -0,0 +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,KAAP,MAAkB,OAAlB;AAEA,MAAMC,WAAW,GAAGD,KAAK,CAACE,aAAN,CAAoB;EAAEC,cAAc,EAAE;AAAlB,CAApB,CAApB;AAEA,eAAeF,WAAf"}

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

@@ -1,8 +1,10 @@
-import React, { useState } from 'react';
+import React, { useState, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { HOVER, MOUSE_ENTER, MOUSE_LEAVE, CLICK, HIDDEN } from '../../constants';
+import { FaChevronDown, FaChevronUp } from 'react-icons/fa';
+import { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';
 import { hasChildren } from '../../helpers';
 import BlazeLink from '../BlazeLink';
+import MenuContext from '../Menu/MenuContext';
 
 const MenuItem = ({
   children,
@@ -12,6 +14,12 @@ const MenuItem = ({
   url
 }) => {
   const [displayChildren, setDisplayChildren] = useState(false);
+  const {
+    showMobileMenu
+  } = useContext(MenuContext);
+  useEffect(() => {
+    if (!showMobileMenu) setDisplayChildren(false);
+  }, [showMobileMenu]);
   const isHoverEvent = eventType === HOVER;
   const childrenDisplayClass = displayChildren ? '' : HIDDEN;
 
@@ -19,12 +27,13 @@ const MenuItem = ({
     type
   }) => {
     if (isHoverEvent) {
-      if (type === MOUSE_ENTER) setDisplayChildren(true);
-      if (type === MOUSE_LEAVE) setDisplayChildren(false);
-    }
+      if (type === MOUSE_ENTER) {
+        setDisplayChildren(true);
+      }
 
-    if (type === CLICK && eventType === CLICK && !url) {
-      setDisplayChildren(!displayChildren);
+      if (type === MOUSE_LEAVE) {
+        setDisplayChildren(false);
+      }
     }
   };
 
@@ -33,13 +42,19 @@ const MenuItem = ({
     className: modifier,
     onMouseEnter: handleItemEvent,
     onMouseLeave: handleItemEvent
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "menu--item--link"
   }, url ? /*#__PURE__*/React.createElement(BlazeLink, {
     href: url
   }, text) : /*#__PURE__*/React.createElement("span", {
     role: "button",
     onClick: handleItemEvent
-  }, text), hasValidChildren && /*#__PURE__*/React.createElement("div", {
-    className: childrenDisplayClass
+  }, text), hasValidChildren && /*#__PURE__*/React.createElement("i", {
+    role: "button",
+    className: "menu--item--link--icon",
+    onClick: () => setDisplayChildren(!displayChildren)
+  }, displayChildren ? /*#__PURE__*/React.createElement(FaChevronUp, null) : /*#__PURE__*/React.createElement(FaChevronDown, null))), hasValidChildren && /*#__PURE__*/React.createElement("div", {
+    className: `menu--item-children ${childrenDisplayClass}`
   }, children));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["React","useState","PropTypes","HOVER","MOUSE_ENTER","MOUSE_LEAVE","CLICK","HIDDEN","hasChildren","BlazeLink","MenuItem","children","eventType","text","modifier","url","displayChildren","setDisplayChildren","isHoverEvent","childrenDisplayClass","handleItemEvent","type","hasValidChildren","propTypes","string","isRequired","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, CLICK, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\n\nconst MenuItem = ({ children, eventType, text, modifier, url }) => {\n  const [displayChildren, setDisplayChildren] = useState(false);\n  const isHoverEvent = eventType === HOVER;\n  const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n\n  const handleItemEvent = ({ type }) => {\n    if (isHoverEvent) {\n      if (type === MOUSE_ENTER) setDisplayChildren(true);\n      if (type === MOUSE_LEAVE) setDisplayChildren(false);\n    }\n    if (type === CLICK && eventType === CLICK && !url) {\n      setDisplayChildren(!displayChildren);\n    }\n  };\n  const hasValidChildren = hasChildren(children);\n\n  return (\n    <li className={modifier} onMouseEnter={handleItemEvent} onMouseLeave={handleItemEvent}>\n      {url ? (\n        <BlazeLink href={url}>{text}</BlazeLink>\n      ) : (\n        <span role=\"button\" onClick={handleItemEvent}>\n          {text}\n        </span>\n      )}\n      {hasValidChildren && <div className={childrenDisplayClass}>{children}</div>}\n    </li>\n  );\n};\n\nMenuItem.propTypes = {\n  modifier: PropTypes.string,\n  text: PropTypes.string,\n  url: PropTypes.string,\n  eventType: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItem.defaultProps = {\n  url: '',\n  modifier: '',\n  text: '',\n  children: null\n};\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,KAAT,EAAgBC,WAAhB,EAA6BC,WAA7B,EAA0CC,KAA1C,EAAiDC,MAAjD,QAA+D,iBAA/D;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAAEC,QAAF;EAAYC,SAAZ;EAAuBC,IAAvB;EAA6BC,QAA7B;EAAuCC;AAAvC,CAAD,KAAkD;EACjE,MAAM,CAACC,eAAD,EAAkBC,kBAAlB,IAAwChB,QAAQ,CAAC,KAAD,CAAtD;EACA,MAAMiB,YAAY,GAAGN,SAAS,KAAKT,KAAnC;EACA,MAAMgB,oBAAoB,GAAGH,eAAe,GAAG,EAAH,GAAQT,MAApD;;EAEA,MAAMa,eAAe,GAAG,CAAC;IAAEC;EAAF,CAAD,KAAc;IACpC,IAAIH,YAAJ,EAAkB;MAChB,IAAIG,IAAI,KAAKjB,WAAb,EAA0Ba,kBAAkB,CAAC,IAAD,CAAlB;MAC1B,IAAII,IAAI,KAAKhB,WAAb,EAA0BY,kBAAkB,CAAC,KAAD,CAAlB;IAC3B;;IACD,IAAII,IAAI,KAAKf,KAAT,IAAkBM,SAAS,KAAKN,KAAhC,IAAyC,CAACS,GAA9C,EAAmD;MACjDE,kBAAkB,CAAC,CAACD,eAAF,CAAlB;IACD;EACF,CARD;;EASA,MAAMM,gBAAgB,GAAGd,WAAW,CAACG,QAAD,CAApC;EAEA,oBACE;IAAI,SAAS,EAAEG,QAAf;IAAyB,YAAY,EAAEM,eAAvC;IAAwD,YAAY,EAAEA;EAAtE,GACGL,GAAG,gBACF,oBAAC,SAAD;IAAW,IAAI,EAAEA;EAAjB,GAAuBF,IAAvB,CADE,gBAGF;IAAM,IAAI,EAAC,QAAX;IAAoB,OAAO,EAAEO;EAA7B,GACGP,IADH,CAJJ,EAQGS,gBAAgB,iBAAI;IAAK,SAAS,EAAEH;EAAhB,GAAuCR,QAAvC,CARvB,CADF;AAYD,CA5BD;;AA8BAD,QAAQ,CAACa,SAAT,GAAqB;EACnBT,QAAQ,EAAEZ,SAAS,CAACsB,MADD;EAEnBX,IAAI,EAAEX,SAAS,CAACsB,MAFG;EAGnBT,GAAG,EAAEb,SAAS,CAACsB,MAHI;EAInBZ,SAAS,EAAEV,SAAS,CAACsB,MAAV,CAAiBC,UAJT;EAKnBd,QAAQ,EAAET,SAAS,CAACwB,SAAV,CAAoB,CAACxB,SAAS,CAACyB,OAAV,CAAkBzB,SAAS,CAAC0B,IAA5B,CAAD,EAAoC1B,SAAS,CAAC0B,IAA9C,CAApB;AALS,CAArB;AAQAlB,QAAQ,CAACmB,YAAT,GAAwB;EACtBd,GAAG,EAAE,EADiB;EAEtBD,QAAQ,EAAE,EAFY;EAGtBD,IAAI,EAAE,EAHgB;EAItBF,QAAQ,EAAE;AAJY,CAAxB;AAOA,eAAeD,QAAf"}
+{"version":3,"file":"MenuItem.js","names":["React","useState","useContext","useEffect","PropTypes","FaChevronDown","FaChevronUp","HOVER","MOUSE_ENTER","MOUSE_LEAVE","HIDDEN","hasChildren","BlazeLink","MenuContext","MenuItem","children","eventType","text","modifier","url","displayChildren","setDisplayChildren","showMobileMenu","isHoverEvent","childrenDisplayClass","handleItemEvent","type","hasValidChildren","propTypes","string","isRequired","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\n\nconst MenuItem = ({ children, eventType, text, modifier, url }) => {\n  const [displayChildren, setDisplayChildren] = useState(false);\n  const { showMobileMenu } = useContext(MenuContext);\n\n  useEffect(\n    () => {\n      if (!showMobileMenu) setDisplayChildren(false);\n    },\n    [showMobileMenu]\n  );\n\n  const isHoverEvent = eventType === HOVER;\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  const hasValidChildren = hasChildren(children);\n\n  return (\n    <li className={modifier} onMouseEnter={handleItemEvent} onMouseLeave={handleItemEvent}>\n      <div className=\"menu--item--link\">\n        {url ? (\n          <BlazeLink href={url}>{text}</BlazeLink>\n        ) : (\n          <span role=\"button\" onClick={handleItemEvent}>\n            {text}\n          </span>\n        )}\n        {hasValidChildren && (\n          <i\n            role=\"button\"\n            className=\"menu--item--link--icon\"\n            onClick={() => setDisplayChildren(!displayChildren)}>\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\nMenuItem.propTypes = {\n  modifier: PropTypes.string,\n  text: PropTypes.string,\n  url: PropTypes.string,\n  eventType: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItem.defaultProps = {\n  url: '',\n  modifier: '',\n  text: '',\n  children: null\n};\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,UAA1B,EAAsCC,SAAtC,QAAuD,OAAvD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,aAAT,EAAwBC,WAAxB,QAA2C,gBAA3C;AACA,SAASC,KAAT,EAAgBC,WAAhB,EAA6BC,WAA7B,EAA0CC,MAA1C,QAAwD,iBAAxD;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,WAAP,MAAwB,qBAAxB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAAEC,QAAF;EAAYC,SAAZ;EAAuBC,IAAvB;EAA6BC,QAA7B;EAAuCC;AAAvC,CAAD,KAAkD;EACjE,MAAM,CAACC,eAAD,EAAkBC,kBAAlB,IAAwCpB,QAAQ,CAAC,KAAD,CAAtD;EACA,MAAM;IAAEqB;EAAF,IAAqBpB,UAAU,CAACW,WAAD,CAArC;EAEAV,SAAS,CACP,MAAM;IACJ,IAAI,CAACmB,cAAL,EAAqBD,kBAAkB,CAAC,KAAD,CAAlB;EACtB,CAHM,EAIP,CAACC,cAAD,CAJO,CAAT;EAOA,MAAMC,YAAY,GAAGP,SAAS,KAAKT,KAAnC;EACA,MAAMiB,oBAAoB,GAAGJ,eAAe,GAAG,EAAH,GAAQV,MAApD;;EAEA,MAAMe,eAAe,GAAG,CAAC;IAAEC;EAAF,CAAD,KAAc;IACpC,IAAIH,YAAJ,EAAkB;MAChB,IAAIG,IAAI,KAAKlB,WAAb,EAA0B;QACxBa,kBAAkB,CAAC,IAAD,CAAlB;MACD;;MACD,IAAIK,IAAI,KAAKjB,WAAb,EAA0B;QACxBY,kBAAkB,CAAC,KAAD,CAAlB;MACD;IACF;EACF,CATD;;EAUA,MAAMM,gBAAgB,GAAGhB,WAAW,CAACI,QAAD,CAApC;EAEA,oBACE;IAAI,SAAS,EAAEG,QAAf;IAAyB,YAAY,EAAEO,eAAvC;IAAwD,YAAY,EAAEA;EAAtE,gBACE;IAAK,SAAS,EAAC;EAAf,GACGN,GAAG,gBACF,oBAAC,SAAD;IAAW,IAAI,EAAEA;EAAjB,GAAuBF,IAAvB,CADE,gBAGF;IAAM,IAAI,EAAC,QAAX;IAAoB,OAAO,EAAEQ;EAA7B,GACGR,IADH,CAJJ,EAQGU,gBAAgB,iBACf;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAC,wBAFZ;IAGE,OAAO,EAAE,MAAMN,kBAAkB,CAAC,CAACD,eAAF;EAHnC,GAIGA,eAAe,gBAAG,oBAAC,WAAD,OAAH,gBAAqB,oBAAC,aAAD,OAJvC,CATJ,CADF,EAmBGO,gBAAgB,iBACf;IAAK,SAAS,EAAG,uBAAsBH,oBAAqB;EAA5D,GAAgET,QAAhE,CApBJ,CADF;AAyBD,CAnDD;;AAqDAD,QAAQ,CAACc,SAAT,GAAqB;EACnBV,QAAQ,EAAEd,SAAS,CAACyB,MADD;EAEnBZ,IAAI,EAAEb,SAAS,CAACyB,MAFG;EAGnBV,GAAG,EAAEf,SAAS,CAACyB,MAHI;EAInBb,SAAS,EAAEZ,SAAS,CAACyB,MAAV,CAAiBC,UAJT;EAKnBf,QAAQ,EAAEX,SAAS,CAAC2B,SAAV,CAAoB,CAAC3B,SAAS,CAAC4B,OAAV,CAAkB5B,SAAS,CAAC6B,IAA5B,CAAD,EAAoC7B,SAAS,CAAC6B,IAA9C,CAApB;AALS,CAArB;AAQAnB,QAAQ,CAACoB,YAAT,GAAwB;EACtBf,GAAG,EAAE,EADiB;EAEtBD,QAAQ,EAAE,EAFY;EAGtBD,IAAI,EAAE,EAHgB;EAItBF,QAAQ,EAAE;AAJY,CAAxB;AAOA,eAAeD,QAAf"}

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

@@ -0,0 +1,129 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { useRouter } from 'next/router';
+import { useDebounceSearch } from '@blaze-cms/plugin-search-ui';
+import SearchContentResults from './SearchContentResults';
+import SearchContentToggleIcon from './SearchContentToggleIcon';
+
+const SearchContent = ({
+  entities,
+  searchInputAlignment,
+  searchInputWrapperMobile,
+  searchInputWrapperDesktop,
+  collapsible,
+  isMobile,
+  placeholder,
+  modifier
+}) => {
+  const [collapsed, setCollapsed] = useState(collapsible);
+  const router = useRouter();
+  const {
+    results,
+    searchTerm,
+    setSearchTerm,
+    debouncedSearchTerm
+  } = useDebounceSearch({
+    entities,
+    initialSearchTerm: '',
+    resultKeys: 'id, name, image { url }, url'
+  });
+  useEffect(() => {
+    const handleRouteChange = () => setSearchTerm('');
+
+    router.events.on('routeChangeStart', handleRouteChange);
+    return () => {
+      router.events.off('routeChangeStart', handleRouteChange);
+    };
+  }, [router.events, setSearchTerm]);
+  const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;
+
+  const handleClick = (e, url) => {
+    e.preventDefault();
+    router.push(url);
+  };
+
+  const handleKeyPress = e => {
+    if (e.key === 'Enter' && e.target.value !== '') {
+      router.push(`/search?search_term=${e.target.value}`);
+    }
+  };
+
+  const handleOnBlur = () => {
+    if (!collapsible) return;
+    if (!debouncedSearchTerm || debouncedSearchTerm === '') setCollapsed(true);
+  };
+
+  const handleClearSearchResults = () => {
+    setSearchTerm('');
+  };
+
+  const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');
+  return collapsed ? /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "search-content--collapse__wrapper"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "search-content--collapse__label"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "search-content--collapse__icon_wrapper"
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "search-content--collapse__icon",
+    viewBox: "0 0 20 20"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+    clipRule: "evenodd"
+  }))), /*#__PURE__*/React.createElement("input", {
+    onFocus: () => setCollapsed(false),
+    onChange: e => setSearchTerm(e.target.value),
+    type: "text",
+    name: "search",
+    className: "search-content--collapse__input"
+  })))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "search-content--expanded__wrapper"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "search-content--expanded__label"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "search-content--expanded__icon_wrapper"
+  }, /*#__PURE__*/React.createElement(SearchContentToggleIcon, {
+    results: results,
+    onClear: handleClearSearchResults
+  })), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    name: "search",
+    onChange: e => setSearchTerm(e.target.value),
+    onKeyPress: handleKeyPress,
+    className: "search-content--expanded__input",
+    placeholder: placeholder,
+    value: searchTerm,
+    onBlur: handleOnBlur
+  }))), /*#__PURE__*/React.createElement(SearchContentResults, {
+    results: results,
+    debouncedSearchTerm: debouncedSearchTerm,
+    handleClick: handleClick
+  })));
+};
+
+SearchContent.propTypes = {
+  searchInputAlignment: PropTypes.string,
+  searchInputWrapperMobile: PropTypes.string,
+  searchInputWrapperDesktop: PropTypes.string,
+  placeholder: PropTypes.string,
+  isMobile: PropTypes.bool,
+  collapsible: PropTypes.bool,
+  entities: PropTypes.array.isRequired,
+  modifier: PropTypes.string
+};
+SearchContent.defaultProps = {
+  searchInputAlignment: '',
+  searchInputWrapperMobile: '',
+  searchInputWrapperDesktop: '',
+  placeholder: '',
+  isMobile: false,
+  collapsible: false,
+  modifier: ''
+};
+export default SearchContent;
+//# sourceMappingURL=SearchContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContent.js","names":["React","useState","useEffect","PropTypes","useRouter","useDebounceSearch","SearchContentResults","SearchContentToggleIcon","SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","modifier","collapsed","setCollapsed","router","results","searchTerm","setSearchTerm","debouncedSearchTerm","initialSearchTerm","resultKeys","handleRouteChange","events","on","off","responsiveClasses","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","handleOnBlur","handleClearSearchResults","className","filter","Boolean","join","propTypes","string","bool","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/SearchContent.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useDebounceSearch } from '@blaze-cms/plugin-search-ui';\nimport SearchContentResults from './SearchContentResults';\nimport SearchContentToggleIcon from './SearchContentToggleIcon';\n\nconst SearchContent = ({\n  entities,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  collapsible,\n  isMobile,\n  placeholder,\n  modifier\n}) => {\n  const [collapsed, setCollapsed] = useState(collapsible);\n  const router = useRouter();\n\n  const { results, searchTerm, setSearchTerm, debouncedSearchTerm } = useDebounceSearch({\n    entities,\n    initialSearchTerm: '',\n    resultKeys: 'id, name, image { url }, url'\n  });\n\n  useEffect(\n    () => {\n      const handleRouteChange = () => setSearchTerm('');\n      router.events.on('routeChangeStart', handleRouteChange);\n\n      return () => {\n        router.events.off('routeChangeStart', handleRouteChange);\n      };\n    },\n    [router.events, setSearchTerm]\n  );\n\n  const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyPress = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      router.push(`/search?search_term=${e.target.value}`);\n    }\n  };\n\n  const handleOnBlur = () => {\n    if (!collapsible) return;\n    if (!debouncedSearchTerm || debouncedSearchTerm === '') setCollapsed(true);\n  };\n\n  const handleClearSearchResults = () => {\n    setSearchTerm('');\n  };\n\n  const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');\n  return collapsed ? (\n    <div className={className}>\n      <div className=\"search-content--collapse__wrapper\">\n        <label className=\"search-content--collapse__label\">\n          <span className=\"search-content--collapse__icon_wrapper\">\n            <svg className=\"search-content--collapse__icon\" viewBox=\"0 0 20 20\">\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            className=\"search-content--collapse__input\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={className}>\n        <div className=\"search-content--expanded__wrapper\">\n          <label className=\"search-content--expanded__label\">\n            <span className=\"search-content--expanded__icon_wrapper\">\n              <SearchContentToggleIcon results={results} onClear={handleClearSearchResults} />\n            </span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyPress={handleKeyPress}\n              className=\"search-content--expanded__input\"\n              placeholder={placeholder}\n              value={searchTerm}\n              onBlur={handleOnBlur}\n            />\n          </label>\n        </div>\n        <SearchContentResults\n          results={results}\n          debouncedSearchTerm={debouncedSearchTerm}\n          handleClick={handleClick}\n        />\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  placeholder: PropTypes.string,\n  isMobile: PropTypes.bool,\n  collapsible: PropTypes.bool,\n  entities: PropTypes.array.isRequired,\n  modifier: PropTypes.string\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  collapsible: false,\n  modifier: ''\n};\n\nexport default SearchContent;\n"],"mappings":"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"}

package/lib-es/components/SearchContent/SearchContentItems.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import BlazeLink from '../BlazeLink';
+import LazyImage from '../LazyImage';
+
+const SearchContentItems = ({
+  results = [],
+  onClick
+}) => results.map(item => {
+  if (!item.url) return null;
+  const {
+    id,
+    name,
+    image,
+    url
+  } = item;
+  return /*#__PURE__*/React.createElement(BlazeLink, {
+    href: url,
+    onClick: onClick,
+    key: id
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "search-content--results__wrapper"
+  }, image !== null && image !== void 0 && image.url ? /*#__PURE__*/React.createElement(LazyImage, {
+    src: image.url,
+    alt: name,
+    className: "search-content--results__image",
+    sizeKey: "search-result"
+  }) : null, /*#__PURE__*/React.createElement("span", {
+    className: "search-content--results__title"
+  }, name)));
+});
+
+export default SearchContentItems;
+//# sourceMappingURL=SearchContentItems.js.map

package/lib-es/components/SearchContent/SearchContentItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContentItems.js","names":["React","BlazeLink","LazyImage","SearchContentItems","results","onClick","map","item","url","id","name","image"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport LazyImage from '../LazyImage';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <LazyImage\n              src={image.url}\n              alt={name}\n              className=\"search-content--results__image\"\n              sizeKey=\"search-result\"\n            />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,kBAAkB,GAAG,CAAC;EAAEC,OAAO,GAAG,EAAZ;EAAgBC;AAAhB,CAAD,KACzBD,OAAO,CAACE,GAAR,CAAYC,IAAI,IAAI;EAClB,IAAI,CAACA,IAAI,CAACC,GAAV,EAAe,OAAO,IAAP;EAEf,MAAM;IAAEC,EAAF;IAAMC,IAAN;IAAYC,KAAZ;IAAmBH;EAAnB,IAA2BD,IAAjC;EAEA,oBACE,oBAAC,SAAD;IAAW,IAAI,EAAEC,GAAjB;IAAsB,OAAO,EAAEH,OAA/B;IAAwC,GAAG,EAAEI;EAA7C,gBACE;IAAK,SAAS,EAAC;EAAf,GACGE,KAAK,SAAL,IAAAA,KAAK,WAAL,IAAAA,KAAK,CAAEH,GAAP,gBACC,oBAAC,SAAD;IACE,GAAG,EAAEG,KAAK,CAACH,GADb;IAEE,GAAG,EAAEE,IAFP;IAGE,SAAS,EAAC,gCAHZ;IAIE,OAAO,EAAC;EAJV,EADD,GAOG,IARN,eASE;IAAM,SAAS,EAAC;EAAhB,GAAkDA,IAAlD,CATF,CADF,CADF;AAeD,CApBD,CADF;;AAuBA,eAAeP,kBAAf"}

package/lib-es/components/SearchContent/SearchContentResults.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import BlazeLink from '../BlazeLink';
+import SearchContentItems from './SearchContentItems';
+
+const SearchContentResults = ({
+  results,
+  debouncedSearchTerm,
+  onClick
+}) => {
+  if (debouncedSearchTerm !== '') {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "search-content--results__wrapper"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "search-content--results__wrapper--message"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "search-content--results__content"
+    }, results.length === 0 && /*#__PURE__*/React.createElement("div", {
+      className: "search-content--results__message"
+    }, /*#__PURE__*/React.createElement(BlazeLink, {
+      href: `/search?search_term=${debouncedSearchTerm}`
+    }, `Search all results for: ${debouncedSearchTerm}`)), results.length > 0 && /*#__PURE__*/React.createElement(SearchContentItems, {
+      results: results,
+      onClick: onClick
+    }))));
+  }
+
+  return null;
+};
+
+export default SearchContentResults;
+//# sourceMappingURL=SearchContentResults.js.map

package/lib-es/components/SearchContent/SearchContentResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContentResults.js","names":["React","BlazeLink","SearchContentItems","SearchContentResults","results","debouncedSearchTerm","onClick","length"],"sources":["../../../src/components/SearchContent/SearchContentResults.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport SearchContentItems from './SearchContentItems';\n\nconst SearchContentResults = ({ results, debouncedSearchTerm, onClick }) => {\n  if (debouncedSearchTerm !== '') {\n    return (\n      <div className=\"search-content--results__wrapper\">\n        <div className=\"search-content--results__wrapper--message\">\n          <div className=\"search-content--results__content\">\n            {results.length === 0 && (\n              <div className=\"search-content--results__message\">\n                <BlazeLink href={`/search?search_term=${debouncedSearchTerm}`}>\n                  {`Search all results for: ${debouncedSearchTerm}`}\n                </BlazeLink>\n              </div>\n            )}\n            {results.length > 0 && <SearchContentItems results={results} onClick={onClick} />}\n          </div>\n        </div>\n      </div>\n    );\n  }\n  return null;\n};\n\nexport default SearchContentResults;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,kBAAP,MAA+B,sBAA/B;;AAEA,MAAMC,oBAAoB,GAAG,CAAC;EAAEC,OAAF;EAAWC,mBAAX;EAAgCC;AAAhC,CAAD,KAA+C;EAC1E,IAAID,mBAAmB,KAAK,EAA5B,EAAgC;IAC9B,oBACE;MAAK,SAAS,EAAC;IAAf,gBACE;MAAK,SAAS,EAAC;IAAf,gBACE;MAAK,SAAS,EAAC;IAAf,GACGD,OAAO,CAACG,MAAR,KAAmB,CAAnB,iBACC;MAAK,SAAS,EAAC;IAAf,gBACE,oBAAC,SAAD;MAAW,IAAI,EAAG,uBAAsBF,mBAAoB;IAA5D,GACI,2BAA0BA,mBAAoB,EADlD,CADF,CAFJ,EAQGD,OAAO,CAACG,MAAR,GAAiB,CAAjB,iBAAsB,oBAAC,kBAAD;MAAoB,OAAO,EAAEH,OAA7B;MAAsC,OAAO,EAAEE;IAA/C,EARzB,CADF,CADF,CADF;EAgBD;;EACD,OAAO,IAAP;AACD,CApBD;;AAsBA,eAAeH,oBAAf"}

package/lib-es/components/SearchContent/SearchContentToggleIcon.js

@@ -0,0 +1,30 @@
+import React from 'react';
+
+const SearchContentToggleIcon = ({
+  results,
+  onClear
+}) => {
+  if (results && results.length > 0) {
+    return /*#__PURE__*/React.createElement("svg", {
+      className: "search-content--expanded__icon",
+      viewBox: "0 0 20 20",
+      onClick: onClear
+    }, /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+      clipRule: "evenodd"
+    }));
+  }
+
+  return /*#__PURE__*/React.createElement("svg", {
+    className: "search-content--expanded__icon",
+    viewBox: "0 0 20 20"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+    clipRule: "evenodd"
+  }));
+};
+
+export default SearchContentToggleIcon;
+//# sourceMappingURL=SearchContentToggleIcon.js.map

package/lib-es/components/SearchContent/SearchContentToggleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContentToggleIcon.js","names":["React","SearchContentToggleIcon","results","onClear","length"],"sources":["../../../src/components/SearchContent/SearchContentToggleIcon.js"],"sourcesContent":["import React from 'react';\n\nconst SearchContentToggleIcon = ({ results, onClear }) => {\n  if (results && results.length > 0) {\n    return (\n      <svg className=\"search-content--expanded__icon\" viewBox=\"0 0 20 20\" onClick={onClear}>\n        <path\n          fillRule=\"evenodd\"\n          d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n          clipRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <svg className=\"search-content--expanded__icon\" viewBox=\"0 0 20 20\">\n      <path\n        fillRule=\"evenodd\"\n        d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n\nexport default SearchContentToggleIcon;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,MAAMC,uBAAuB,GAAG,CAAC;EAAEC,OAAF;EAAWC;AAAX,CAAD,KAA0B;EACxD,IAAID,OAAO,IAAIA,OAAO,CAACE,MAAR,GAAiB,CAAhC,EAAmC;IACjC,oBACE;MAAK,SAAS,EAAC,gCAAf;MAAgD,OAAO,EAAC,WAAxD;MAAoE,OAAO,EAAED;IAA7E,gBACE;MACE,QAAQ,EAAC,SADX;MAEE,CAAC,EAAC,oMAFJ;MAGE,QAAQ,EAAC;IAHX,EADF,CADF;EASD;;EAED,oBACE;IAAK,SAAS,EAAC,gCAAf;IAAgD,OAAO,EAAC;EAAxD,gBACE;IACE,QAAQ,EAAC,SADX;IAEE,CAAC,EAAC,kHAFJ;IAGE,QAAQ,EAAC;EAHX,EADF,CADF;AASD,CAtBD;;AAwBA,eAAeF,uBAAf"}