@blaze-cms/react-page-builder 0.123.0-alpha.5 → 0.123.0-alpha.8

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.123.0-alpha.8](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.7...v0.123.0-alpha.8) (2022-03-26)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.123.0-alpha.7](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.6...v0.123.0-alpha.7) (2022-03-26)
+
+
+### Bug Fixes
+
+* logo and search input alignment ([c0e9382](https://github.com/thebyte9/blaze/commit/c0e9382769a569b84ba61fbe43d29c6c3a3f6553))
+
+
+
+
+
+# [0.123.0-alpha.6](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.5...v0.123.0-alpha.6) (2022-03-26)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
 # [0.123.0-alpha.5](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.4...v0.123.0-alpha.5) (2022-03-26)
 
 **Note:** Version bump only for package @blaze-cms/react-page-builder

package/lib/components/Menu/Menu.js

@@ -43,7 +43,7 @@ var _constants = require("../../constants");
 
 var _SearchContent = _interopRequireDefault(require("../SearchContent"));
 
-var _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "searchInputAlignmentMobile", "searchInputAlignmentDesktop", "searchInputWrapperMobile", "searchInputWrapperDesktop", "logoOnMobile", "logoOnDesktop", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "logoOnDesktopModifier", "closeIconModifier", "entity"];
+var _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "searchInputAlignment", "searchInputWrapperMobile", "searchInputWrapperDesktop", "logoOnMobile", "logoOnDesktop", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "logoOnDesktopModifier", "logoOnDesktopAlignment", "closeIconModifier", "entity"];
 
 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); }
 
@@ -58,8 +58,7 @@ var Menu = function Menu(_ref) {
       mobileIconAlignment = _ref.mobileIconAlignment,
       mobileButtonModifier = _ref.mobileButtonModifier,
       hamburgerIconModifier = _ref.hamburgerIconModifier,
-      searchInputAlignmentMobile = _ref.searchInputAlignmentMobile,
-      searchInputAlignmentDesktop = _ref.searchInputAlignmentDesktop,
+      searchInputAlignment = _ref.searchInputAlignment,
       searchInputWrapperMobile = _ref.searchInputWrapperMobile,
       searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
       logoOnMobile = _ref.logoOnMobile,
@@ -68,6 +67,7 @@ var Menu = function Menu(_ref) {
       logoOnMobileAlt = _ref.logoOnMobileAlt,
       logoOnMobileModifier = _ref.logoOnMobileModifier,
       logoOnDesktopModifier = _ref.logoOnDesktopModifier,
+      logoOnDesktopAlignment = _ref.logoOnDesktopAlignment,
       closeIconModifier = _ref.closeIconModifier,
       entity = _ref.entity,
       rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -97,14 +97,7 @@ var Menu = function Menu(_ref) {
     className: closeIconModifier
   }) : /*#__PURE__*/_react["default"].createElement(_md.MdMenu, {
     className: hamburgerIconModifier
-  }))), /*#__PURE__*/_react["default"].createElement(_SearchContent["default"], {
-    searchInputWrapperMobile: searchInputWrapperMobile,
-    searchInputWrapperDesktop: searchInputWrapperDesktop,
-    searchInputAlignmentDesktop: searchInputAlignmentDesktop,
-    searchInputAlignmentMobile: searchInputAlignmentMobile,
-    entity: entity,
-    isMobile: isMobile
-  }))), logoOnMobile && /*#__PURE__*/_react["default"].createElement("a", {
+  }))))), logoOnMobile && /*#__PURE__*/_react["default"].createElement("a", {
     href: "/"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: logoOnMobileUrl,
@@ -114,14 +107,33 @@ var Menu = function Menu(_ref) {
     className: "menu--desktop-wrapper"
   }, /*#__PURE__*/_react["default"].createElement("ul", {
     className: isMobile ? childrenMobileModifier : childrenDesktopModifier
-  }, logoOnDesktop && /*#__PURE__*/_react["default"].createElement("a", {
+  }, logoOnDesktop && logoOnDesktopAlignment === 'left' && /*#__PURE__*/_react["default"].createElement("a", {
+    href: "/",
+    className: ""
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: logoOnMobileUrl,
+    alt: logoOnMobileAlt,
+    className: logoOnDesktopModifier
+  })), searchInputAlignment === 'left' && /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_SearchContent["default"], {
+    searchInputWrapperMobile: searchInputWrapperMobile,
+    searchInputWrapperDesktop: searchInputWrapperDesktop,
+    searchInputAlignment: searchInputAlignment,
+    entity: entity,
+    isMobile: isMobile
+  })), children, searchInputAlignment === 'right' && /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_SearchContent["default"], {
+    searchInputWrapperMobile: searchInputWrapperMobile,
+    searchInputWrapperDesktop: searchInputWrapperDesktop,
+    searchInputAlignment: searchInputAlignment,
+    entity: entity,
+    isMobile: isMobile
+  })), logoOnDesktop && logoOnDesktopAlignment === 'right' && /*#__PURE__*/_react["default"].createElement("a", {
     href: "/",
     className: ""
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: logoOnMobileUrl,
     alt: logoOnMobileAlt,
     className: logoOnDesktopModifier
-  })), children)));
+  })))));
 };
 
 Menu.propTypes = {
@@ -132,6 +144,7 @@ Menu.propTypes = {
   logoOnMobileAlt: _propTypes["default"].string,
   logoOnMobileModifier: _propTypes["default"].string,
   logoOnDesktopModifier: _propTypes["default"].string,
+  logoOnDesktopAlignment: _propTypes["default"].string,
   hamburgerIconModifier: _propTypes["default"].string,
   closeIconModifier: _propTypes["default"].string,
   mobileButtonModifier: _propTypes["default"].string,
@@ -140,8 +153,7 @@ Menu.propTypes = {
   modifier: _propTypes["default"].string,
   mobileIconAlignment: _propTypes["default"].string,
   entity: _propTypes["default"].string,
-  searchInputAlignmentMobile: _propTypes["default"].string,
-  searchInputAlignmentDesktop: _propTypes["default"].string,
+  searchInputAlignment: _propTypes["default"].string,
   searchInputWrapperMobile: _propTypes["default"].string,
   searchInputWrapperDesktop: _propTypes["default"].string,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node])
@@ -157,8 +169,8 @@ Menu.defaultProps = {
   mobileIconAlignment: '',
   mobileMenuModifier: '',
   mobileMenuChildrenModifier: '',
-  searchInputAlignmentMobile: '',
-  searchInputAlignmentDesktop: '',
+  logoOnDesktopAlignment: 'left',
+  searchInputAlignment: 'right',
   searchInputWrapperMobile: '',
   searchInputWrapperDesktop: '',
   modifier: '',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignmentMobile","searchInputAlignmentDesktop","searchInputWrapperMobile","searchInputWrapperDesktop","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","closeIconModifier","entity","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","HIDDEN","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","propTypes","PropTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","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';\nimport SearchContent from '../SearchContent';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\n  searchInputAlignmentMobile,\n  searchInputAlignmentDesktop,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  logoOnMobile,\n  logoOnDesktop,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  logoOnDesktopModifier,\n\n  closeIconModifier,\n  entity,\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            <SearchContent\n              searchInputWrapperMobile={searchInputWrapperMobile}\n              searchInputWrapperDesktop={searchInputWrapperDesktop}\n              searchInputAlignmentDesktop={searchInputAlignmentDesktop}\n              searchInputAlignmentMobile={searchInputAlignmentMobile}\n              entity={entity}\n              isMobile={isMobile}\n            />\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            <a href=\"/\" className=\"\">\n              <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnDesktopModifier} />\n            </a>\n          )}\n          {children}\n        </ul>\n      </div>\n    </>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\n  logoOnMobile: PropTypes.bool.isRequired,\n  logoOnDesktop: PropTypes.bool.isRequired,\n  logoOnMobileUrl: PropTypes.string,\n  logoOnMobileAlt: PropTypes.string,\n  logoOnMobileModifier: PropTypes.string,\n  logoOnDesktopModifier: PropTypes.string,\n  hamburgerIconModifier: PropTypes.string,\n  closeIconModifier: PropTypes.string,\n  mobileButtonModifier: PropTypes.string,\n  mobileMenuModifier: PropTypes.string,\n  mobileMenuChildrenModifier: PropTypes.string,\n  modifier: PropTypes.string,\n  mobileIconAlignment: PropTypes.string,\n  entity: PropTypes.string,\n  searchInputAlignmentMobile: PropTypes.string,\n  searchInputAlignmentDesktop: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  logoOnDesktopModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  searchInputAlignmentMobile: '',\n  searchInputAlignmentDesktop: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  modifier: '',\n  entity: 'PublishedPage',\n  children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}
+{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","entity","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","HIDDEN","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","propTypes","PropTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","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';\nimport SearchContent from '../SearchContent';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  logoOnMobile,\n  logoOnDesktop,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  logoOnDesktopModifier,\n  logoOnDesktopAlignment,\n  closeIconModifier,\n  entity,\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=\"\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n          {searchInputAlignment === 'left' && (\n            <li>\n              <SearchContent\n                searchInputWrapperMobile={searchInputWrapperMobile}\n                searchInputWrapperDesktop={searchInputWrapperDesktop}\n                searchInputAlignment={searchInputAlignment}\n                entity={entity}\n                isMobile={isMobile}\n              />\n            </li>\n          )}\n          {children}\n          {searchInputAlignment === 'right' && (\n            <li>\n              <SearchContent\n                searchInputWrapperMobile={searchInputWrapperMobile}\n                searchInputWrapperDesktop={searchInputWrapperDesktop}\n                searchInputAlignment={searchInputAlignment}\n                entity={entity}\n                isMobile={isMobile}\n              />\n            </li>\n          )}\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'right' && (\n              <a href=\"/\" className=\"\">\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.isRequired,\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  entity: PropTypes.string,\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  logoOnDesktopModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  logoOnDesktopAlignment: 'left',\n  searchInputAlignment: 'right',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  modifier: '',\n  entity: 'PublishedPage',\n  children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}

package/lib/components/SearchContent/index.js

@@ -58,9 +58,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 searchInputAlignmentMobile = _ref.searchInputAlignmentMobile,
-      searchInputAlignmentDesktop = _ref.searchInputAlignmentDesktop,
-      entity = _ref.entity,
+  var entity = _ref.entity,
       searchInputWrapperMobile = _ref.searchInputWrapperMobile,
       searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
       isMobile = _ref.isMobile;
@@ -76,9 +74,6 @@ var SearchContent = function SearchContent(_ref) {
       setSearchTerm = _useState4[1];
 
   var router = (0, _router.useRouter)();
-  var alignmentModifier = ''; // if (searchInputAlignmentMobile && searchInputAlignmentMobile !== '') {
-  //   alignmentModifier = searchInputAlignmentMobile === 'left' ? 'left-6' : 'right-16';
-  // }
 
   var capitalize = function capitalize(s) {
     if (typeof s !== 'string') return '';
@@ -179,7 +174,7 @@ var SearchContent = function SearchContent(_ref) {
     type: "text",
     name: "search",
     value: "",
-    className: "disabled:bg-white block bg-white w-full rounded-full py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm"
+    className: "disabled:bg-white block bg-white w-full rounded-none border-white py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm"
   })))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop)
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -203,33 +198,32 @@ var SearchContent = function SearchContent(_ref) {
     onChange: function onChange(e) {
       return setSearchTerm(e.target.value);
     },
-    className: "block bg-white w-full rounded-full py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm",
+    className: "block w-full rounded-full rounded-white py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm",
     placeholder: "Search for anything...",
     onBlur: function onBlur() {
       if (!searchTerm || searchTerm === '') setCollapsed(true);
     }
   }))), data && searchResultsMessage !== '' && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "bg-white ml-1 mr-1 rounded rounded-lg relative top-0 flex flex-col z-50 border-2 border-gray-50"
+    className: "bg-white ml-1 mr-1 rounded rounded-lg absolute top-16 flex flex-col z-50 border-2 border-gray-50 w-96"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "px-2"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "text-sm pt-2"
   }, searchResultsMessage), /*#__PURE__*/_react["default"].createElement("div", {
     className: "text-left px-4 py-2"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "text-bold"
-  }, renderResults())))));
+  }, renderResults()))))));
 };
 
 SearchContent.propTypes = {
-  searchInputAlignmentMobile: _propTypes["default"].string,
-  searchInputAlignmentDesktop: _propTypes["default"].string,
   searchInputWrapperMobile: _propTypes["default"].string,
   searchInputWrapperDesktop: _propTypes["default"].string,
   isMobile: _propTypes["default"].bool,
   entity: _propTypes["default"].string.isRequired
 };
 SearchContent.defaultProps = {
-  searchInputAlignmentMobile: '',
-  searchInputAlignmentDesktop: '',
+  searchInputAlignment: '',
   searchInputWrapperMobile: '',
   searchInputWrapperDesktop: '',
   isMobile: false

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["SearchContent","searchInputAlignmentMobile","searchInputAlignmentDesktop","entity","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","collapsed","setCollapsed","searchTerm","setSearchTerm","router","alignmentModifier","capitalize","s","charAt","toUpperCase","slice","split","a","b","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","gql","variables","offset","limit","loading","error","data","handleClick","e","url","preventDefault","push","renderResults","searchPublishedContent","results","map","name","searchResultsMessage","target","value","propTypes","PropTypes","string","isRequired","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAOhB;AAAA,MANJC,0BAMI,QANJA,0BAMI;AAAA,MALJC,2BAKI,QALJA,2BAKI;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,wBAGI,QAHJA,wBAGI;AAAA,MAFJC,yBAEI,QAFJA,yBAEI;AAAA,MADJC,QACI,QADJA,QACI;;AACJ,kBAAkC,qBAAS,IAAT,CAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAAoC,qBAAS,IAAT,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,MAAM,GAAG,wBAAf;AAEA,MAAMC,iBAAiB,GAAG,EAA1B,CALI,CAOJ;AACA;AACA;;AAEA,MAAMC,UAAU,GAAG,SAAbA,UAAa,CAAAC,CAAC,EAAI;AACtB,QAAI,OAAOA,CAAP,KAAa,QAAjB,EAA2B,OAAO,EAAP;AAC3B,WAAOA,CAAC,CAACC,MAAF,CAAS,CAAT,EAAYC,WAAZ,KAA4BF,CAAC,CAACG,KAAF,CAAQ,CAAR,CAAnC;AACD,GAHD;;AAKA,sBAAed,MAAM,CAACe,KAAP,CAAa,GAAb,CAAf;AAAA;AAAA,MAAOC,CAAP;AAAA,MAAUC,CAAV;;AAEA,MAAMC,UAAU,GAAGR,UAAU,CAACM,CAAD,CAAV,GAAgBN,UAAU,CAACO,CAAD,CAA7C;AAEA,MAAME,mBAAmB,GAAGC,IAAI,CAACC,SAAL,CAAe;AACzCC,IAAAA,IAAI,EAAE,CADmC;AAEzCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE;AACJC,QAAAA,MAAM,EAAE,CACN;AACEC,UAAAA,KAAK,EAAE;AACLC,YAAAA,OAAO,EAAE3B;AADJ;AADT,SADM,CADJ;AAQJ4B,QAAAA,oBAAoB,EAAE;AARlB;AADD;AAFkC,GAAf,CAA5B;AAgBA,MAAML,KAAK,OAAGM,WAAH,sGACP,gCAAoBX,UAApB,CADO,CAAX;;AAIA,kBAAiC,sBAASK,KAAT,EAAgB;AAC/CO,IAAAA,SAAS,EAAE;AAAEX,MAAAA,mBAAmB,EAAnBA,mBAAF;AAAuBY,MAAAA,MAAM,EAAE,CAA/B;AAAkCC,MAAAA,KAAK,EAAE;AAAzC;AADoC,GAAhB,CAAjC;AAAA,MAAQC,OAAR,aAAQA,OAAR;AAAA,MAAiBC,KAAjB,aAAiBA,KAAjB;AAAA,MAAwBC,IAAxB,aAAwBA,IAAxB;;AAIA,MAAIF,OAAJ,EAAa,OAAO,IAAP;AACb,MAAIC,KAAJ,EAAW,wBAAiBA,KAAjB;;AAEX,MAAME,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAIC,GAAJ,EAAY;AAC9BD,IAAAA,CAAC,CAACE,cAAF;AACA/B,IAAAA,MAAM,CAACgC,IAAP,CAAYF,GAAZ;AACD,GAHD;;AAKA,MAAMG,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B;AACA,gCAAoBN,IAApB,aAAoBA,IAApB,uBAAoBA,IAAI,CAAEO,sBAA1B;AAAA,QAAQC,OAAR,yBAAQA,OAAR;;AAEA,QAAIA,OAAO,IAAIrC,UAAX,IAAyBA,UAAU,KAAK,EAA5C,EAAgD;AAC9C,aAAOqC,OAAO,CAACC,GAAR,CAAY,iBAAmB;AAAA,YAAhBC,IAAgB,SAAhBA,IAAgB;AAAA,YAAVP,GAAU,SAAVA,GAAU;;AACpC,YAAIO,IAAI,CAACnB,KAAL,CAAWpB,UAAX,CAAJ,EAA4B;AAC1B,8BACE,gCAAC,qBAAD;AAAW,YAAA,IAAI,EAAEgC,GAAjB;AAAsB,YAAA,OAAO,EAAE,iBAAAD,CAAC;AAAA,qBAAID,WAAW,CAACC,CAAD,EAAIC,GAAJ,CAAf;AAAA;AAAhC,aACGO,IADH,CADF;AAKD;;AAED,eAAO,IAAP;AACD,OAVM,CAAP;AAWD;;AAED,WAAO,EAAP;AACD,GAnBD;;AAqBA,MAAMC,oBAAoB,GAAGxC,UAAU,iCAA0BA,UAA1B,IAAyC,EAAhF;AAEA,SAAOF,SAAS,gBACd;AAAK,IAAA,SAAS,EAAED,QAAQ,GAAGF,wBAAH,GAA8BC;AAAtD,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAO,IAAA,SAAS,EAAC;AAAjB,kBACE;AAAM,IAAA,SAAS,EAAC;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAC,wBAAf;AAAwC,IAAA,OAAO,EAAC;AAAhD,kBACE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,CAAC,EAAC,kHAFJ;AAGE,IAAA,QAAQ,EAAC;AAHX,IADF,CADF,CADF,eAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,cAVF,eAWE;AACE,IAAA,OAAO,EAAE;AAAA,aAAMG,YAAY,CAAC,KAAD,CAAlB;AAAA,KADX;AAEE,IAAA,QAAQ,EAAE,kBAAAgC,CAAC;AAAA,aAAI9B,aAAa,CAAC8B,CAAC,CAACU,MAAF,CAASC,KAAV,CAAjB;AAAA,KAFb;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,IAAA,KAAK,EAAC,EALR;AAME,IAAA,SAAS,EAAC;AANZ,IAXF,CADF,CADF,CADc,gBA0Bd,+EACE;AAAK,IAAA,SAAS,YAAK7C,QAAQ,GAAGF,wBAAH,GAA8BC,yBAA3C;AAAd,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAO,IAAA,SAAS,EAAC;AAAjB,kBACE;AAAM,IAAA,SAAS,EAAC;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAC,wBAAf;AAAwC,IAAA,OAAO,EAAC;AAAhD,kBACE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,CAAC,EAAC,kHAFJ;AAGE,IAAA,QAAQ,EAAC;AAHX,IADF,CADF,CADF,eAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,cAVF,eAWE;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,QAAQ,EAAE,kBAAAmC,CAAC;AAAA,aAAI9B,aAAa,CAAC8B,CAAC,CAACU,MAAF,CAASC,KAAV,CAAjB;AAAA,KAHb;AAIE,IAAA,SAAS,EAAC,+HAJZ;AAKE,IAAA,WAAW,EAAC,wBALd;AAME,IAAA,MAAM,EAAE,kBAAM;AACZ,UAAI,CAAC1C,UAAD,IAAeA,UAAU,KAAK,EAAlC,EAAsCD,YAAY,CAAC,IAAD,CAAZ;AACvC;AARH,IAXF,CADF,CADF,EAyBG8B,IAAI,IACHW,oBAAoB,KAAK,EAD1B,iBAEG;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+BA,oBAA/B,CADF,eAGE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA4BL,aAAa,EAAzC,CADF,CAHF,CA3BN,CADF,CA1BF;AAiED,CAnJD;;AAqJA5C,aAAa,CAACoD,SAAd,GAA0B;AACxBnD,EAAAA,0BAA0B,EAAEoD,sBAAUC,MADd;AAExBpD,EAAAA,2BAA2B,EAAEmD,sBAAUC,MAFf;AAGxBlD,EAAAA,wBAAwB,EAAEiD,sBAAUC,MAHZ;AAIxBjD,EAAAA,yBAAyB,EAAEgD,sBAAUC,MAJb;AAKxBhD,EAAAA,QAAQ,EAAE+C,sBAAU1B,IALI;AAMxBxB,EAAAA,MAAM,EAAEkD,sBAAUC,MAAV,CAAiBC;AAND,CAA1B;AASAvD,aAAa,CAACwD,YAAd,GAA6B;AAC3BvD,EAAAA,0BAA0B,EAAE,EADD;AAE3BC,EAAAA,2BAA2B,EAAE,EAFF;AAG3BE,EAAAA,wBAAwB,EAAE,EAHC;AAI3BC,EAAAA,yBAAyB,EAAE,EAJA;AAK3BC,EAAAA,QAAQ,EAAE;AALiB,CAA7B;eAQeN,a","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContent = ({\n  searchInputAlignmentMobile,\n  searchInputAlignmentDesktop,\n  entity,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  isMobile\n}) => {\n  const [collapsed, setCollapsed] = useState(true);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  const alignmentModifier = '';\n\n  // if (searchInputAlignmentMobile && searchInputAlignmentMobile !== '') {\n  //   alignmentModifier = searchInputAlignmentMobile === 'left' ? 'left-6' : 'right-16';\n  // }\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  const [a, b] = entity.split('_');\n\n  const entityName = capitalize(a) + capitalize(b);\n\n  const rawQueryStringified = JSON.stringify({\n    size: 0,\n    query: {\n      bool: {\n        should: [\n          {\n            match: {\n              docType: entity\n            }\n          }\n        ],\n        minimum_should_match: 1\n      }\n    }\n  });\n\n  const query = gql`\n    ${getPublishedContent(entityName)}\n  `;\n\n  const { loading, error, data } = useQuery(query, {\n    variables: { rawQueryStringified, offset: 0, limit: 5 }\n  });\n\n  if (loading) return null;\n  if (error) return `Error! ${error}`;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.match(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"w-11 mx-auto\">\n        <label className=\"relative block\">\n          <span className=\"absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer\">\n            <svg className=\"h-5 w-5 fill-slate-300\" 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          <span className=\"sr-only\">Search</span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"disabled:bg-white block bg-white w-full rounded-full py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"w-96 mx-auto rounded-3xl\">\n          <label className=\"relative block\">\n            <span className=\"absolute inset-y-0 right-3 flex items-center pl-2\">\n              <svg className=\"h-5 w-5 fill-slate-300\" 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            <span className=\"sr-only\">Search</span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              className=\"block bg-white w-full rounded-full py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm\"\n              placeholder=\"Search for anything...\"\n              onBlur={() => {\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"bg-white ml-1 mr-1 rounded rounded-lg relative top-0 flex flex-col z-50 border-2 border-gray-50\">\n              <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n              <div className=\"text-left px-4 py-2\">\n                <div className=\"text-bold\">{renderResults()}</div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignmentMobile: PropTypes.string,\n  searchInputAlignmentDesktop: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  isMobile: PropTypes.bool,\n  entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignmentMobile: '',\n  searchInputAlignmentDesktop: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  isMobile: false\n};\n\nexport default SearchContent;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["SearchContent","entity","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","collapsed","setCollapsed","searchTerm","setSearchTerm","router","capitalize","s","charAt","toUpperCase","slice","split","a","b","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","gql","variables","offset","limit","loading","error","data","handleClick","e","url","preventDefault","push","renderResults","searchPublishedContent","results","map","name","searchResultsMessage","target","value","propTypes","PropTypes","string","isRequired","defaultProps","searchInputAlignment"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContent = ({\n  entity,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  isMobile\n}) => {\n  const [collapsed, setCollapsed] = useState(true);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  const [a, b] = entity.split('_');\n\n  const entityName = capitalize(a) + capitalize(b);\n\n  const rawQueryStringified = JSON.stringify({\n    size: 0,\n    query: {\n      bool: {\n        should: [\n          {\n            match: {\n              docType: entity\n            }\n          }\n        ],\n        minimum_should_match: 1\n      }\n    }\n  });\n\n  const query = gql`\n    ${getPublishedContent(entityName)}\n  `;\n\n  const { loading, error, data } = useQuery(query, {\n    variables: { rawQueryStringified, offset: 0, limit: 5 }\n  });\n\n  if (loading) return null;\n  if (error) return `Error! ${error}`;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.match(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"w-11 mx-auto\">\n        <label className=\"relative block\">\n          <span className=\"absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer\">\n            <svg className=\"h-5 w-5 fill-slate-300\" 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          <span className=\"sr-only\">Search</span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"disabled:bg-white block bg-white w-full rounded-none border-white py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"w-96 mx-auto rounded-3xl\">\n          <label className=\"relative block\">\n            <span className=\"absolute inset-y-0 right-3 flex items-center pl-2\">\n              <svg className=\"h-5 w-5 fill-slate-300\" 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            <span className=\"sr-only\">Search</span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              className=\"block w-full rounded-full rounded-white py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm\"\n              placeholder=\"Search for anything...\"\n              onBlur={() => {\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"bg-white ml-1 mr-1 rounded rounded-lg absolute top-16 flex flex-col z-50 border-2 border-gray-50 w-96\">\n              <div className=\"px-2\">\n                <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n                <div className=\"text-left px-4 py-2\">\n                  <div className=\"text-bold\">{renderResults()}</div>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  isMobile: PropTypes.bool,\n  entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  isMobile: false\n};\n\nexport default SearchContent;\n"],"file":"index.js"}

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

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "searchInputAlignmentMobile", "searchInputAlignmentDesktop", "searchInputWrapperMobile", "searchInputWrapperDesktop", "logoOnMobile", "logoOnDesktop", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "logoOnDesktopModifier", "closeIconModifier", "entity"];
+const _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "searchInputAlignment", "searchInputWrapperMobile", "searchInputWrapperDesktop", "logoOnMobile", "logoOnDesktop", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "logoOnDesktopModifier", "logoOnDesktopAlignment", "closeIconModifier", "entity"];
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import BlazeButton from '@blaze-react/button';
@@ -18,8 +18,7 @@ const Menu = _ref => {
     mobileIconAlignment,
     mobileButtonModifier,
     hamburgerIconModifier,
-    searchInputAlignmentMobile,
-    searchInputAlignmentDesktop,
+    searchInputAlignment,
     searchInputWrapperMobile,
     searchInputWrapperDesktop,
     logoOnMobile,
@@ -28,6 +27,7 @@ const Menu = _ref => {
     logoOnMobileAlt,
     logoOnMobileModifier,
     logoOnDesktopModifier,
+    logoOnDesktopAlignment,
     closeIconModifier,
     entity
   } = _ref,
@@ -52,14 +52,7 @@ const Menu = _ref => {
     className: closeIconModifier
   }) : /*#__PURE__*/React.createElement(MdMenu, {
     className: hamburgerIconModifier
-  }))), /*#__PURE__*/React.createElement(SearchContent, {
-    searchInputWrapperMobile: searchInputWrapperMobile,
-    searchInputWrapperDesktop: searchInputWrapperDesktop,
-    searchInputAlignmentDesktop: searchInputAlignmentDesktop,
-    searchInputAlignmentMobile: searchInputAlignmentMobile,
-    entity: entity,
-    isMobile: isMobile
-  }))), logoOnMobile && /*#__PURE__*/React.createElement("a", {
+  }))))), logoOnMobile && /*#__PURE__*/React.createElement("a", {
     href: "/"
   }, /*#__PURE__*/React.createElement("img", {
     src: logoOnMobileUrl,
@@ -69,14 +62,33 @@ const Menu = _ref => {
     className: "menu--desktop-wrapper"
   }, /*#__PURE__*/React.createElement("ul", {
     className: isMobile ? childrenMobileModifier : childrenDesktopModifier
-  }, logoOnDesktop && /*#__PURE__*/React.createElement("a", {
+  }, logoOnDesktop && logoOnDesktopAlignment === 'left' && /*#__PURE__*/React.createElement("a", {
+    href: "/",
+    className: ""
+  }, /*#__PURE__*/React.createElement("img", {
+    src: logoOnMobileUrl,
+    alt: logoOnMobileAlt,
+    className: logoOnDesktopModifier
+  })), searchInputAlignment === 'left' && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(SearchContent, {
+    searchInputWrapperMobile: searchInputWrapperMobile,
+    searchInputWrapperDesktop: searchInputWrapperDesktop,
+    searchInputAlignment: searchInputAlignment,
+    entity: entity,
+    isMobile: isMobile
+  })), children, searchInputAlignment === 'right' && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(SearchContent, {
+    searchInputWrapperMobile: searchInputWrapperMobile,
+    searchInputWrapperDesktop: searchInputWrapperDesktop,
+    searchInputAlignment: searchInputAlignment,
+    entity: entity,
+    isMobile: isMobile
+  })), logoOnDesktop && logoOnDesktopAlignment === 'right' && /*#__PURE__*/React.createElement("a", {
     href: "/",
     className: ""
   }, /*#__PURE__*/React.createElement("img", {
     src: logoOnMobileUrl,
     alt: logoOnMobileAlt,
     className: logoOnDesktopModifier
-  })), children)));
+  })))));
 };
 
 Menu.propTypes = {
@@ -87,6 +99,7 @@ Menu.propTypes = {
   logoOnMobileAlt: PropTypes.string,
   logoOnMobileModifier: PropTypes.string,
   logoOnDesktopModifier: PropTypes.string,
+  logoOnDesktopAlignment: PropTypes.string,
   hamburgerIconModifier: PropTypes.string,
   closeIconModifier: PropTypes.string,
   mobileButtonModifier: PropTypes.string,
@@ -95,8 +108,7 @@ Menu.propTypes = {
   modifier: PropTypes.string,
   mobileIconAlignment: PropTypes.string,
   entity: PropTypes.string,
-  searchInputAlignmentMobile: PropTypes.string,
-  searchInputAlignmentDesktop: PropTypes.string,
+  searchInputAlignment: PropTypes.string,
   searchInputWrapperMobile: PropTypes.string,
   searchInputWrapperDesktop: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
@@ -112,8 +124,8 @@ Menu.defaultProps = {
   mobileIconAlignment: '',
   mobileMenuModifier: '',
   mobileMenuChildrenModifier: '',
-  searchInputAlignmentMobile: '',
-  searchInputAlignmentDesktop: '',
+  logoOnDesktopAlignment: 'left',
+  searchInputAlignment: 'right',
   searchInputWrapperMobile: '',
   searchInputWrapperDesktop: '',
   modifier: '',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["React","useState","PropTypes","BlazeButton","MdMenu","MdClose","useCheckMobileScreen","HIDDEN","SearchContent","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignmentMobile","searchInputAlignmentDesktop","searchInputWrapperMobile","searchInputWrapperDesktop","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","closeIconModifier","entity","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","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';\nimport SearchContent from '../SearchContent';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\n  searchInputAlignmentMobile,\n  searchInputAlignmentDesktop,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  logoOnMobile,\n  logoOnDesktop,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  logoOnDesktopModifier,\n\n  closeIconModifier,\n  entity,\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            <SearchContent\n              searchInputWrapperMobile={searchInputWrapperMobile}\n              searchInputWrapperDesktop={searchInputWrapperDesktop}\n              searchInputAlignmentDesktop={searchInputAlignmentDesktop}\n              searchInputAlignmentMobile={searchInputAlignmentMobile}\n              entity={entity}\n              isMobile={isMobile}\n            />\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            <a href=\"/\" className=\"\">\n              <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnDesktopModifier} />\n            </a>\n          )}\n          {children}\n        </ul>\n      </div>\n    </>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\n  logoOnMobile: PropTypes.bool.isRequired,\n  logoOnDesktop: PropTypes.bool.isRequired,\n  logoOnMobileUrl: PropTypes.string,\n  logoOnMobileAlt: PropTypes.string,\n  logoOnMobileModifier: PropTypes.string,\n  logoOnDesktopModifier: PropTypes.string,\n  hamburgerIconModifier: PropTypes.string,\n  closeIconModifier: PropTypes.string,\n  mobileButtonModifier: PropTypes.string,\n  mobileMenuModifier: PropTypes.string,\n  mobileMenuChildrenModifier: PropTypes.string,\n  modifier: PropTypes.string,\n  mobileIconAlignment: PropTypes.string,\n  entity: PropTypes.string,\n  searchInputAlignmentMobile: PropTypes.string,\n  searchInputAlignmentDesktop: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  logoOnDesktopModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  searchInputAlignmentMobile: '',\n  searchInputAlignmentDesktop: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  modifier: '',\n  entity: 'PublishedPage',\n  children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}
+{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["React","useState","PropTypes","BlazeButton","MdMenu","MdClose","useCheckMobileScreen","HIDDEN","SearchContent","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","entity","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","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';\nimport SearchContent from '../SearchContent';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  logoOnMobile,\n  logoOnDesktop,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  logoOnDesktopModifier,\n  logoOnDesktopAlignment,\n  closeIconModifier,\n  entity,\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=\"\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n          {searchInputAlignment === 'left' && (\n            <li>\n              <SearchContent\n                searchInputWrapperMobile={searchInputWrapperMobile}\n                searchInputWrapperDesktop={searchInputWrapperDesktop}\n                searchInputAlignment={searchInputAlignment}\n                entity={entity}\n                isMobile={isMobile}\n              />\n            </li>\n          )}\n          {children}\n          {searchInputAlignment === 'right' && (\n            <li>\n              <SearchContent\n                searchInputWrapperMobile={searchInputWrapperMobile}\n                searchInputWrapperDesktop={searchInputWrapperDesktop}\n                searchInputAlignment={searchInputAlignment}\n                entity={entity}\n                isMobile={isMobile}\n              />\n            </li>\n          )}\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'right' && (\n              <a href=\"/\" className=\"\">\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.isRequired,\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  entity: PropTypes.string,\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  logoOnDesktopModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  logoOnDesktopAlignment: 'left',\n  searchInputAlignment: 'right',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  modifier: '',\n  entity: 'PublishedPage',\n  children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}

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

@@ -6,8 +6,6 @@ import { getPublishedContent } from '../../application/query';
 import BlazeLink from '../BlazeLink';
 
 const SearchContent = ({
-  searchInputAlignmentMobile,
-  searchInputAlignmentDesktop,
   entity,
   searchInputWrapperMobile,
   searchInputWrapperDesktop,
@@ -16,9 +14,6 @@ const SearchContent = ({
   const [collapsed, setCollapsed] = useState(true);
   const [searchTerm, setSearchTerm] = useState(null);
   const router = useRouter();
-  const alignmentModifier = ''; // if (searchInputAlignmentMobile && searchInputAlignmentMobile !== '') {
-  //   alignmentModifier = searchInputAlignmentMobile === 'left' ? 'left-6' : 'right-16';
-  // }
 
   const capitalize = s => {
     if (typeof s !== 'string') return '';
@@ -111,7 +106,7 @@ const SearchContent = ({
     type: "text",
     name: "search",
     value: "",
-    className: "disabled:bg-white block bg-white w-full rounded-full py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm"
+    className: "disabled:bg-white block bg-white w-full rounded-none border-white py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm"
   })))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: `${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`
   }, /*#__PURE__*/React.createElement("div", {
@@ -133,33 +128,32 @@ const SearchContent = ({
     type: "text",
     name: "search",
     onChange: e => setSearchTerm(e.target.value),
-    className: "block bg-white w-full rounded-full py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm",
+    className: "block w-full rounded-full rounded-white py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm",
     placeholder: "Search for anything...",
     onBlur: () => {
       if (!searchTerm || searchTerm === '') setCollapsed(true);
     }
   }))), data && searchResultsMessage !== '' && /*#__PURE__*/React.createElement("div", {
-    className: "bg-white ml-1 mr-1 rounded rounded-lg relative top-0 flex flex-col z-50 border-2 border-gray-50"
+    className: "bg-white ml-1 mr-1 rounded rounded-lg absolute top-16 flex flex-col z-50 border-2 border-gray-50 w-96"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "px-2"
   }, /*#__PURE__*/React.createElement("div", {
     className: "text-sm pt-2"
   }, searchResultsMessage), /*#__PURE__*/React.createElement("div", {
     className: "text-left px-4 py-2"
   }, /*#__PURE__*/React.createElement("div", {
     className: "text-bold"
-  }, renderResults())))));
+  }, renderResults()))))));
 };
 
 SearchContent.propTypes = {
-  searchInputAlignmentMobile: PropTypes.string,
-  searchInputAlignmentDesktop: PropTypes.string,
   searchInputWrapperMobile: PropTypes.string,
   searchInputWrapperDesktop: PropTypes.string,
   isMobile: PropTypes.bool,
   entity: PropTypes.string.isRequired
 };
 SearchContent.defaultProps = {
-  searchInputAlignmentMobile: '',
-  searchInputAlignmentDesktop: '',
+  searchInputAlignment: '',
   searchInputWrapperMobile: '',
   searchInputWrapperDesktop: '',
   isMobile: false

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["React","useState","PropTypes","gql","useQuery","useRouter","getPublishedContent","BlazeLink","SearchContent","searchInputAlignmentMobile","searchInputAlignmentDesktop","entity","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","collapsed","setCollapsed","searchTerm","setSearchTerm","router","alignmentModifier","capitalize","s","charAt","toUpperCase","slice","a","b","split","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","loading","error","data","variables","offset","limit","handleClick","e","url","preventDefault","push","renderResults","results","searchPublishedContent","map","name","searchResultsMessage","target","value","propTypes","string","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContent = ({\n  searchInputAlignmentMobile,\n  searchInputAlignmentDesktop,\n  entity,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  isMobile\n}) => {\n  const [collapsed, setCollapsed] = useState(true);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  const alignmentModifier = '';\n\n  // if (searchInputAlignmentMobile && searchInputAlignmentMobile !== '') {\n  //   alignmentModifier = searchInputAlignmentMobile === 'left' ? 'left-6' : 'right-16';\n  // }\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  const [a, b] = entity.split('_');\n\n  const entityName = capitalize(a) + capitalize(b);\n\n  const rawQueryStringified = JSON.stringify({\n    size: 0,\n    query: {\n      bool: {\n        should: [\n          {\n            match: {\n              docType: entity\n            }\n          }\n        ],\n        minimum_should_match: 1\n      }\n    }\n  });\n\n  const query = gql`\n    ${getPublishedContent(entityName)}\n  `;\n\n  const { loading, error, data } = useQuery(query, {\n    variables: { rawQueryStringified, offset: 0, limit: 5 }\n  });\n\n  if (loading) return null;\n  if (error) return `Error! ${error}`;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.match(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"w-11 mx-auto\">\n        <label className=\"relative block\">\n          <span className=\"absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer\">\n            <svg className=\"h-5 w-5 fill-slate-300\" 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          <span className=\"sr-only\">Search</span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"disabled:bg-white block bg-white w-full rounded-full py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"w-96 mx-auto rounded-3xl\">\n          <label className=\"relative block\">\n            <span className=\"absolute inset-y-0 right-3 flex items-center pl-2\">\n              <svg className=\"h-5 w-5 fill-slate-300\" 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            <span className=\"sr-only\">Search</span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              className=\"block bg-white w-full rounded-full py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm\"\n              placeholder=\"Search for anything...\"\n              onBlur={() => {\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"bg-white ml-1 mr-1 rounded rounded-lg relative top-0 flex flex-col z-50 border-2 border-gray-50\">\n              <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n              <div className=\"text-left px-4 py-2\">\n                <div className=\"text-bold\">{renderResults()}</div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignmentMobile: PropTypes.string,\n  searchInputAlignmentDesktop: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  isMobile: PropTypes.bool,\n  entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignmentMobile: '',\n  searchInputAlignmentDesktop: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  isMobile: false\n};\n\nexport default SearchContent;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["React","useState","PropTypes","gql","useQuery","useRouter","getPublishedContent","BlazeLink","SearchContent","entity","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","collapsed","setCollapsed","searchTerm","setSearchTerm","router","capitalize","s","charAt","toUpperCase","slice","a","b","split","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","loading","error","data","variables","offset","limit","handleClick","e","url","preventDefault","push","renderResults","results","searchPublishedContent","map","name","searchResultsMessage","target","value","propTypes","string","isRequired","defaultProps","searchInputAlignment"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContent = ({\n  entity,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  isMobile\n}) => {\n  const [collapsed, setCollapsed] = useState(true);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  const [a, b] = entity.split('_');\n\n  const entityName = capitalize(a) + capitalize(b);\n\n  const rawQueryStringified = JSON.stringify({\n    size: 0,\n    query: {\n      bool: {\n        should: [\n          {\n            match: {\n              docType: entity\n            }\n          }\n        ],\n        minimum_should_match: 1\n      }\n    }\n  });\n\n  const query = gql`\n    ${getPublishedContent(entityName)}\n  `;\n\n  const { loading, error, data } = useQuery(query, {\n    variables: { rawQueryStringified, offset: 0, limit: 5 }\n  });\n\n  if (loading) return null;\n  if (error) return `Error! ${error}`;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.match(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"w-11 mx-auto\">\n        <label className=\"relative block\">\n          <span className=\"absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer\">\n            <svg className=\"h-5 w-5 fill-slate-300\" 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          <span className=\"sr-only\">Search</span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"disabled:bg-white block bg-white w-full rounded-none border-white py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"w-96 mx-auto rounded-3xl\">\n          <label className=\"relative block\">\n            <span className=\"absolute inset-y-0 right-3 flex items-center pl-2\">\n              <svg className=\"h-5 w-5 fill-slate-300\" 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            <span className=\"sr-only\">Search</span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              className=\"block w-full rounded-full rounded-white py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm\"\n              placeholder=\"Search for anything...\"\n              onBlur={() => {\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"bg-white ml-1 mr-1 rounded rounded-lg absolute top-16 flex flex-col z-50 border-2 border-gray-50 w-96\">\n              <div className=\"px-2\">\n                <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n                <div className=\"text-left px-4 py-2\">\n                  <div className=\"text-bold\">{renderResults()}</div>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  isMobile: PropTypes.bool,\n  entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  isMobile: false\n};\n\nexport default SearchContent;\n"],"file":"index.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.123.0-alpha.5",
+  "version": "0.123.0-alpha.8",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -84,5 +84,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "7fc5e4172dd4f576490e0fbf3a86802ad5477088"
+  "gitHead": "c08d1fbfea62ded431729dd62772f1e5bc974176"
 }

package/src/components/Menu/Menu.js

@@ -15,8 +15,7 @@ const Menu = ({
   mobileIconAlignment,
   mobileButtonModifier,
   hamburgerIconModifier,
-  searchInputAlignmentMobile,
-  searchInputAlignmentDesktop,
+  searchInputAlignment,
   searchInputWrapperMobile,
   searchInputWrapperDesktop,
   logoOnMobile,
@@ -25,7 +24,7 @@ const Menu = ({
   logoOnMobileAlt,
   logoOnMobileModifier,
   logoOnDesktopModifier,
-
+  logoOnDesktopAlignment,
   closeIconModifier,
   entity,
   ...rest
@@ -61,14 +60,6 @@ const Menu = ({
                 )}
               </i>
             </BlazeButton>
-            <SearchContent
-              searchInputWrapperMobile={searchInputWrapperMobile}
-              searchInputWrapperDesktop={searchInputWrapperDesktop}
-              searchInputAlignmentDesktop={searchInputAlignmentDesktop}
-              searchInputAlignmentMobile={searchInputAlignmentMobile}
-              entity={entity}
-              isMobile={isMobile}
-            />
           </div>
         </div>
       )}
@@ -80,12 +71,49 @@ const Menu = ({
 
       <div className="menu--desktop-wrapper">
         <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>
-          {logoOnDesktop && (
-            <a href="/" className="">
-              <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnDesktopModifier} />
-            </a>
+          {logoOnDesktop &&
+            logoOnDesktopAlignment === 'left' && (
+              <a href="/" className="">
+                <img
+                  src={logoOnMobileUrl}
+                  alt={logoOnMobileAlt}
+                  className={logoOnDesktopModifier}
+                />
+              </a>
+            )}
+          {searchInputAlignment === 'left' && (
+            <li>
+              <SearchContent
+                searchInputWrapperMobile={searchInputWrapperMobile}
+                searchInputWrapperDesktop={searchInputWrapperDesktop}
+                searchInputAlignment={searchInputAlignment}
+                entity={entity}
+                isMobile={isMobile}
+              />
+            </li>
           )}
           {children}
+          {searchInputAlignment === 'right' && (
+            <li>
+              <SearchContent
+                searchInputWrapperMobile={searchInputWrapperMobile}
+                searchInputWrapperDesktop={searchInputWrapperDesktop}
+                searchInputAlignment={searchInputAlignment}
+                entity={entity}
+                isMobile={isMobile}
+              />
+            </li>
+          )}
+          {logoOnDesktop &&
+            logoOnDesktopAlignment === 'right' && (
+              <a href="/" className="">
+                <img
+                  src={logoOnMobileUrl}
+                  alt={logoOnMobileAlt}
+                  className={logoOnDesktopModifier}
+                />
+              </a>
+            )}
         </ul>
       </div>
     </>
@@ -100,6 +128,7 @@ Menu.propTypes = {
   logoOnMobileAlt: PropTypes.string,
   logoOnMobileModifier: PropTypes.string,
   logoOnDesktopModifier: PropTypes.string,
+  logoOnDesktopAlignment: PropTypes.string,
   hamburgerIconModifier: PropTypes.string,
   closeIconModifier: PropTypes.string,
   mobileButtonModifier: PropTypes.string,
@@ -108,8 +137,7 @@ Menu.propTypes = {
   modifier: PropTypes.string,
   mobileIconAlignment: PropTypes.string,
   entity: PropTypes.string,
-  searchInputAlignmentMobile: PropTypes.string,
-  searchInputAlignmentDesktop: PropTypes.string,
+  searchInputAlignment: PropTypes.string,
   searchInputWrapperMobile: PropTypes.string,
   searchInputWrapperDesktop: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
@@ -126,8 +154,8 @@ Menu.defaultProps = {
   mobileIconAlignment: '',
   mobileMenuModifier: '',
   mobileMenuChildrenModifier: '',
-  searchInputAlignmentMobile: '',
-  searchInputAlignmentDesktop: '',
+  logoOnDesktopAlignment: 'left',
+  searchInputAlignment: 'right',
   searchInputWrapperMobile: '',
   searchInputWrapperDesktop: '',
   modifier: '',

package/src/components/SearchContent/index.js

@@ -6,8 +6,6 @@ import { getPublishedContent } from '../../application/query';
 import BlazeLink from '../BlazeLink';
 
 const SearchContent = ({
-  searchInputAlignmentMobile,
-  searchInputAlignmentDesktop,
   entity,
   searchInputWrapperMobile,
   searchInputWrapperDesktop,
@@ -17,12 +15,6 @@ const SearchContent = ({
   const [searchTerm, setSearchTerm] = useState(null);
   const router = useRouter();
 
-  const alignmentModifier = '';
-
-  // if (searchInputAlignmentMobile && searchInputAlignmentMobile !== '') {
-  //   alignmentModifier = searchInputAlignmentMobile === 'left' ? 'left-6' : 'right-16';
-  // }
-
   const capitalize = s => {
     if (typeof s !== 'string') return '';
     return s.charAt(0).toUpperCase() + s.slice(1);
@@ -107,7 +99,7 @@ const SearchContent = ({
             type="text"
             name="search"
             value=""
-            className="disabled:bg-white block bg-white w-full rounded-full py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm"
+            className="disabled:bg-white block bg-white w-full rounded-none border-white py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm"
           />
         </label>
       </div>
@@ -131,7 +123,7 @@ const SearchContent = ({
               type="text"
               name="search"
               onChange={e => setSearchTerm(e.target.value)}
-              className="block bg-white w-full rounded-full py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm"
+              className="block w-full rounded-full rounded-white py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm"
               placeholder="Search for anything..."
               onBlur={() => {
                 if (!searchTerm || searchTerm === '') setCollapsed(true);
@@ -141,11 +133,13 @@ const SearchContent = ({
         </div>
         {data &&
           searchResultsMessage !== '' && (
-            <div className="bg-white ml-1 mr-1 rounded rounded-lg relative top-0 flex flex-col z-50 border-2 border-gray-50">
-              <div className="text-sm pt-2">{searchResultsMessage}</div>
+            <div className="bg-white ml-1 mr-1 rounded rounded-lg absolute top-16 flex flex-col z-50 border-2 border-gray-50 w-96">
+              <div className="px-2">
+                <div className="text-sm pt-2">{searchResultsMessage}</div>
 
-              <div className="text-left px-4 py-2">
-                <div className="text-bold">{renderResults()}</div>
+                <div className="text-left px-4 py-2">
+                  <div className="text-bold">{renderResults()}</div>
+                </div>
               </div>
             </div>
           )}
@@ -155,8 +149,6 @@ const SearchContent = ({
 };
 
 SearchContent.propTypes = {
-  searchInputAlignmentMobile: PropTypes.string,
-  searchInputAlignmentDesktop: PropTypes.string,
   searchInputWrapperMobile: PropTypes.string,
   searchInputWrapperDesktop: PropTypes.string,
   isMobile: PropTypes.bool,
@@ -164,8 +156,7 @@ SearchContent.propTypes = {
 };
 
 SearchContent.defaultProps = {
-  searchInputAlignmentMobile: '',
-  searchInputAlignmentDesktop: '',
+  searchInputAlignment: '',
   searchInputWrapperMobile: '',
   searchInputWrapperDesktop: '',
   isMobile: false