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

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.124.0-alpha.28](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.27...v0.124.0-alpha.28) (2022-05-27)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.26](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.25...v0.124.0-alpha.26) (2022-05-24)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.25](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.24...v0.124.0-alpha.25) (2022-05-24)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
 # [0.124.0-alpha.24](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.23...v0.124.0-alpha.24) (2022-05-24)
 
 **Note:** Version bump only for package @blaze-cms/react-page-builder

package/lib/components/Menu/Menu.js

@@ -78,7 +78,9 @@ var Menu = function Menu(_ref) {
   var childrenDesktopModifier = shouldDisplayChildren && !isMobile ? modifier : "".concat(modifier, " ").concat(_constants.HIDDEN);
   var childrenMobileModifier = shouldDisplayChildren && isMobile ? "".concat(mobileMenuChildrenModifier) : " ".concat(_constants.HIDDEN);
   var isMobileMenuExpanded = showMobileMenu ? "".concat(mobileMenuModifier) : '';
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, collapse && /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "menu--wrapper"
+  }, 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)

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":"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"}
+{"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\n  const mobileButtonClass = shouldDisplayCollapsed && isMobile ? mobileButtonModifier : HIDDEN;\n\n  const shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;\n\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    <div className=\"menu--wrapper\">\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    </div>\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/SearchContent/SearchContent.js

@@ -2,8 +2,6 @@
 
 require("core-js/modules/es.array.iterator.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
@@ -23,6 +21,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 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"));
@@ -48,7 +52,8 @@ var SearchContent = function SearchContent(_ref) {
       searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
       collapsible = _ref.collapsible,
       isMobile = _ref.isMobile,
-      placeholder = _ref.placeholder;
+      placeholder = _ref.placeholder,
+      modifier = _ref.modifier;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -63,6 +68,7 @@ var SearchContent = function SearchContent(_ref) {
     resultKeys: 'id, name, image { url }, url'
   }),
       results = _useDebounceSearch.results,
+      searchTerm = _useDebounceSearch.searchTerm,
       setSearchTerm = _useDebounceSearch.setSearchTerm,
       debouncedSearchTerm = _useDebounceSearch.debouncedSearchTerm;
 
@@ -88,8 +94,9 @@ var SearchContent = function SearchContent(_ref) {
     setSearchTerm('');
   };
 
+  var className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');
   return collapsed ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: responsiveClasses
+    className: className
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "search-content--collapse__wrapper"
   }, /*#__PURE__*/_react["default"].createElement("label", {
@@ -114,7 +121,7 @@ var SearchContent = function SearchContent(_ref) {
     name: "search",
     className: "search-content--collapse__input"
   })))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: responsiveClasses
+    className: className
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "search-content--expanded__wrapper"
   }, /*#__PURE__*/_react["default"].createElement("label", {
@@ -133,6 +140,7 @@ var SearchContent = function SearchContent(_ref) {
     onKeyPress: handleKeyPress,
     className: "search-content--expanded__input",
     placeholder: placeholder,
+    value: searchTerm,
     onBlur: handleOnBlur
   }))), /*#__PURE__*/_react["default"].createElement(_SearchContentResults["default"], {
     results: results,
@@ -148,7 +156,8 @@ SearchContent.propTypes = {
   placeholder: _propTypes["default"].string,
   isMobile: _propTypes["default"].bool,
   collapsible: _propTypes["default"].bool,
-  entities: _propTypes["default"].array.isRequired
+  entities: _propTypes["default"].array.isRequired,
+  modifier: _propTypes["default"].string
 };
 SearchContent.defaultProps = {
   searchInputAlignment: '',
@@ -156,7 +165,8 @@ SearchContent.defaultProps = {
   searchInputWrapperDesktop: '',
   placeholder: '',
   isMobile: false,
-  collapsible: false
+  collapsible: false,
+  modifier: ''
 };
 var _default = SearchContent;
 exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"SearchContent.js","names":["SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","collapsed","setCollapsed","router","initialSearchTerm","resultKeys","results","setSearchTerm","debouncedSearchTerm","responsiveClasses","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","handleOnBlur","handleClearSearchResults","propTypes","PropTypes","string","bool","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/SearchContent.js"],"sourcesContent":["import React, { useState } 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}) => {\n  const [collapsed, setCollapsed] = useState(false);\n  const router = useRouter();\n\n  const { results, setSearchTerm, debouncedSearchTerm } = useDebounceSearch({\n    entities,\n    initialSearchTerm: '',\n    resultKeys: 'id, name, image { url }, url'\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  return collapsed ? (\n    <div className={responsiveClasses}>\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={responsiveClasses}>\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              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};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  collapsible: false\n};\n\nexport default SearchContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAQhB;EAAA,IAPJC,QAOI,QAPJA,QAOI;EAAA,IANJC,oBAMI,QANJA,oBAMI;EAAA,IALJC,wBAKI,QALJA,wBAKI;EAAA,IAJJC,yBAII,QAJJA,yBAII;EAAA,IAHJC,WAGI,QAHJA,WAGI;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADJC,WACI,QADJA,WACI;;EACJ,gBAAkC,qBAAS,KAAT,CAAlC;EAAA;EAAA,IAAOC,SAAP;EAAA,IAAkBC,YAAlB;;EACA,IAAMC,MAAM,GAAG,wBAAf;;EAEA,yBAAwD,uCAAkB;IACxET,QAAQ,EAARA,QADwE;IAExEU,iBAAiB,EAAE,EAFqD;IAGxEC,UAAU,EAAE;EAH4D,CAAlB,CAAxD;EAAA,IAAQC,OAAR,sBAAQA,OAAR;EAAA,IAAiBC,aAAjB,sBAAiBA,aAAjB;EAAA,IAAgCC,mBAAhC,sBAAgCA,mBAAhC;;EAMA,IAAMC,iBAAiB,GAAGV,QAAQ,GAAGH,wBAAH,GAA8BC,yBAAhE;;EAEA,IAAMa,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAIC,GAAJ,EAAY;IAC9BD,CAAC,CAACE,cAAF;IACAV,MAAM,CAACW,IAAP,CAAYF,GAAZ;EACD,CAHD;;EAKA,IAAMG,cAAc,GAAG,SAAjBA,cAAiB,CAAAJ,CAAC,EAAI;IAC1B,IAAIA,CAAC,CAACK,GAAF,KAAU,OAAV,IAAqBL,CAAC,CAACM,MAAF,CAASC,KAAT,KAAmB,EAA5C,EAAgD;MAC9Cf,MAAM,CAACW,IAAP,+BAAmCH,CAAC,CAACM,MAAF,CAASC,KAA5C;IACD;EACF,CAJD;;EAMA,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;IACzB,IAAI,CAACrB,WAAL,EAAkB;IAClB,IAAI,CAACU,mBAAD,IAAwBA,mBAAmB,KAAK,EAApD,EAAwDN,YAAY,CAAC,IAAD,CAAZ;EACzD,CAHD;;EAKA,IAAMkB,wBAAwB,GAAG,SAA3BA,wBAA2B,GAAM;IACrCb,aAAa,CAAC,EAAD,CAAb;EACD,CAFD;;EAIA,OAAON,SAAS,gBACd;IAAK,SAAS,EAAEQ;EAAhB,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAO,SAAS,EAAC;EAAjB,gBACE;IAAM,SAAS,EAAC;EAAhB,gBACE;IAAK,SAAS,EAAC,gCAAf;IAAgD,OAAO,EAAC;EAAxD,gBACE;IACE,QAAQ,EAAC,SADX;IAEE,CAAC,EAAC,kHAFJ;IAGE,QAAQ,EAAC;EAHX,EADF,CADF,CADF,eAUE;IACE,OAAO,EAAE;MAAA,OAAMP,YAAY,CAAC,KAAD,CAAlB;IAAA,CADX;IAEE,QAAQ,EAAE,kBAAAS,CAAC;MAAA,OAAIJ,aAAa,CAACI,CAAC,CAACM,MAAF,CAASC,KAAV,CAAjB;IAAA,CAFb;IAGE,IAAI,EAAC,MAHP;IAIE,IAAI,EAAC,QAJP;IAKE,SAAS,EAAC;EALZ,EAVF,CADF,CADF,CADc,gBAwBd,+EACE;IAAK,SAAS,EAAET;EAAhB,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAO,SAAS,EAAC;EAAjB,gBACE;IAAM,SAAS,EAAC;EAAhB,gBACE,gCAAC,mCAAD;IAAyB,OAAO,EAAEH,OAAlC;IAA2C,OAAO,EAAEc;EAApD,EADF,CADF,eAIE;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAC,QAFP;IAGE,QAAQ,EAAE,kBAAAT,CAAC;MAAA,OAAIJ,aAAa,CAACI,CAAC,CAACM,MAAF,CAASC,KAAV,CAAjB;IAAA,CAHb;IAIE,UAAU,EAAEH,cAJd;IAKE,SAAS,EAAC,iCALZ;IAME,WAAW,EAAEf,WANf;IAOE,MAAM,EAAEmB;EAPV,EAJF,CADF,CADF,eAiBE,gCAAC,gCAAD;IACE,OAAO,EAAEb,OADX;IAEE,mBAAmB,EAAEE,mBAFvB;IAGE,WAAW,EAAEE;EAHf,EAjBF,CADF,CAxBF;AAkDD,CA1FD;;AA4FAjB,aAAa,CAAC4B,SAAd,GAA0B;EACxB1B,oBAAoB,EAAE2B,sBAAUC,MADR;EAExB3B,wBAAwB,EAAE0B,sBAAUC,MAFZ;EAGxB1B,yBAAyB,EAAEyB,sBAAUC,MAHb;EAIxBvB,WAAW,EAAEsB,sBAAUC,MAJC;EAKxBxB,QAAQ,EAAEuB,sBAAUE,IALI;EAMxB1B,WAAW,EAAEwB,sBAAUE,IANC;EAOxB9B,QAAQ,EAAE4B,sBAAUG,KAAV,CAAgBC;AAPF,CAA1B;AAUAjC,aAAa,CAACkC,YAAd,GAA6B;EAC3BhC,oBAAoB,EAAE,EADK;EAE3BC,wBAAwB,EAAE,EAFC;EAG3BC,yBAAyB,EAAE,EAHA;EAI3BG,WAAW,EAAE,EAJc;EAK3BD,QAAQ,EAAE,KALiB;EAM3BD,WAAW,EAAE;AANc,CAA7B;eASeL,a"}
+{"version":3,"file":"SearchContent.js","names":["SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","modifier","collapsed","setCollapsed","router","initialSearchTerm","resultKeys","results","searchTerm","setSearchTerm","debouncedSearchTerm","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 } 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(false);\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  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

@@ -17,6 +17,8 @@ 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,
@@ -33,10 +35,11 @@ var SearchContentItems = function SearchContentItems(_ref) {
       key: id
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "search-content--results__wrapper"
-    }, image !== null && image !== void 0 && image.url ? /*#__PURE__*/_react["default"].createElement("img", {
+    }, image !== null && image !== void 0 && image.url ? /*#__PURE__*/_react["default"].createElement(_LazyImage["default"], {
       src: image.url,
       alt: name,
-      className: "search-content--results__image"
+      className: "search-content--results__image",
+      sizeKey: "search-result"
     }) : null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "search-content--results__title"
     }, name)));

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

@@ -1 +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';\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            <img src={image.url} alt={name} className=\"search-content--results__image\" />\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;;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;MAAK,GAAG,EAAEG,KAAK,CAACH,GAAhB;MAAqB,GAAG,EAAEE,IAA1B;MAAgC,SAAS,EAAC;IAA1C,EADD,GAEG,IAHN,eAIE;MAAM,SAAS,EAAC;IAAhB,GAAkDA,IAAlD,CAJF,CADF,CADF;EAUD,CAfD,CADyB;AAAA,CAA3B;;eAkBeP,kB"}
+{"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"}

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

@@ -36,7 +36,9 @@ const Menu = _ref => {
   const childrenDesktopModifier = shouldDisplayChildren && !isMobile ? modifier : `${modifier} ${HIDDEN}`;
   const childrenMobileModifier = shouldDisplayChildren && isMobile ? `${mobileMenuChildrenModifier}` : ` ${HIDDEN}`;
   const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';
-  return /*#__PURE__*/React.createElement(React.Fragment, null, collapse && /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "menu--wrapper"
+  }, collapse && /*#__PURE__*/React.createElement("div", {
     className: "menu--mobile-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
     className: `flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`

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","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\n  const mobileButtonClass = shouldDisplayCollapsed && isMobile ? mobileButtonModifier : HIDDEN;\n\n  const shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;\n\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    <div className=\"menu--wrapper\">\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    </div>\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/SearchContent/SearchContent.js

@@ -12,12 +12,14 @@ const SearchContent = ({
   searchInputWrapperDesktop,
   collapsible,
   isMobile,
-  placeholder
+  placeholder,
+  modifier
 }) => {
   const [collapsed, setCollapsed] = useState(false);
   const router = useRouter();
   const {
     results,
+    searchTerm,
     setSearchTerm,
     debouncedSearchTerm
   } = useDebounceSearch({
@@ -47,8 +49,9 @@ const SearchContent = ({
     setSearchTerm('');
   };
 
+  const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');
   return collapsed ? /*#__PURE__*/React.createElement("div", {
-    className: responsiveClasses
+    className: className
   }, /*#__PURE__*/React.createElement("div", {
     className: "search-content--collapse__wrapper"
   }, /*#__PURE__*/React.createElement("label", {
@@ -69,7 +72,7 @@ const SearchContent = ({
     name: "search",
     className: "search-content--collapse__input"
   })))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: responsiveClasses
+    className: className
   }, /*#__PURE__*/React.createElement("div", {
     className: "search-content--expanded__wrapper"
   }, /*#__PURE__*/React.createElement("label", {
@@ -86,6 +89,7 @@ const SearchContent = ({
     onKeyPress: handleKeyPress,
     className: "search-content--expanded__input",
     placeholder: placeholder,
+    value: searchTerm,
     onBlur: handleOnBlur
   }))), /*#__PURE__*/React.createElement(SearchContentResults, {
     results: results,
@@ -101,7 +105,8 @@ SearchContent.propTypes = {
   placeholder: PropTypes.string,
   isMobile: PropTypes.bool,
   collapsible: PropTypes.bool,
-  entities: PropTypes.array.isRequired
+  entities: PropTypes.array.isRequired,
+  modifier: PropTypes.string
 };
 SearchContent.defaultProps = {
   searchInputAlignment: '',
@@ -109,7 +114,8 @@ SearchContent.defaultProps = {
   searchInputWrapperDesktop: '',
   placeholder: '',
   isMobile: false,
-  collapsible: false
+  collapsible: false,
+  modifier: ''
 };
 export default SearchContent;
 //# sourceMappingURL=SearchContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchContent.js","names":["React","useState","PropTypes","useRouter","useDebounceSearch","SearchContentResults","SearchContentToggleIcon","SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","collapsed","setCollapsed","router","results","setSearchTerm","debouncedSearchTerm","initialSearchTerm","resultKeys","responsiveClasses","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","handleOnBlur","handleClearSearchResults","propTypes","string","bool","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/SearchContent.js"],"sourcesContent":["import React, { useState } 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}) => {\n  const [collapsed, setCollapsed] = useState(false);\n  const router = useRouter();\n\n  const { results, setSearchTerm, debouncedSearchTerm } = useDebounceSearch({\n    entities,\n    initialSearchTerm: '',\n    resultKeys: 'id, name, image { url }, url'\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  return collapsed ? (\n    <div className={responsiveClasses}>\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={responsiveClasses}>\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              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};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  collapsible: false\n};\n\nexport default SearchContent;\n"],"mappings":"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"}
+{"version":3,"file":"SearchContent.js","names":["React","useState","PropTypes","useRouter","useDebounceSearch","SearchContentResults","SearchContentToggleIcon","SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","modifier","collapsed","setCollapsed","router","results","searchTerm","setSearchTerm","debouncedSearchTerm","initialSearchTerm","resultKeys","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 } 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(false);\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  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

@@ -1,5 +1,6 @@
 import React from 'react';
 import BlazeLink from '../BlazeLink';
+import LazyImage from '../LazyImage';
 
 const SearchContentItems = ({
   results = [],
@@ -18,10 +19,11 @@ const SearchContentItems = ({
     key: id
   }, /*#__PURE__*/React.createElement("div", {
     className: "search-content--results__wrapper"
-  }, image !== null && image !== void 0 && image.url ? /*#__PURE__*/React.createElement("img", {
+  }, image !== null && image !== void 0 && image.url ? /*#__PURE__*/React.createElement(LazyImage, {
     src: image.url,
     alt: name,
-    className: "search-content--results__image"
+    className: "search-content--results__image",
+    sizeKey: "search-result"
   }) : null, /*#__PURE__*/React.createElement("span", {
     className: "search-content--results__title"
   }, name)));

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

@@ -1 +1 @@
-{"version":3,"file":"SearchContentItems.js","names":["React","BlazeLink","SearchContentItems","results","onClick","map","item","url","id","name","image"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\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            <img src={image.url} alt={name} className=\"search-content--results__image\" />\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;;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;IAAK,GAAG,EAAEG,KAAK,CAACH,GAAhB;IAAqB,GAAG,EAAEE,IAA1B;IAAgC,SAAS,EAAC;EAA1C,EADD,GAEG,IAHN,eAIE;IAAM,SAAS,EAAC;EAAhB,GAAkDA,IAAlD,CAJF,CADF,CADF;AAUD,CAfD,CADF;;AAkBA,eAAeP,kBAAf"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.124.0-alpha.24",
+  "version": "0.124.0-alpha.28",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -31,6 +31,7 @@
     "@blaze-cms/core-errors": "^0.118.0",
     "@blaze-cms/image-cdn-react": "^0.2.0",
     "@blaze-cms/nextjs-components": "^0.124.0-alpha.2",
+    "@blaze-cms/plugin-search-ui": "^0.121.0",
     "@blaze-cms/setup-ui": "^0.92.0",
     "@blaze-cms/utils": "^0.118.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
@@ -84,5 +85,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "dcf7d39568a7d606e549b9d1106840304613e534"
+  "gitHead": "8f4ee8b51a1bad68eb9af4a3bf8e4e8a4f92c015"
 }

package/src/components/Menu/Menu.js

@@ -28,8 +28,11 @@ const Menu = ({
   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}`;
 
@@ -39,7 +42,7 @@ const Menu = ({
   const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';
 
   return (
-    <>
+    <div className="menu--wrapper">
       {collapse && (
         <div className="menu--mobile-wrapper">
           <div
@@ -89,7 +92,7 @@ const Menu = ({
             )}
         </ul>
       </div>
-    </>
+    </div>
   );
 };
 

package/src/components/SearchContent/SearchContent.js

@@ -12,12 +12,13 @@ const SearchContent = ({
   searchInputWrapperDesktop,
   collapsible,
   isMobile,
-  placeholder
+  placeholder,
+  modifier
 }) => {
   const [collapsed, setCollapsed] = useState(false);
   const router = useRouter();
 
-  const { results, setSearchTerm, debouncedSearchTerm } = useDebounceSearch({
+  const { results, searchTerm, setSearchTerm, debouncedSearchTerm } = useDebounceSearch({
     entities,
     initialSearchTerm: '',
     resultKeys: 'id, name, image { url }, url'
@@ -45,8 +46,9 @@ const SearchContent = ({
     setSearchTerm('');
   };
 
+  const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');
   return collapsed ? (
-    <div className={responsiveClasses}>
+    <div className={className}>
       <div className="search-content--collapse__wrapper">
         <label className="search-content--collapse__label">
           <span className="search-content--collapse__icon_wrapper">
@@ -70,7 +72,7 @@ const SearchContent = ({
     </div>
   ) : (
     <>
-      <div className={responsiveClasses}>
+      <div className={className}>
         <div className="search-content--expanded__wrapper">
           <label className="search-content--expanded__label">
             <span className="search-content--expanded__icon_wrapper">
@@ -83,6 +85,7 @@ const SearchContent = ({
               onKeyPress={handleKeyPress}
               className="search-content--expanded__input"
               placeholder={placeholder}
+              value={searchTerm}
               onBlur={handleOnBlur}
             />
           </label>
@@ -104,7 +107,8 @@ SearchContent.propTypes = {
   placeholder: PropTypes.string,
   isMobile: PropTypes.bool,
   collapsible: PropTypes.bool,
-  entities: PropTypes.array.isRequired
+  entities: PropTypes.array.isRequired,
+  modifier: PropTypes.string
 };
 
 SearchContent.defaultProps = {
@@ -113,7 +117,8 @@ SearchContent.defaultProps = {
   searchInputWrapperDesktop: '',
   placeholder: '',
   isMobile: false,
-  collapsible: false
+  collapsible: false,
+  modifier: ''
 };
 
 export default SearchContent;

package/src/components/SearchContent/SearchContentItems.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import BlazeLink from '../BlazeLink';
+import LazyImage from '../LazyImage';
 
 const SearchContentItems = ({ results = [], onClick }) =>
   results.map(item => {
@@ -11,7 +12,12 @@ const SearchContentItems = ({ results = [], onClick }) =>
       <BlazeLink href={url} onClick={onClick} key={id}>
         <div className="search-content--results__wrapper">
           {image?.url ? (
-            <img src={image.url} alt={name} className="search-content--results__image" />
+            <LazyImage
+              src={image.url}
+              alt={name}
+              className="search-content--results__image"
+              sizeKey="search-result"
+            />
           ) : null}
           <span className="search-content--results__title">{name}</span>
         </div>

package/tests/unit/src/components/Menu/__snapshots__/Menu.test.js.snap

@@ -3,20 +3,21 @@
 exports[`Menu component should render without throwing an error and match snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="menu--desktop-wrapper"
+    class="menu--wrapper"
   >
-    <ul
-      class="menu-mod"
+    <div
+      class="menu--desktop-wrapper"
     >
-      <div
-        class="child_1"
+      <ul
+        class="menu-mod"
       >
-        only child
-      </div>
-      <li>
-        Search Component
-      </li>
-    </ul>
+        <div
+          class="child_1"
+        >
+          only child
+        </div>
+      </ul>
+    </div>
   </div>
 </DocumentFragment>
 `;