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

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

@@ -43,6 +43,12 @@ Object.defineProperty(exports, "getSortProps", {
     return _getSortProps["default"];
   }
 });
+Object.defineProperty(exports, "hasRequiredItemListDetails", {
+  enumerable: true,
+  get: function get() {
+    return _hasRequiredItemListDetails["default"];
+  }
+});
 Object.defineProperty(exports, "sortAggs", {
   enumerable: true,
   get: function get() {
@@ -63,4 +69,6 @@ var _sortAggs = _interopRequireDefault(require("./sort-aggs"));
 var _getItemsPerPageToUse = _interopRequireDefault(require("./get-items-per-page-to-use"));
 
 var _getSortProps = _interopRequireDefault(require("./get-sort-props"));
+
+var _hasRequiredItemListDetails = _interopRequireDefault(require("./has-required-item-list-details"));
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":[],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/components/Menu/Menu.js

@@ -25,9 +25,9 @@ exports["default"] = void 0;
 
 require("core-js/modules/es.array.concat.js");
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -35,19 +35,23 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _button = _interopRequireDefault(require("@blaze-react/button"));
 
-var _md = require("react-icons/md");
+var _classnames2 = _interopRequireDefault(require("classnames"));
 
-var _hooks = require("../../hooks");
+var _router = require("next/router");
 
-var _constants = require("../../constants");
+var _md = require("react-icons/md");
 
-var _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "logoOnMobile", "logoOnDesktop", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "logoOnDesktopModifier", "logoOnDesktopAlignment", "closeIconModifier"];
+var _nextjsComponents = require("@blaze-cms/nextjs-components");
+
+var _MenuContext = _interopRequireDefault(require("./MenuContext"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var Menu = function Menu(_ref) {
+  var _classnames;
+
   var children = _ref.children,
       collapse = _ref.collapse,
       modifier = _ref.modifier,
@@ -63,27 +67,43 @@ var Menu = function Menu(_ref) {
       logoOnMobileModifier = _ref.logoOnMobileModifier,
       logoOnDesktopModifier = _ref.logoOnDesktopModifier,
       logoOnDesktopAlignment = _ref.logoOnDesktopAlignment,
-      closeIconModifier = _ref.closeIconModifier,
-      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var isMobile = (0, _hooks.useCheckMobileScreen)();
+      closeIconModifier = _ref.closeIconModifier;
+  var router = (0, _router.useRouter)();
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       showMobileMenu = _useState2[0],
       setShowMobileMenu = _useState2[1];
 
-  var shouldDisplayCollapsed = collapse && isMobile;
-  var mobileButtonClass = shouldDisplayCollapsed && isMobile ? mobileButtonModifier : _constants.HIDDEN;
-  var shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;
-  var childrenDesktopModifier = shouldDisplayChildren && !isMobile ? modifier : "".concat(modifier, " ").concat(_constants.HIDDEN);
-  var childrenMobileModifier = shouldDisplayChildren && isMobile ? "".concat(mobileMenuChildrenModifier) : " ".concat(_constants.HIDDEN);
+  (0, _react.useEffect)(function () {
+    var handleRouteChange = function handleRouteChange() {
+      return setShowMobileMenu(false);
+    };
+
+    router.events.on('routeChangeStart', handleRouteChange);
+    return function () {
+      router.events.off('routeChangeStart', handleRouteChange);
+    };
+  }, [router.events]);
+  var shouldDisplayChildren = collapse ? showMobileMenu : true;
+  var childModifiers = (0, _classnames2["default"])((_classnames = {}, (0, _defineProperty2["default"])(_classnames, mobileMenuChildrenModifier, shouldDisplayChildren), (0, _defineProperty2["default"])(_classnames, modifier, !showMobileMenu), _classnames));
   var isMobileMenuExpanded = showMobileMenu ? "".concat(mobileMenuModifier) : '';
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, collapse && /*#__PURE__*/_react["default"].createElement("div", {
+  var menuWrapperClasses = (0, _classnames2["default"])('menu--wrapper', {
+    'menu--wrapper--mobile-open': showMobileMenu,
+    'menu--wrapper--mobile-closed': collapse && !showMobileMenu
+  });
+  return /*#__PURE__*/_react["default"].createElement(_MenuContext["default"].Provider, {
+    value: {
+      showMobileMenu: showMobileMenu
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: menuWrapperClasses
+  }, collapse && /*#__PURE__*/_react["default"].createElement("div", {
     className: "menu--mobile-wrapper"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex w-screen z-50 justify-".concat(mobileIconAlignment, " ").concat(isMobileMenuExpanded)
   }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    className: mobileButtonClass,
+    className: "menu--mobile-button ".concat(mobileButtonModifier),
     onClick: function onClick() {
       return setShowMobileMenu(!showMobileMenu);
     }
@@ -91,7 +111,7 @@ var Menu = function Menu(_ref) {
     className: closeIconModifier
   }) : /*#__PURE__*/_react["default"].createElement(_md.MdMenu, {
     className: hamburgerIconModifier
-  }))))), logoOnMobile && /*#__PURE__*/_react["default"].createElement("a", {
+  }))))), logoOnMobile && !showMobileMenu && /*#__PURE__*/_react["default"].createElement(_nextjsComponents.Link, {
     href: "/"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: logoOnMobileUrl,
@@ -100,22 +120,15 @@ var Menu = function Menu(_ref) {
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "menu--desktop-wrapper"
   }, /*#__PURE__*/_react["default"].createElement("ul", {
-    className: isMobile ? childrenMobileModifier : childrenDesktopModifier
-  }, logoOnDesktop && logoOnDesktopAlignment === 'left' && /*#__PURE__*/_react["default"].createElement("a", {
-    href: "/",
-    className: "menu--desktop__logo-wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: logoOnMobileUrl,
-    alt: logoOnMobileAlt,
-    className: logoOnDesktopModifier
-  })), children, logoOnDesktop && logoOnDesktopAlignment === 'right' && /*#__PURE__*/_react["default"].createElement("a", {
+    className: childModifiers
+  }, logoOnDesktop && /*#__PURE__*/_react["default"].createElement("a", {
     href: "/",
-    className: "menu--desktop__logo-wrapper"
+    className: ""
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: logoOnMobileUrl,
     alt: logoOnMobileAlt,
     className: logoOnDesktopModifier
-  })))));
+  })), children))));
 };
 
 Menu.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","HIDDEN","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","propTypes","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAkBP;EAAA,IAjBJC,QAiBI,QAjBJA,QAiBI;EAAA,IAhBJC,QAgBI,QAhBJA,QAgBI;EAAA,IAfJC,QAeI,QAfJA,QAeI;EAAA,IAdJC,kBAcI,QAdJA,kBAcI;EAAA,IAbJC,0BAaI,QAbJA,0BAaI;EAAA,IAZJC,mBAYI,QAZJA,mBAYI;EAAA,IAXJC,oBAWI,QAXJA,oBAWI;EAAA,IAVJC,qBAUI,QAVJA,qBAUI;EAAA,IATJC,YASI,QATJA,YASI;EAAA,IARJC,aAQI,QARJA,aAQI;EAAA,IAPJC,eAOI,QAPJA,eAOI;EAAA,IANJC,eAMI,QANJA,eAMI;EAAA,IALJC,oBAKI,QALJA,oBAKI;EAAA,IAJJC,qBAII,QAJJA,qBAII;EAAA,IAHJC,sBAGI,QAHJA,sBAGI;EAAA,IAFJC,iBAEI,QAFJA,iBAEI;EAAA,IADDC,IACC;EACJ,IAAMC,QAAQ,GAAG,kCAAjB;;EACA,gBAA4C,qBAAS,KAAT,CAA5C;EAAA;EAAA,IAAOC,cAAP;EAAA,IAAuBC,iBAAvB;;EAEA,IAAMC,sBAAsB,GAAGnB,QAAQ,IAAIgB,QAA3C;EACA,IAAMI,iBAAiB,GAAGD,sBAAsB,IAAIH,QAA1B,GAAqCX,oBAArC,GAA4DgB,iBAAtF;EACA,IAAMC,qBAAqB,GAAGH,sBAAsB,GAAGF,cAAH,GAAoB,IAAxE;EACA,IAAMM,uBAAuB,GAC3BD,qBAAqB,IAAI,CAACN,QAA1B,GAAqCf,QAArC,aAAmDA,QAAnD,cAA+DoB,iBAA/D,CADF;EAGA,IAAMG,sBAAsB,GAC1BF,qBAAqB,IAAIN,QAAzB,aAAuCb,0BAAvC,eAA0EkB,iBAA1E,CADF;EAGA,IAAMI,oBAAoB,GAAGR,cAAc,aAAMf,kBAAN,IAA6B,EAAxE;EAEA,oBACE,kEACGF,QAAQ,iBACP;IAAK,SAAS,EAAC;EAAf,gBACE;IACE,SAAS,uCAAgCI,mBAAhC,cAAuDqB,oBAAvD;EADX,gBAEE,gCAAC,kBAAD;IACE,SAAS,EAAEL,iBADb;IAEE,OAAO,EAAE;MAAA,OAAMF,iBAAiB,CAAC,CAACD,cAAF,CAAvB;IAAA;EAFX,gBAGE,2CACGA,cAAc,gBACb,gCAAC,WAAD;IAAS,SAAS,EAAEH;EAApB,EADa,gBAGb,gCAAC,UAAD;IAAQ,SAAS,EAAER;EAAnB,EAJJ,CAHF,CAFF,CADF,CAFJ,EAmBGC,YAAY,iBACX;IAAG,IAAI,EAAC;EAAR,gBACE;IAAK,GAAG,EAAEE,eAAV;IAA2B,GAAG,EAAEC,eAAhC;IAAiD,SAAS,EAAEC;EAA5D,EADF,CApBJ,eAyBE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAI,SAAS,EAAEK,QAAQ,GAAGQ,sBAAH,GAA4BD;EAAnD,GACGf,aAAa,IACZK,sBAAsB,KAAK,MAD5B,iBAEG;IAAG,IAAI,EAAC,GAAR;IAAY,SAAS,EAAC;EAAtB,gBACE;IACE,GAAG,EAAEJ,eADP;IAEE,GAAG,EAAEC,eAFP;IAGE,SAAS,EAAEE;EAHb,EADF,CAHN,EAWGb,QAXH,EAYGS,aAAa,IACZK,sBAAsB,KAAK,OAD5B,iBAEG;IAAG,IAAI,EAAC,GAAR;IAAY,SAAS,EAAC;EAAtB,gBACE;IACE,GAAG,EAAEJ,eADP;IAEE,GAAG,EAAEC,eAFP;IAGE,SAAS,EAAEE;EAHb,EADF,CAdN,CADF,CAzBF,CADF;AAqDD,CAtFD;;AAwFAd,IAAI,CAAC4B,SAAL,GAAiB;EACf1B,QAAQ,EAAE2B,sBAAUC,IAAV,CAAeC,UADV;EAEftB,YAAY,EAAEoB,sBAAUC,IAAV,CAAeC,UAFd;EAGfrB,aAAa,EAAEmB,sBAAUC,IAHV;EAIfnB,eAAe,EAAEkB,sBAAUG,MAJZ;EAKfpB,eAAe,EAAEiB,sBAAUG,MALZ;EAMfnB,oBAAoB,EAAEgB,sBAAUG,MANjB;EAOflB,qBAAqB,EAAEe,sBAAUG,MAPlB;EAQfjB,sBAAsB,EAAEc,sBAAUG,MARnB;EASfxB,qBAAqB,EAAEqB,sBAAUG,MATlB;EAUfhB,iBAAiB,EAAEa,sBAAUG,MAVd;EAWfzB,oBAAoB,EAAEsB,sBAAUG,MAXjB;EAYf5B,kBAAkB,EAAEyB,sBAAUG,MAZf;EAaf3B,0BAA0B,EAAEwB,sBAAUG,MAbvB;EAcf7B,QAAQ,EAAE0B,sBAAUG,MAdL;EAef1B,mBAAmB,EAAEuB,sBAAUG,MAfhB;EAgBf/B,QAAQ,EAAE4B,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB;AAhBK,CAAjB;AAmBAnC,IAAI,CAACoC,YAAL,GAAoB;EAClB1B,aAAa,EAAE,KADG;EAElBC,eAAe,EAAE,EAFC;EAGlBC,eAAe,EAAE,EAHC;EAIlBC,oBAAoB,EAAE,EAJJ;EAKlBC,qBAAqB,EAAE,EALL;EAMlBN,qBAAqB,EAAE,EANL;EAOlBQ,iBAAiB,EAAE,EAPD;EAQlBT,oBAAoB,EAAE,EARJ;EASlBD,mBAAmB,EAAE,EATH;EAUlBF,kBAAkB,EAAE,EAVF;EAWlBC,0BAA0B,EAAE,EAXV;EAYlBU,sBAAsB,EAAE,MAZN;EAalBZ,QAAQ,EAAE,EAbQ;EAclBF,QAAQ,EAAE;AAdQ,CAApB;eAiBeD,I"}
+{"version":3,"file":"Menu.js","names":["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","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/components/Menu/MenuContext.js

@@ -0,0 +1,20 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var MenuContext = /*#__PURE__*/_react["default"].createContext({
+  showMobileMenu: false
+});
+
+var _default = MenuContext;
+exports["default"] = _default;
+//# sourceMappingURL=MenuContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContext.js","names":["MenuContext","React","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;;AAEA,IAAMA,WAAW,gBAAGC,kBAAMC,aAAN,CAAoB;EAAEC,cAAc,EAAE;AAAlB,CAApB,CAApB;;eAEeH,W"}

package/lib/components/MenuItem/MenuItem.js

@@ -29,12 +29,16 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _fa = require("react-icons/fa");
+
 var _constants = require("../../constants");
 
 var _helpers = require("../../helpers");
 
 var _BlazeLink = _interopRequireDefault(require("../BlazeLink"));
 
+var _MenuContext = _interopRequireDefault(require("../Menu/MenuContext"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -51,6 +55,12 @@ var MenuItem = function MenuItem(_ref) {
       displayChildren = _useState2[0],
       setDisplayChildren = _useState2[1];
 
+  var _useContext = (0, _react.useContext)(_MenuContext["default"]),
+      showMobileMenu = _useContext.showMobileMenu;
+
+  (0, _react.useEffect)(function () {
+    if (!showMobileMenu) setDisplayChildren(false);
+  }, [showMobileMenu]);
   var isHoverEvent = eventType === _constants.HOVER;
   var childrenDisplayClass = displayChildren ? '' : _constants.HIDDEN;
 
@@ -58,12 +68,13 @@ var MenuItem = function MenuItem(_ref) {
     var type = _ref2.type;
 
     if (isHoverEvent) {
-      if (type === _constants.MOUSE_ENTER) setDisplayChildren(true);
-      if (type === _constants.MOUSE_LEAVE) setDisplayChildren(false);
-    }
+      if (type === _constants.MOUSE_ENTER) {
+        setDisplayChildren(true);
+      }
 
-    if (type === _constants.CLICK && eventType === _constants.CLICK && !url) {
-      setDisplayChildren(!displayChildren);
+      if (type === _constants.MOUSE_LEAVE) {
+        setDisplayChildren(false);
+      }
     }
   };
 
@@ -72,13 +83,21 @@ var MenuItem = function MenuItem(_ref) {
     className: modifier,
     onMouseEnter: handleItemEvent,
     onMouseLeave: handleItemEvent
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "menu--item--link"
   }, url ? /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
     href: url
   }, text) : /*#__PURE__*/_react["default"].createElement("span", {
     role: "button",
     onClick: handleItemEvent
-  }, text), hasValidChildren && /*#__PURE__*/_react["default"].createElement("div", {
-    className: childrenDisplayClass
+  }, text), hasValidChildren && /*#__PURE__*/_react["default"].createElement("i", {
+    role: "button",
+    className: "menu--item--link--icon",
+    onClick: function onClick() {
+      return setDisplayChildren(!displayChildren);
+    }
+  }, displayChildren ? /*#__PURE__*/_react["default"].createElement(_fa.FaChevronUp, null) : /*#__PURE__*/_react["default"].createElement(_fa.FaChevronDown, null))), hasValidChildren && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "menu--item-children ".concat(childrenDisplayClass)
   }, children));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["MenuItem","children","eventType","text","modifier","url","displayChildren","setDisplayChildren","isHoverEvent","HOVER","childrenDisplayClass","HIDDEN","handleItemEvent","type","MOUSE_ENTER","MOUSE_LEAVE","CLICK","hasValidChildren","propTypes","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;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAkD;EAAA,IAA/CC,QAA+C,QAA/CA,QAA+C;EAAA,IAArCC,SAAqC,QAArCA,SAAqC;EAAA,IAA1BC,IAA0B,QAA1BA,IAA0B;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,GAAU,QAAVA,GAAU;;EACjE,gBAA8C,qBAAS,KAAT,CAA9C;EAAA;EAAA,IAAOC,eAAP;EAAA,IAAwBC,kBAAxB;;EACA,IAAMC,YAAY,GAAGN,SAAS,KAAKO,gBAAnC;EACA,IAAMC,oBAAoB,GAAGJ,eAAe,GAAG,EAAH,GAAQK,iBAApD;;EAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,QAAc;IAAA,IAAXC,IAAW,SAAXA,IAAW;;IACpC,IAAIL,YAAJ,EAAkB;MAChB,IAAIK,IAAI,KAAKC,sBAAb,EAA0BP,kBAAkB,CAAC,IAAD,CAAlB;MAC1B,IAAIM,IAAI,KAAKE,sBAAb,EAA0BR,kBAAkB,CAAC,KAAD,CAAlB;IAC3B;;IACD,IAAIM,IAAI,KAAKG,gBAAT,IAAkBd,SAAS,KAAKc,gBAAhC,IAAyC,CAACX,GAA9C,EAAmD;MACjDE,kBAAkB,CAAC,CAACD,eAAF,CAAlB;IACD;EACF,CARD;;EASA,IAAMW,gBAAgB,GAAG,0BAAYhB,QAAZ,CAAzB;EAEA,oBACE;IAAI,SAAS,EAAEG,QAAf;IAAyB,YAAY,EAAEQ,eAAvC;IAAwD,YAAY,EAAEA;EAAtE,GACGP,GAAG,gBACF,gCAAC,qBAAD;IAAW,IAAI,EAAEA;EAAjB,GAAuBF,IAAvB,CADE,gBAGF;IAAM,IAAI,EAAC,QAAX;IAAoB,OAAO,EAAES;EAA7B,GACGT,IADH,CAJJ,EAQGc,gBAAgB,iBAAI;IAAK,SAAS,EAAEP;EAAhB,GAAuCT,QAAvC,CARvB,CADF;AAYD,CA5BD;;AA8BAD,QAAQ,CAACkB,SAAT,GAAqB;EACnBd,QAAQ,EAAEe,sBAAUC,MADD;EAEnBjB,IAAI,EAAEgB,sBAAUC,MAFG;EAGnBf,GAAG,EAAEc,sBAAUC,MAHI;EAInBlB,SAAS,EAAEiB,sBAAUC,MAAV,CAAiBC,UAJT;EAKnBpB,QAAQ,EAAEkB,sBAAUG,SAAV,CAAoB,CAACH,sBAAUI,OAAV,CAAkBJ,sBAAUK,IAA5B,CAAD,EAAoCL,sBAAUK,IAA9C,CAApB;AALS,CAArB;AAQAxB,QAAQ,CAACyB,YAAT,GAAwB;EACtBpB,GAAG,EAAE,EADiB;EAEtBD,QAAQ,EAAE,EAFY;EAGtBD,IAAI,EAAE,EAHgB;EAItBF,QAAQ,EAAE;AAJY,CAAxB;eAOeD,Q"}
+{"version":3,"file":"MenuItem.js","names":["MenuItem","children","eventType","text","modifier","url","displayChildren","setDisplayChildren","MenuContext","showMobileMenu","isHoverEvent","HOVER","childrenDisplayClass","HIDDEN","handleItemEvent","type","MOUSE_ENTER","MOUSE_LEAVE","hasValidChildren","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAkD;EAAA,IAA/CC,QAA+C,QAA/CA,QAA+C;EAAA,IAArCC,SAAqC,QAArCA,SAAqC;EAAA,IAA1BC,IAA0B,QAA1BA,IAA0B;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,GAAU,QAAVA,GAAU;;EACjE,gBAA8C,qBAAS,KAAT,CAA9C;EAAA;EAAA,IAAOC,eAAP;EAAA,IAAwBC,kBAAxB;;EACA,kBAA2B,uBAAWC,uBAAX,CAA3B;EAAA,IAAQC,cAAR,eAAQA,cAAR;;EAEA,sBACE,YAAM;IACJ,IAAI,CAACA,cAAL,EAAqBF,kBAAkB,CAAC,KAAD,CAAlB;EACtB,CAHH,EAIE,CAACE,cAAD,CAJF;EAOA,IAAMC,YAAY,GAAGR,SAAS,KAAKS,gBAAnC;EACA,IAAMC,oBAAoB,GAAGN,eAAe,GAAG,EAAH,GAAQO,iBAApD;;EAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,QAAc;IAAA,IAAXC,IAAW,SAAXA,IAAW;;IACpC,IAAIL,YAAJ,EAAkB;MAChB,IAAIK,IAAI,KAAKC,sBAAb,EAA0B;QACxBT,kBAAkB,CAAC,IAAD,CAAlB;MACD;;MACD,IAAIQ,IAAI,KAAKE,sBAAb,EAA0B;QACxBV,kBAAkB,CAAC,KAAD,CAAlB;MACD;IACF;EACF,CATD;;EAUA,IAAMW,gBAAgB,GAAG,0BAAYjB,QAAZ,CAAzB;EAEA,oBACE;IAAI,SAAS,EAAEG,QAAf;IAAyB,YAAY,EAAEU,eAAvC;IAAwD,YAAY,EAAEA;EAAtE,gBACE;IAAK,SAAS,EAAC;EAAf,GACGT,GAAG,gBACF,gCAAC,qBAAD;IAAW,IAAI,EAAEA;EAAjB,GAAuBF,IAAvB,CADE,gBAGF;IAAM,IAAI,EAAC,QAAX;IAAoB,OAAO,EAAEW;EAA7B,GACGX,IADH,CAJJ,EAQGe,gBAAgB,iBACf;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAC,wBAFZ;IAGE,OAAO,EAAE;MAAA,OAAMX,kBAAkB,CAAC,CAACD,eAAF,CAAxB;IAAA;EAHX,GAIGA,eAAe,gBAAG,gCAAC,eAAD,OAAH,gBAAqB,gCAAC,iBAAD,OAJvC,CATJ,CADF,EAmBGY,gBAAgB,iBACf;IAAK,SAAS,gCAAyBN,oBAAzB;EAAd,GAAgEX,QAAhE,CApBJ,CADF;AAyBD,CAnDD;;AAqDAD,QAAQ,CAACmB,SAAT,GAAqB;EACnBf,QAAQ,EAAEgB,sBAAUC,MADD;EAEnBlB,IAAI,EAAEiB,sBAAUC,MAFG;EAGnBhB,GAAG,EAAEe,sBAAUC,MAHI;EAInBnB,SAAS,EAAEkB,sBAAUC,MAAV,CAAiBC,UAJT;EAKnBrB,QAAQ,EAAEmB,sBAAUG,SAAV,CAAoB,CAACH,sBAAUI,OAAV,CAAkBJ,sBAAUK,IAA5B,CAAD,EAAoCL,sBAAUK,IAA9C,CAApB;AALS,CAArB;AAQAzB,QAAQ,CAAC0B,YAAT,GAAwB;EACtBrB,GAAG,EAAE,EADiB;EAEtBD,QAAQ,EAAE,EAFY;EAGtBD,IAAI,EAAE,EAHgB;EAItBF,QAAQ,EAAE;AAJY,CAAxB;eAOeD,Q"}

package/lib/components/SearchContent/SearchContent.js

@@ -0,0 +1,183 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.join.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _router = require("next/router");
+
+var _pluginSearchUi = require("@blaze-cms/plugin-search-ui");
+
+var _SearchContentResults = _interopRequireDefault(require("./SearchContentResults"));
+
+var _SearchContentToggleIcon = _interopRequireDefault(require("./SearchContentToggleIcon"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var SearchContent = function SearchContent(_ref) {
+  var entities = _ref.entities,
+      searchInputAlignment = _ref.searchInputAlignment,
+      searchInputWrapperMobile = _ref.searchInputWrapperMobile,
+      searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
+      collapsible = _ref.collapsible,
+      isMobile = _ref.isMobile,
+      placeholder = _ref.placeholder,
+      modifier = _ref.modifier;
+
+  var _useState = (0, _react.useState)(collapsible),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      collapsed = _useState2[0],
+      setCollapsed = _useState2[1];
+
+  var router = (0, _router.useRouter)();
+
+  var _useDebounceSearch = (0, _pluginSearchUi.useDebounceSearch)({
+    entities: entities,
+    initialSearchTerm: '',
+    resultKeys: 'id, name, image { url }, url'
+  }),
+      results = _useDebounceSearch.results,
+      searchTerm = _useDebounceSearch.searchTerm,
+      setSearchTerm = _useDebounceSearch.setSearchTerm,
+      debouncedSearchTerm = _useDebounceSearch.debouncedSearchTerm;
+
+  (0, _react.useEffect)(function () {
+    var handleRouteChange = function handleRouteChange() {
+      return setSearchTerm('');
+    };
+
+    router.events.on('routeChangeStart', handleRouteChange);
+    return function () {
+      router.events.off('routeChangeStart', handleRouteChange);
+    };
+  }, [router.events, setSearchTerm]);
+  var responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;
+
+  var handleClick = function handleClick(e, url) {
+    e.preventDefault();
+    router.push(url);
+  };
+
+  var handleKeyPress = function handleKeyPress(e) {
+    if (e.key === 'Enter' && e.target.value !== '') {
+      router.push("/search?search_term=".concat(e.target.value));
+    }
+  };
+
+  var handleOnBlur = function handleOnBlur() {
+    if (!collapsible) return;
+    if (!debouncedSearchTerm || debouncedSearchTerm === '') setCollapsed(true);
+  };
+
+  var handleClearSearchResults = function handleClearSearchResults() {
+    setSearchTerm('');
+  };
+
+  var className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');
+  return collapsed ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "search-content--collapse__wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("label", {
+    className: "search-content--collapse__label"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "search-content--collapse__icon_wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    className: "search-content--collapse__icon",
+    viewBox: "0 0 20 20"
+  }, /*#__PURE__*/_react["default"].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["default"].createElement("input", {
+    onFocus: function onFocus() {
+      return setCollapsed(false);
+    },
+    onChange: function onChange(e) {
+      return setSearchTerm(e.target.value);
+    },
+    type: "text",
+    name: "search",
+    className: "search-content--collapse__input"
+  })))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "search-content--expanded__wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("label", {
+    className: "search-content--expanded__label"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "search-content--expanded__icon_wrapper"
+  }, /*#__PURE__*/_react["default"].createElement(_SearchContentToggleIcon["default"], {
+    results: results,
+    onClear: handleClearSearchResults
+  })), /*#__PURE__*/_react["default"].createElement("input", {
+    type: "text",
+    name: "search",
+    onChange: function onChange(e) {
+      return setSearchTerm(e.target.value);
+    },
+    onKeyPress: handleKeyPress,
+    className: "search-content--expanded__input",
+    placeholder: placeholder,
+    value: searchTerm,
+    onBlur: handleOnBlur
+  }))), /*#__PURE__*/_react["default"].createElement(_SearchContentResults["default"], {
+    results: results,
+    debouncedSearchTerm: debouncedSearchTerm,
+    handleClick: handleClick
+  })));
+};
+
+SearchContent.propTypes = {
+  searchInputAlignment: _propTypes["default"].string,
+  searchInputWrapperMobile: _propTypes["default"].string,
+  searchInputWrapperDesktop: _propTypes["default"].string,
+  placeholder: _propTypes["default"].string,
+  isMobile: _propTypes["default"].bool,
+  collapsible: _propTypes["default"].bool,
+  entities: _propTypes["default"].array.isRequired,
+  modifier: _propTypes["default"].string
+};
+SearchContent.defaultProps = {
+  searchInputAlignment: '',
+  searchInputWrapperMobile: '',
+  searchInputWrapperDesktop: '',
+  placeholder: '',
+  isMobile: false,
+  collapsible: false,
+  modifier: ''
+};
+var _default = SearchContent;
+exports["default"] = _default;
+//# sourceMappingURL=SearchContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContent.js","names":["SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","modifier","collapsed","setCollapsed","router","initialSearchTerm","resultKeys","results","searchTerm","setSearchTerm","debouncedSearchTerm","handleRouteChange","events","on","off","responsiveClasses","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","handleOnBlur","handleClearSearchResults","className","filter","Boolean","join","propTypes","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/components/SearchContent/SearchContentItems.js

@@ -0,0 +1,51 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.function.name.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _BlazeLink = _interopRequireDefault(require("../BlazeLink"));
+
+var _LazyImage = _interopRequireDefault(require("../LazyImage"));
+
+var SearchContentItems = function SearchContentItems(_ref) {
+  var _ref$results = _ref.results,
+      results = _ref$results === void 0 ? [] : _ref$results,
+      onClick = _ref.onClick;
+  return results.map(function (item) {
+    if (!item.url) return null;
+    var id = item.id,
+        name = item.name,
+        image = item.image,
+        url = item.url;
+    return /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
+      href: url,
+      onClick: onClick,
+      key: id
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "search-content--results__wrapper"
+    }, image !== null && image !== void 0 && image.url ? /*#__PURE__*/_react["default"].createElement(_LazyImage["default"], {
+      src: image.url,
+      alt: name,
+      className: "search-content--results__image",
+      sizeKey: "search-result"
+    }) : null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "search-content--results__title"
+    }, name)));
+  });
+};
+
+var _default = SearchContentItems;
+exports["default"] = _default;
+//# sourceMappingURL=SearchContentItems.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContentItems.js","names":["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;;AACA;;AACA;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,wBAAGC,OAAH;EAAA,IAAGA,OAAH,6BAAa,EAAb;EAAA,IAAiBC,OAAjB,QAAiBA,OAAjB;EAAA,OACzBD,OAAO,CAACE,GAAR,CAAY,UAAAC,IAAI,EAAI;IAClB,IAAI,CAACA,IAAI,CAACC,GAAV,EAAe,OAAO,IAAP;IAEf,IAAQC,EAAR,GAAiCF,IAAjC,CAAQE,EAAR;IAAA,IAAYC,IAAZ,GAAiCH,IAAjC,CAAYG,IAAZ;IAAA,IAAkBC,KAAlB,GAAiCJ,IAAjC,CAAkBI,KAAlB;IAAA,IAAyBH,GAAzB,GAAiCD,IAAjC,CAAyBC,GAAzB;IAEA,oBACE,gCAAC,qBAAD;MAAW,IAAI,EAAEA,GAAjB;MAAsB,OAAO,EAAEH,OAA/B;MAAwC,GAAG,EAAEI;IAA7C,gBACE;MAAK,SAAS,EAAC;IAAf,GACGE,KAAK,SAAL,IAAAA,KAAK,WAAL,IAAAA,KAAK,CAAEH,GAAP,gBACC,gCAAC,qBAAD;MACE,GAAG,EAAEG,KAAK,CAACH,GADb;MAEE,GAAG,EAAEE,IAFP;MAGE,SAAS,EAAC,gCAHZ;MAIE,OAAO,EAAC;IAJV,EADD,GAOG,IARN,eASE;MAAM,SAAS,EAAC;IAAhB,GAAkDA,IAAlD,CATF,CADF,CADF;EAeD,CApBD,CADyB;AAAA,CAA3B;;eAuBeP,kB"}