@blaze-cms/react-page-builder 0.122.1 → 0.123.0-alpha.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 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.2](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.1...v0.123.0-alpha.2) (2022-03-22)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
 ## [0.122.1](https://github.com/thebyte9/blaze/compare/v0.122.1-alpha.0...v0.122.1) (2022-03-21)
 
 **Note:** Version bump only for package @blaze-cms/react-page-builder

package/lib/application/query/index.js

@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getUser = exports.getSingleEntitySchema = exports.getSearchPublishedContent = exports.getRecordParents = exports.getMultipleSchema = exports.getFiles = exports.getFileById = exports.getEntitySchema = exports.getCount = exports.getAction = exports.generateSingleItemQuery = exports.generateMultiItemQuery = void 0;
+exports.getUser = exports.getSingleEntitySchema = exports.getSearchPublishedContent = exports.getRecordParents = exports.getPublishedContent = exports.getMultipleSchema = exports.getFiles = exports.getFileById = exports.getEntitySchema = exports.getCount = exports.getAction = exports.generateSingleItemQuery = exports.generateMultiItemQuery = void 0;
 
 require("core-js/modules/es.array.join.js");
 
@@ -89,4 +89,10 @@ var getAction = function getAction(action, props) {
 };
 
 exports.getAction = getAction;
+
+var getPublishedContent = function getPublishedContent(entity) {
+  return "\n  query searchPublishedContent(\n    $rawQueryStringified: String!\n    $offset: Int\n    $limit: Int\n    $sort: String\n  ) {\n    searchPublishedContent(\n      rawQueryStringified: $rawQueryStringified\n      offset: $offset\n      limit: $limit\n      sort: $sort\n    ) {\n      results {\n        ... on ".concat(entity, " {\n          id\n          name\n          url\n          __typename\n        }\n        __typename\n      }\n      total\n      __typename\n    }\n  }\n");
+};
+
+exports.getPublishedContent = getPublishedContent;
 //# sourceMappingURL=index.js.map

package/lib/application/query/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/application/query/index.js"],"names":["defaultSchemaProps","getSearchPublishedContent","fields","gql","getUser","userProps","getEntitySchema","getSingleEntitySchema","getRecordParents","queryName","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,kBAAkB,kHAAxB;;AAWA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAAC,MAAM;AAAA,aAAIC,WAAJ,+VAG9BD,MAH8B;AAAA,CAAxC;;;;AAQA,IAAME,OAAO,GAAG,SAAVA,OAAU,CAAAC,SAAS;AAAA,aAAIF,WAAJ,uLAIjBE,SAJiB;AAAA,CAAzB;;;AASA,IAAMC,eAAe,OAAGH,WAAH,uNAGbH,kBAHa,CAArB;;AAQA,IAAMO,qBAAqB,OAAGJ,WAAH,8MAGnBH,kBAHmB,CAA3B;;;AAQA,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,SAAS;AAAA,aAAIN,WAAJ,gQAEfM,SAFe;AAAA,CAAlC;;;;AAcA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,WAAW,EAAI;AACvC,MAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhB,UAAAC,EAAE;AAAA,qBAAOA,EAAP,qCAAmCA,EAAnC,gCACMd,kBADN;AAAA,GAFc,EAMjBe,IANiB,MAApB;AAOA,aAAOZ,WAAP,0HAEMS,WAFN;AAID,CAZD;;;AAcA,IAAMI,QAAQ,OAAGb,WAAH,0MAAd;;AAUA,IAAMc,WAAW,OAAGd,WAAH,iMAAjB;;;AAUA,IAAMe,QAAQ,GAAG,SAAXA,QAAW,CAAAC,MAAM;AAAA,aAAIhB,WAAJ,2JACjBgB,MADiB;AAAA,CAAvB;;;;AAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,MAAD,EAASE,KAAT;AAAA,8GAKR,wBAAWF,MAAX,CALQ,8BAMhBA,MANgB,mFAOdE,KAPc;AAAA,CAAtB;;AAaA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACH,MAAD,EAASE,KAAT;AAAA,aAAmBlB,WAAnB,qNAEzBgB,MAFyB,EAGvBE,KAHuB;AAAA,CAA/B;;;;AAUA,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACJ,MAAD,EAASE,KAAT;AAAA,aAAmBlB,WAAnB,sNAEdgB,MAFc,EAG1BE,KAH0B;AAAA,CAAhC,C,CAUA;;;;;AACA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAACL,MAAD,EAASE,KAAT,EAAmB;AACnC,MAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;AACA,aAAOlB,WAAP,0GACIsB,KADJ;AAGD,CALD","sourcesContent":["import { gql } from '@apollo/client';\nimport upperFirst from 'lodash.upperfirst';\n\nconst defaultSchemaProps = `\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n`;\n\nconst getSearchPublishedContent = fields => gql`\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ${fields}\n      }\n    }\n  `;\n\nconst getUser = userProps => gql`\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ${userProps}\n    }\n  }\n`;\n\nconst getEntitySchema = gql`\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getSingleEntitySchema = gql`\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getRecordParents = queryName => gql`\nquery getRecordParents($id: String!){\n  recordParents: ${queryName}(id: $id){\n    id,\n    name,\n    url,\n    parents {\n      id,\n      name\n      url\n    }\n  }\n}`;\n\nconst getMultipleSchema = identifiers => {\n  const queryString = identifiers\n    .map(\n      id => `${id}: getEntitySchema(id: \"${id}\") {\n            ${defaultSchemaProps}\n      }`\n    )\n    .join(`\\n`);\n  return gql`\n    query {\n      ${queryString}\n    }`;\n};\n\nconst getFiles = gql`\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getFileById = gql`\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getCount = action => gql`query countData($where: JSON!) {\n    ${action} (where: $where)\n  }\n`;\n\nconst generateQuery = (action, props) => `\n  query getEntityData(\n    $where: JSON\n    $limit: Int\n    $offset: Int\n    $sort: [${upperFirst(action)}SortItem]){\n    ${action} (where: $where, limit: $limit, offset: $offset, sort: $sort){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\nconst generateMultiItemQuery = (action, props) => gql`\n  query getEntityData($where: JSON){\n    ${action} (where: $where){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\n\nconst generateSingleItemQuery = (action, props) => gql`\n  query getEntityData($id: String!){\n    entityData: ${action}(id: $id){\n    ${props},\n    id,\n    __typename\n    }\n  }\n  `;\n\n// TODO: extend function to handle properties and make them dynamic with a config schema for each entity.\nconst getAction = (action, props) => {\n  const query = generateQuery(action, props);\n  return gql`\n    ${query}\n  `;\n};\n\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser,\n  getRecordParents\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/application/query/index.js"],"names":["defaultSchemaProps","getSearchPublishedContent","fields","gql","getUser","userProps","getEntitySchema","getSingleEntitySchema","getRecordParents","queryName","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query","getPublishedContent","entity"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,kBAAkB,kHAAxB;;AAWA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAAC,MAAM;AAAA,aAAIC,WAAJ,+VAG9BD,MAH8B;AAAA,CAAxC;;;;AAQA,IAAME,OAAO,GAAG,SAAVA,OAAU,CAAAC,SAAS;AAAA,aAAIF,WAAJ,uLAIjBE,SAJiB;AAAA,CAAzB;;;AASA,IAAMC,eAAe,OAAGH,WAAH,uNAGbH,kBAHa,CAArB;;AAQA,IAAMO,qBAAqB,OAAGJ,WAAH,8MAGnBH,kBAHmB,CAA3B;;;AAQA,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,SAAS;AAAA,aAAIN,WAAJ,gQAEfM,SAFe;AAAA,CAAlC;;;;AAcA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,WAAW,EAAI;AACvC,MAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhB,UAAAC,EAAE;AAAA,qBAAOA,EAAP,qCAAmCA,EAAnC,gCACMd,kBADN;AAAA,GAFc,EAMjBe,IANiB,MAApB;AAOA,aAAOZ,WAAP,0HAEMS,WAFN;AAID,CAZD;;;AAcA,IAAMI,QAAQ,OAAGb,WAAH,0MAAd;;AAUA,IAAMc,WAAW,OAAGd,WAAH,iMAAjB;;;AAUA,IAAMe,QAAQ,GAAG,SAAXA,QAAW,CAAAC,MAAM;AAAA,aAAIhB,WAAJ,2JACjBgB,MADiB;AAAA,CAAvB;;;;AAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,MAAD,EAASE,KAAT;AAAA,8GAKR,wBAAWF,MAAX,CALQ,8BAMhBA,MANgB,mFAOdE,KAPc;AAAA,CAAtB;;AAaA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACH,MAAD,EAASE,KAAT;AAAA,aAAmBlB,WAAnB,qNAEzBgB,MAFyB,EAGvBE,KAHuB;AAAA,CAA/B;;;;AAUA,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACJ,MAAD,EAASE,KAAT;AAAA,aAAmBlB,WAAnB,sNAEdgB,MAFc,EAG1BE,KAH0B;AAAA,CAAhC,C,CAUA;;;;;AACA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAACL,MAAD,EAASE,KAAT,EAAmB;AACnC,MAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;AACA,aAAOlB,WAAP,0GACIsB,KADJ;AAGD,CALD;;;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,MAAM;AAAA,4UAcjBA,MAdiB;AAAA,CAAlC","sourcesContent":["import { gql } from '@apollo/client';\nimport upperFirst from 'lodash.upperfirst';\n\nconst defaultSchemaProps = `\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n`;\n\nconst getSearchPublishedContent = fields => gql`\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ${fields}\n      }\n    }\n  `;\n\nconst getUser = userProps => gql`\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ${userProps}\n    }\n  }\n`;\n\nconst getEntitySchema = gql`\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getSingleEntitySchema = gql`\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getRecordParents = queryName => gql`\nquery getRecordParents($id: String!){\n  recordParents: ${queryName}(id: $id){\n    id,\n    name,\n    url,\n    parents {\n      id,\n      name\n      url\n    }\n  }\n}`;\n\nconst getMultipleSchema = identifiers => {\n  const queryString = identifiers\n    .map(\n      id => `${id}: getEntitySchema(id: \"${id}\") {\n            ${defaultSchemaProps}\n      }`\n    )\n    .join(`\\n`);\n  return gql`\n    query {\n      ${queryString}\n    }`;\n};\n\nconst getFiles = gql`\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getFileById = gql`\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getCount = action => gql`query countData($where: JSON!) {\n    ${action} (where: $where)\n  }\n`;\n\nconst generateQuery = (action, props) => `\n  query getEntityData(\n    $where: JSON\n    $limit: Int\n    $offset: Int\n    $sort: [${upperFirst(action)}SortItem]){\n    ${action} (where: $where, limit: $limit, offset: $offset, sort: $sort){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\nconst generateMultiItemQuery = (action, props) => gql`\n  query getEntityData($where: JSON){\n    ${action} (where: $where){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\n\nconst generateSingleItemQuery = (action, props) => gql`\n  query getEntityData($id: String!){\n    entityData: ${action}(id: $id){\n    ${props},\n    id,\n    __typename\n    }\n  }\n  `;\n\n// TODO: extend function to handle properties and make them dynamic with a config schema for each entity.\nconst getAction = (action, props) => {\n  const query = generateQuery(action, props);\n  return gql`\n    ${query}\n  `;\n};\n\nconst getPublishedContent = entity => `\n  query searchPublishedContent(\n    $rawQueryStringified: String!\n    $offset: Int\n    $limit: Int\n    $sort: String\n  ) {\n    searchPublishedContent(\n      rawQueryStringified: $rawQueryStringified\n      offset: $offset\n      limit: $limit\n      sort: $sort\n    ) {\n      results {\n        ... on ${entity} {\n          id\n          name\n          url\n          __typename\n        }\n        __typename\n      }\n      total\n      __typename\n    }\n  }\n`;\n\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getPublishedContent,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser,\n  getRecordParents\n};\n"],"file":"index.js"}

package/lib/components/Menu/Menu.js

@@ -41,7 +41,9 @@ var _hooks = require("../../hooks");
 
 var _constants = require("../../constants");
 
-var _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "closeIconModifier"];
+var _SearchContent = _interopRequireDefault(require("../SearchContent"));
+
+var _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "searchInputAlignment", "logoOnMobile", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "closeIconModifier", "entity", "router"];
 
 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); }
 
@@ -56,7 +58,14 @@ var Menu = function Menu(_ref) {
       mobileIconAlignment = _ref.mobileIconAlignment,
       mobileButtonModifier = _ref.mobileButtonModifier,
       hamburgerIconModifier = _ref.hamburgerIconModifier,
+      searchInputAlignment = _ref.searchInputAlignment,
+      logoOnMobile = _ref.logoOnMobile,
+      logoOnMobileUrl = _ref.logoOnMobileUrl,
+      logoOnMobileAlt = _ref.logoOnMobileAlt,
+      logoOnMobileModifier = _ref.logoOnMobileModifier,
       closeIconModifier = _ref.closeIconModifier,
+      entity = _ref.entity,
+      router = _ref.router,
       rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var isMobile = (0, _hooks.useCheckMobileScreen)();
 
@@ -72,7 +81,7 @@ var Menu = function Menu(_ref) {
   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", {
-    className: "top-0 absolute z-50"
+    className: "menu--mobile-wrapper"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex w-screen z-50 justify-".concat(mobileIconAlignment, " ").concat(isMobileMenuExpanded)
   }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
@@ -84,13 +93,28 @@ var Menu = function Menu(_ref) {
     className: closeIconModifier
   }) : /*#__PURE__*/_react["default"].createElement(_md.MdMenu, {
     className: hamburgerIconModifier
-  }))))), /*#__PURE__*/_react["default"].createElement("ul", {
+  }))), showMobileMenu && /*#__PURE__*/_react["default"].createElement(_SearchContent["default"], {
+    searchInputAlignment: searchInputAlignment,
+    entity: entity
+  }))), logoOnMobile && !showMobileMenu && /*#__PURE__*/_react["default"].createElement("a", {
+    href: "/"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: logoOnMobileUrl,
+    alt: logoOnMobileAlt,
+    className: logoOnMobileModifier
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "menu--desktop-wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("ul", {
     className: isMobile ? childrenMobileModifier : childrenDesktopModifier
-  }, children));
+  }, children)));
 };
 
 Menu.propTypes = {
   collapse: _propTypes["default"].bool.isRequired,
+  logoOnMobile: _propTypes["default"].bool.isRequired,
+  logoOnMobileUrl: _propTypes["default"].string,
+  logoOnMobileAlt: _propTypes["default"].string,
+  logoOnMobileModifier: _propTypes["default"].string,
   hamburgerIconModifier: _propTypes["default"].string,
   closeIconModifier: _propTypes["default"].string,
   mobileButtonModifier: _propTypes["default"].string,
@@ -98,16 +122,23 @@ Menu.propTypes = {
   mobileMenuChildrenModifier: _propTypes["default"].string,
   modifier: _propTypes["default"].string,
   mobileIconAlignment: _propTypes["default"].string,
+  searchInputAlignment: _propTypes["default"].string,
+  entity: _propTypes["default"].string,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node])
 };
 Menu.defaultProps = {
+  logoOnMobileUrl: '',
+  logoOnMobileAlt: '',
+  logoOnMobileModifier: '',
   hamburgerIconModifier: '',
   closeIconModifier: '',
   mobileButtonModifier: '',
   mobileIconAlignment: '',
   mobileMenuModifier: '',
   mobileMenuChildrenModifier: '',
+  searchInputAlignment: '',
   modifier: '',
+  entity: 'PublishedPage',
   children: []
 };
 var _default = Menu;

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","closeIconModifier","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';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\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=\"top-0 absolute z-50\">\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      <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>{children}</ul>\n    </>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\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  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  modifier: '',\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","logoOnMobile","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","closeIconModifier","entity","router","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  logoOnMobile,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  closeIconModifier,\n  entity,\n  router,\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            {showMobileMenu && (\n              <SearchContent searchInputAlignment={searchInputAlignment} entity={entity} />\n            )}\n          </div>\n        </div>\n      )}\n      {logoOnMobile &&\n        !showMobileMenu && (\n          <a href=\"/\">\n            <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n          </a>\n        )}\n      <div className=\"menu--desktop-wrapper\">\n        <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>{children}</ul>\n      </div>\n    </>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\n  logoOnMobile: PropTypes.bool.isRequired,\n  logoOnMobileUrl: PropTypes.string,\n  logoOnMobileAlt: PropTypes.string,\n  logoOnMobileModifier: 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  searchInputAlignment: PropTypes.string,\n  entity: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  searchInputAlignment: '',\n  modifier: '',\n  entity: 'PublishedPage',\n  children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}

package/lib/components/SearchContent/index.js

@@ -0,0 +1,195 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.match.js");
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _client = require("@apollo/client");
+
+var _router = require("next/router");
+
+var _query = require("../../application/query");
+
+var _templateObject;
+
+var SearchContent = function SearchContent(_ref) {
+  var searchInputAlignment = _ref.searchInputAlignment,
+      entityName = _ref.entityName,
+      entityField = _ref.entityField;
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      collapsed = _useState2[0],
+      setCollapsed = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      searchTerm = _useState4[0],
+      setSearchTerm = _useState4[1];
+
+  var router = (0, _router.useRouter)();
+  var alignmentModifier = '';
+
+  if (searchInputAlignment && searchInputAlignment !== '') {
+    alignmentModifier = searchInputAlignment === 'left' ? 'left-6' : 'right-16';
+  }
+
+  var rawQueryStringified = JSON.stringify({
+    size: 0,
+    query: {
+      bool: {
+        filter: {
+          bool: {
+            should: [{
+              match: {
+                docType: entityField
+              }
+            }],
+            minimum_should_match: 1
+          }
+        }
+      }
+    }
+  });
+  var query = (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    ", "\n  "])), (0, _query.getPublishedContent)(entityName));
+
+  var _useQuery = (0, _client.useQuery)(query, {
+    variables: {
+      rawQueryStringified: rawQueryStringified,
+      offset: 0,
+      limit: 5
+    }
+  }),
+      loading = _useQuery.loading,
+      error = _useQuery.error,
+      data = _useQuery.data;
+
+  if (loading) return null;
+  if (error) return "Error! ".concat(error);
+
+  var renderResults = function renderResults() {
+    // eslint-disable-next-line no-undef
+    var _data$searchPublished = data === null || data === void 0 ? void 0 : data.searchPublishedContent,
+        results = _data$searchPublished.results;
+
+    var handleClick = function handleClick(e, url) {
+      e.preventDefault();
+      router.push(url);
+    };
+
+    if (results && searchTerm && searchTerm !== '') {
+      return results.map(function (_ref2) {
+        var name = _ref2.name,
+            url = _ref2.url;
+
+        if (name.match(searchTerm)) {
+          return /*#__PURE__*/React.createElement("a", {
+            href: url,
+            onClick: function onClick(e) {
+              return handleClick(e, url);
+            }
+          }, name);
+        }
+
+        return null;
+      });
+    }
+
+    return [];
+  };
+
+  return collapsed ? /*#__PURE__*/React.createElement("div", {
+    className: "absolute rounded-3xl overflow-auto top-3 ".concat(alignmentModifier)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "w-11 mx-auto"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "relative block"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer"
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "h-5 w-5 fill-slate-300",
+    viewBox: "0 0 20 20"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+    clipRule: "evenodd"
+  }))), /*#__PURE__*/React.createElement("span", {
+    className: "sr-only"
+  }, "Search"), /*#__PURE__*/React.createElement("input", {
+    onFocus: function onFocus() {
+      return setCollapsed(false);
+    },
+    onChange: function onChange(e) {
+      return setSearchTerm(e.target.value);
+    },
+    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"
+  })))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "absolute  overflow-auto top-3 ".concat(alignmentModifier)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "w-96 mx-auto rounded-3xl"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "relative block"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "absolute inset-y-0 right-3 flex items-center pl-2"
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "h-5 w-5 fill-slate-300",
+    viewBox: "0 0 20 20"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+    clipRule: "evenodd"
+  }))), /*#__PURE__*/React.createElement("span", {
+    className: "sr-only"
+  }, "Search"), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    name: "search",
+    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",
+    placeholder: "Search for anything...",
+    onBlur: function onBlur() {
+      return setCollapsed(true);
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white ml-3 mr-3 relative"
+  }, /*#__PURE__*/React.createElement("div", null, "Search Results"), data && renderResults())));
+};
+
+SearchContent.propTypes = {
+  searchInputAlignment: _propTypes["default"].string,
+  entityName: _propTypes["default"].string,
+  entityField: _propTypes["default"].string
+};
+SearchContent.defaultProps = {
+  searchInputAlignment: '',
+  entityName: 'PublishedPage',
+  entityField: 'published_page'
+};
+var _default = SearchContent;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["SearchContent","searchInputAlignment","entityName","entityField","collapsed","setCollapsed","searchTerm","setSearchTerm","router","alignmentModifier","rawQueryStringified","JSON","stringify","size","query","bool","filter","should","match","docType","minimum_should_match","gql","variables","offset","limit","loading","error","data","renderResults","searchPublishedContent","results","handleClick","e","url","preventDefault","push","map","name","target","value","propTypes","PropTypes","string","defaultProps"],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\n\nconst SearchContent = ({ searchInputAlignment, entityName, entityField }) => {\n  const [collapsed, setCollapsed] = useState(true);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  let alignmentModifier = '';\n\n  if (searchInputAlignment && searchInputAlignment !== '') {\n    alignmentModifier = searchInputAlignment === 'left' ? 'left-6' : 'right-16';\n  }\n\n  const rawQueryStringified = JSON.stringify({\n    size: 0,\n    query: {\n      bool: {\n        filter: {\n          bool: {\n            should: [\n              {\n                match: {\n                  docType: entityField\n                }\n              }\n            ],\n            minimum_should_match: 1\n          }\n        }\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 renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    const handleClick = (e, url) => {\n      e.preventDefault();\n      router.push(url);\n    };\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.match(searchTerm)) {\n          return (\n            <a href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </a>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  return collapsed ? (\n    <div className={`absolute rounded-3xl overflow-auto top-3 ${alignmentModifier}`}>\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={`absolute  overflow-auto top-3 ${alignmentModifier}`}>\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={() => setCollapsed(true)}\n            />\n          </label>\n        </div>\n        <div className=\"bg-white ml-3 mr-3 relative\">\n          <div>Search Results</div>\n          {data && renderResults()}\n        </div>\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  entityName: PropTypes.string,\n  entityField: PropTypes.string\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  entityName: 'PublishedPage',\n  entityField: 'published_page'\n};\n\nexport default SearchContent;\n"],"file":"index.js"}

package/lib/components/index.js

@@ -95,6 +95,11 @@ var _default = {
       return _interopRequireWildcard(require('./Wrapper'));
     });
   }),
+  searchcontent: (0, _dynamic["default"])(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./SearchContent'));
+    });
+  }),
   searchfilter: (0, _dynamic["default"])(function () {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('./SearchFilter'));
@@ -149,11 +154,6 @@ var _default = {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('./PasswordResetRequest'));
     });
-  }),
-  breadcrumb: (0, _dynamic["default"])(function () {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('./Breadcrumb'));
-    });
   })
 };
 exports["default"] = _default;

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.js"],"names":["banner","Banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchfilter","searchfiltersort","modal","code","login","menu","menuitem","submenu","emailconfirm","passwordreset","passwordresetrequest","breadcrumb"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,MAAM,EAAEC,kBADK;AAEbC,EAAAA,MAAM,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CAFK;AAGbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CAHO;AAIbC,EAAAA,QAAQ,EAAE,yBAAQ;AAAA;AAAA,6CAAuD,YAAvD;AAAA;AAAA,GAAR,CAJG;AAKbC,EAAAA,MAAM,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CALK;AAMbC,EAAAA,WAAW,EAAE,yBAAQ;AAAA;AAAA,6CAA0D,eAA1D;AAAA;AAAA,GAAR,CANA;AAObC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAPM;AAQbC,EAAAA,GAAG,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CARQ;AASbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CATO;AAUbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CAVD;AAabC,EAAAA,SAAS,EAAE,yBAAQ;AAAA;AAAA,6CAAwD,aAAxD;AAAA;AAAA,GAAR,CAbE;AAcbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAdM;AAebC,EAAAA,OAAO,EAAE,yBAAQ;AAAA;AAAA,6CAAsD,WAAtD;AAAA;AAAA,GAAR,CAfI;AAgBbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CAhBD;AAmBbC,EAAAA,gBAAgB,EAAE,yBAAQ;AAAA;AAAA,6CACgC,oBADhC;AAAA;AAAA,GAAR,CAnBL;AAsBbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAtBM;AAuBbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CAvBO;AAwBbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAxBM;AAyBbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CAzBO;AA0BbC,EAAAA,QAAQ,EAAE,yBAAQ;AAAA;AAAA,6CAAuD,YAAvD;AAAA;AAAA,GAAR,CA1BG;AA2BbC,EAAAA,OAAO,EAAE,yBAAQ;AAAA;AAAA,6CAAsD,WAAtD;AAAA;AAAA,GAAR,CA3BI;AA4BbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CA5BD;AA+BbC,EAAAA,aAAa,EAAE,yBAAQ;AAAA;AAAA,6CACiC,iBADjC;AAAA;AAAA,GAAR,CA/BF;AAkCbC,EAAAA,oBAAoB,EAAE,yBAAQ;AAAA;AAAA,6CACiC,wBADjC;AAAA;AAAA,GAAR,CAlCT;AAqCbC,EAAAA,UAAU,EAAE,yBAAQ;AAAA;AAAA,6CAAyD,cAAzD;AAAA;AAAA,GAAR;AArCC,C","sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  login: dynamic(() => import(/* webpackChunkName: \"blazePbLogin\" */ './Login')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n  passwordreset: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordReset\" */ './PasswordReset')\n  ),\n  passwordresetrequest: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordResetRequest\" */ './PasswordResetRequest')\n  ),\n  breadcrumb: dynamic(() => import(/* webpackChunkName: \"blazePbBreadcrumb\" */ './Breadcrumb'))\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/components/index.js"],"names":["banner","Banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchcontent","searchfilter","searchfiltersort","modal","code","login","menu","menuitem","submenu","emailconfirm","passwordreset","passwordresetrequest"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,MAAM,EAAEC,kBADK;AAEbC,EAAAA,MAAM,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CAFK;AAGbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CAHO;AAIbC,EAAAA,QAAQ,EAAE,yBAAQ;AAAA;AAAA,6CAAuD,YAAvD;AAAA;AAAA,GAAR,CAJG;AAKbC,EAAAA,MAAM,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CALK;AAMbC,EAAAA,WAAW,EAAE,yBAAQ;AAAA;AAAA,6CAA0D,eAA1D;AAAA;AAAA,GAAR,CANA;AAObC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAPM;AAQbC,EAAAA,GAAG,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CARQ;AASbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CATO;AAUbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CAVD;AAabC,EAAAA,SAAS,EAAE,yBAAQ;AAAA;AAAA,6CAAwD,aAAxD;AAAA;AAAA,GAAR,CAbE;AAcbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAdM;AAebC,EAAAA,OAAO,EAAE,yBAAQ;AAAA;AAAA,6CAAsD,WAAtD;AAAA;AAAA,GAAR,CAfI;AAgBbC,EAAAA,aAAa,EAAE,yBAAQ;AAAA;AAAA,6CACgC,iBADhC;AAAA;AAAA,GAAR,CAhBF;AAmBbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CAnBD;AAsBbC,EAAAA,gBAAgB,EAAE,yBAAQ;AAAA;AAAA,6CACgC,oBADhC;AAAA;AAAA,GAAR,CAtBL;AAyBbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAzBM;AA0BbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CA1BO;AA2BbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CA3BM;AA4BbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CA5BO;AA6BbC,EAAAA,QAAQ,EAAE,yBAAQ;AAAA;AAAA,6CAAuD,YAAvD;AAAA;AAAA,GAAR,CA7BG;AA8BbC,EAAAA,OAAO,EAAE,yBAAQ;AAAA;AAAA,6CAAsD,WAAtD;AAAA;AAAA,GAAR,CA9BI;AA+BbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CA/BD;AAkCbC,EAAAA,aAAa,EAAE,yBAAQ;AAAA;AAAA,6CACiC,iBADjC;AAAA;AAAA,GAAR,CAlCF;AAqCbC,EAAAA,oBAAoB,EAAE,yBAAQ;AAAA;AAAA,6CACiC,wBADjC;AAAA;AAAA,GAAR;AArCT,C","sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchcontent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchContent')\n  ),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  login: dynamic(() => import(/* webpackChunkName: \"blazePbLogin\" */ './Login')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n  passwordreset: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordReset\" */ './PasswordReset')\n  ),\n  passwordresetrequest: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordResetRequest\" */ './PasswordResetRequest')\n  )\n};\n"],"file":"index.js"}

package/lib-es/application/query/index.js

@@ -133,5 +133,33 @@ const getAction = (action, props) => {
   `;
 };
 
-export { getEntitySchema, getSingleEntitySchema, getAction, getFiles, getFileById, generateMultiItemQuery, generateSingleItemQuery, getSearchPublishedContent, getCount, getMultipleSchema, getUser, getRecordParents };
+const getPublishedContent = entity => `
+  query searchPublishedContent(
+    $rawQueryStringified: String!
+    $offset: Int
+    $limit: Int
+    $sort: String
+  ) {
+    searchPublishedContent(
+      rawQueryStringified: $rawQueryStringified
+      offset: $offset
+      limit: $limit
+      sort: $sort
+    ) {
+      results {
+        ... on ${entity} {
+          id
+          name
+          url
+          __typename
+        }
+        __typename
+      }
+      total
+      __typename
+    }
+  }
+`;
+
+export { getEntitySchema, getSingleEntitySchema, getAction, getFiles, getFileById, generateMultiItemQuery, generateSingleItemQuery, getPublishedContent, getSearchPublishedContent, getCount, getMultipleSchema, getUser, getRecordParents };
 //# sourceMappingURL=index.js.map

package/lib-es/application/query/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/application/query/index.js"],"names":["gql","upperFirst","defaultSchemaProps","getSearchPublishedContent","fields","getUser","userProps","getEntitySchema","getSingleEntitySchema","getRecordParents","queryName","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query"],"mappings":"AAAA,SAASA,GAAT,QAAoB,gBAApB;AACA,OAAOC,UAAP,MAAuB,mBAAvB;AAEA,MAAMC,kBAAkB,GAAI;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CATA;;AAWA,MAAMC,yBAAyB,GAAGC,MAAM,IAAIJ,GAAI;AAChD;AACA;AACA,UAAUI,MAAO;AACjB;AACA;AACA,GANA;;AAQA,MAAMC,OAAO,GAAGC,SAAS,IAAIN,GAAI;AACjC;AACA;AACA;AACA,QAAQM,SAAU;AAClB;AACA;AACA,CAPA;;AASA,MAAMC,eAAe,GAAGP,GAAI;AAC5B;AACA;AACA,QAAQE,kBAAmB;AAC3B;AACA;AACA,CANA;AAQA,MAAMM,qBAAqB,GAAGR,GAAI;AAClC;AACA;AACA,QAAQE,kBAAmB;AAC3B;AACA;AACA,CANA;;AAQA,MAAMO,gBAAgB,GAAGC,SAAS,IAAIV,GAAI;AAC1C;AACA,mBAAmBU,SAAU;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAZA;;AAcA,MAAMC,iBAAiB,GAAGC,WAAW,IAAI;AACvC,QAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhBC,EAAE,IAAK,GAAEA,EAAG,0BAAyBA,EAAG;AAC9C,cAAcb,kBAAmB;AACjC,QAJsB,EAMjBc,IANiB,CAMX,IANW,CAApB;AAOA,SAAOhB,GAAI;AACb;AACA,QAAQa,WAAY;AACpB,MAHE;AAID,CAZD;;AAcA,MAAMI,QAAQ,GAAGjB,GAAI;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;AAUA,MAAMkB,WAAW,GAAGlB,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;;AAUA,MAAMmB,QAAQ,GAAGC,MAAM,IAAIpB,GAAI;AAC/B,MAAMoB,MAAO;AACb;AACA,CAHA;;AAKA,MAAMC,aAAa,GAAG,CAACD,MAAD,EAASE,KAAT,KAAoB;AAC1C;AACA;AACA;AACA;AACA,cAAcrB,UAAU,CAACmB,MAAD,CAAS;AACjC,MAAMA,MAAO;AACb,QAAQE,KAAM;AACd;AACA;AACA;AACA;AACA,GAZA;;AAaA,MAAMC,sBAAsB,GAAG,CAACH,MAAD,EAASE,KAAT,KAAmBtB,GAAI;AACtD;AACA,MAAMoB,MAAO;AACb,QAAQE,KAAM;AACd;AACA;AACA;AACA;AACA,GARA;;AAUA,MAAME,uBAAuB,GAAG,CAACJ,MAAD,EAASE,KAAT,KAAmBtB,GAAI;AACvD;AACA,kBAAkBoB,MAAO;AACzB,MAAME,KAAM;AACZ;AACA;AACA;AACA;AACA,GARA,C,CAUA;;;AACA,MAAMG,SAAS,GAAG,CAACL,MAAD,EAASE,KAAT,KAAmB;AACnC,QAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;AACA,SAAOtB,GAAI;AACb,MAAM0B,KAAM;AACZ,GAFE;AAGD,CALD;;AAOA,SACEnB,eADF,EAEEC,qBAFF,EAGEiB,SAHF,EAIER,QAJF,EAKEC,WALF,EAMEK,sBANF,EAOEC,uBAPF,EAQErB,yBARF,EASEgB,QATF,EAUER,iBAVF,EAWEN,OAXF,EAYEI,gBAZF","sourcesContent":["import { gql } from '@apollo/client';\nimport upperFirst from 'lodash.upperfirst';\n\nconst defaultSchemaProps = `\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n`;\n\nconst getSearchPublishedContent = fields => gql`\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ${fields}\n      }\n    }\n  `;\n\nconst getUser = userProps => gql`\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ${userProps}\n    }\n  }\n`;\n\nconst getEntitySchema = gql`\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getSingleEntitySchema = gql`\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getRecordParents = queryName => gql`\nquery getRecordParents($id: String!){\n  recordParents: ${queryName}(id: $id){\n    id,\n    name,\n    url,\n    parents {\n      id,\n      name\n      url\n    }\n  }\n}`;\n\nconst getMultipleSchema = identifiers => {\n  const queryString = identifiers\n    .map(\n      id => `${id}: getEntitySchema(id: \"${id}\") {\n            ${defaultSchemaProps}\n      }`\n    )\n    .join(`\\n`);\n  return gql`\n    query {\n      ${queryString}\n    }`;\n};\n\nconst getFiles = gql`\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getFileById = gql`\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getCount = action => gql`query countData($where: JSON!) {\n    ${action} (where: $where)\n  }\n`;\n\nconst generateQuery = (action, props) => `\n  query getEntityData(\n    $where: JSON\n    $limit: Int\n    $offset: Int\n    $sort: [${upperFirst(action)}SortItem]){\n    ${action} (where: $where, limit: $limit, offset: $offset, sort: $sort){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\nconst generateMultiItemQuery = (action, props) => gql`\n  query getEntityData($where: JSON){\n    ${action} (where: $where){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\n\nconst generateSingleItemQuery = (action, props) => gql`\n  query getEntityData($id: String!){\n    entityData: ${action}(id: $id){\n    ${props},\n    id,\n    __typename\n    }\n  }\n  `;\n\n// TODO: extend function to handle properties and make them dynamic with a config schema for each entity.\nconst getAction = (action, props) => {\n  const query = generateQuery(action, props);\n  return gql`\n    ${query}\n  `;\n};\n\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser,\n  getRecordParents\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/application/query/index.js"],"names":["gql","upperFirst","defaultSchemaProps","getSearchPublishedContent","fields","getUser","userProps","getEntitySchema","getSingleEntitySchema","getRecordParents","queryName","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query","getPublishedContent","entity"],"mappings":"AAAA,SAASA,GAAT,QAAoB,gBAApB;AACA,OAAOC,UAAP,MAAuB,mBAAvB;AAEA,MAAMC,kBAAkB,GAAI;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CATA;;AAWA,MAAMC,yBAAyB,GAAGC,MAAM,IAAIJ,GAAI;AAChD;AACA;AACA,UAAUI,MAAO;AACjB;AACA;AACA,GANA;;AAQA,MAAMC,OAAO,GAAGC,SAAS,IAAIN,GAAI;AACjC;AACA;AACA;AACA,QAAQM,SAAU;AAClB;AACA;AACA,CAPA;;AASA,MAAMC,eAAe,GAAGP,GAAI;AAC5B;AACA;AACA,QAAQE,kBAAmB;AAC3B;AACA;AACA,CANA;AAQA,MAAMM,qBAAqB,GAAGR,GAAI;AAClC;AACA;AACA,QAAQE,kBAAmB;AAC3B;AACA;AACA,CANA;;AAQA,MAAMO,gBAAgB,GAAGC,SAAS,IAAIV,GAAI;AAC1C;AACA,mBAAmBU,SAAU;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAZA;;AAcA,MAAMC,iBAAiB,GAAGC,WAAW,IAAI;AACvC,QAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhBC,EAAE,IAAK,GAAEA,EAAG,0BAAyBA,EAAG;AAC9C,cAAcb,kBAAmB;AACjC,QAJsB,EAMjBc,IANiB,CAMX,IANW,CAApB;AAOA,SAAOhB,GAAI;AACb;AACA,QAAQa,WAAY;AACpB,MAHE;AAID,CAZD;;AAcA,MAAMI,QAAQ,GAAGjB,GAAI;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;AAUA,MAAMkB,WAAW,GAAGlB,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;;AAUA,MAAMmB,QAAQ,GAAGC,MAAM,IAAIpB,GAAI;AAC/B,MAAMoB,MAAO;AACb;AACA,CAHA;;AAKA,MAAMC,aAAa,GAAG,CAACD,MAAD,EAASE,KAAT,KAAoB;AAC1C;AACA;AACA;AACA;AACA,cAAcrB,UAAU,CAACmB,MAAD,CAAS;AACjC,MAAMA,MAAO;AACb,QAAQE,KAAM;AACd;AACA;AACA;AACA;AACA,GAZA;;AAaA,MAAMC,sBAAsB,GAAG,CAACH,MAAD,EAASE,KAAT,KAAmBtB,GAAI;AACtD;AACA,MAAMoB,MAAO;AACb,QAAQE,KAAM;AACd;AACA;AACA;AACA;AACA,GARA;;AAUA,MAAME,uBAAuB,GAAG,CAACJ,MAAD,EAASE,KAAT,KAAmBtB,GAAI;AACvD;AACA,kBAAkBoB,MAAO;AACzB,MAAME,KAAM;AACZ;AACA;AACA;AACA;AACA,GARA,C,CAUA;;;AACA,MAAMG,SAAS,GAAG,CAACL,MAAD,EAASE,KAAT,KAAmB;AACnC,QAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;AACA,SAAOtB,GAAI;AACb,MAAM0B,KAAM;AACZ,GAFE;AAGD,CALD;;AAOA,MAAMC,mBAAmB,GAAGC,MAAM,IAAK;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBA,MAAO;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CA1BA;;AA4BA,SACErB,eADF,EAEEC,qBAFF,EAGEiB,SAHF,EAIER,QAJF,EAKEC,WALF,EAMEK,sBANF,EAOEC,uBAPF,EAQEG,mBARF,EASExB,yBATF,EAUEgB,QAVF,EAWER,iBAXF,EAYEN,OAZF,EAaEI,gBAbF","sourcesContent":["import { gql } from '@apollo/client';\nimport upperFirst from 'lodash.upperfirst';\n\nconst defaultSchemaProps = `\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n`;\n\nconst getSearchPublishedContent = fields => gql`\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ${fields}\n      }\n    }\n  `;\n\nconst getUser = userProps => gql`\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ${userProps}\n    }\n  }\n`;\n\nconst getEntitySchema = gql`\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getSingleEntitySchema = gql`\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getRecordParents = queryName => gql`\nquery getRecordParents($id: String!){\n  recordParents: ${queryName}(id: $id){\n    id,\n    name,\n    url,\n    parents {\n      id,\n      name\n      url\n    }\n  }\n}`;\n\nconst getMultipleSchema = identifiers => {\n  const queryString = identifiers\n    .map(\n      id => `${id}: getEntitySchema(id: \"${id}\") {\n            ${defaultSchemaProps}\n      }`\n    )\n    .join(`\\n`);\n  return gql`\n    query {\n      ${queryString}\n    }`;\n};\n\nconst getFiles = gql`\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getFileById = gql`\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getCount = action => gql`query countData($where: JSON!) {\n    ${action} (where: $where)\n  }\n`;\n\nconst generateQuery = (action, props) => `\n  query getEntityData(\n    $where: JSON\n    $limit: Int\n    $offset: Int\n    $sort: [${upperFirst(action)}SortItem]){\n    ${action} (where: $where, limit: $limit, offset: $offset, sort: $sort){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\nconst generateMultiItemQuery = (action, props) => gql`\n  query getEntityData($where: JSON){\n    ${action} (where: $where){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\n\nconst generateSingleItemQuery = (action, props) => gql`\n  query getEntityData($id: String!){\n    entityData: ${action}(id: $id){\n    ${props},\n    id,\n    __typename\n    }\n  }\n  `;\n\n// TODO: extend function to handle properties and make them dynamic with a config schema for each entity.\nconst getAction = (action, props) => {\n  const query = generateQuery(action, props);\n  return gql`\n    ${query}\n  `;\n};\n\nconst getPublishedContent = entity => `\n  query searchPublishedContent(\n    $rawQueryStringified: String!\n    $offset: Int\n    $limit: Int\n    $sort: String\n  ) {\n    searchPublishedContent(\n      rawQueryStringified: $rawQueryStringified\n      offset: $offset\n      limit: $limit\n      sort: $sort\n    ) {\n      results {\n        ... on ${entity} {\n          id\n          name\n          url\n          __typename\n        }\n        __typename\n      }\n      total\n      __typename\n    }\n  }\n`;\n\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getPublishedContent,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser,\n  getRecordParents\n};\n"],"file":"index.js"}

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

@@ -1,11 +1,12 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "closeIconModifier"];
+const _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "searchInputAlignment", "logoOnMobile", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "closeIconModifier", "entity", "router"];
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import BlazeButton from '@blaze-react/button';
 import { MdMenu, MdClose } from 'react-icons/md';
 import { useCheckMobileScreen } from '../../hooks';
 import { HIDDEN } from '../../constants';
+import SearchContent from '../SearchContent';
 
 const Menu = _ref => {
   let {
@@ -17,7 +18,14 @@ const Menu = _ref => {
     mobileIconAlignment,
     mobileButtonModifier,
     hamburgerIconModifier,
-    closeIconModifier
+    searchInputAlignment,
+    logoOnMobile,
+    logoOnMobileUrl,
+    logoOnMobileAlt,
+    logoOnMobileModifier,
+    closeIconModifier,
+    entity,
+    router
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
@@ -30,7 +38,7 @@ const Menu = _ref => {
   const childrenMobileModifier = shouldDisplayChildren && isMobile ? `${mobileMenuChildrenModifier}` : ` ${HIDDEN}`;
   const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';
   return /*#__PURE__*/React.createElement(React.Fragment, null, collapse && /*#__PURE__*/React.createElement("div", {
-    className: "top-0 absolute z-50"
+    className: "menu--mobile-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
     className: `flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`
   }, /*#__PURE__*/React.createElement(BlazeButton, {
@@ -40,13 +48,28 @@ const Menu = _ref => {
     className: closeIconModifier
   }) : /*#__PURE__*/React.createElement(MdMenu, {
     className: hamburgerIconModifier
-  }))))), /*#__PURE__*/React.createElement("ul", {
+  }))), showMobileMenu && /*#__PURE__*/React.createElement(SearchContent, {
+    searchInputAlignment: searchInputAlignment,
+    entity: entity
+  }))), logoOnMobile && !showMobileMenu && /*#__PURE__*/React.createElement("a", {
+    href: "/"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: logoOnMobileUrl,
+    alt: logoOnMobileAlt,
+    className: logoOnMobileModifier
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "menu--desktop-wrapper"
+  }, /*#__PURE__*/React.createElement("ul", {
     className: isMobile ? childrenMobileModifier : childrenDesktopModifier
-  }, children));
+  }, children)));
 };
 
 Menu.propTypes = {
   collapse: PropTypes.bool.isRequired,
+  logoOnMobile: PropTypes.bool.isRequired,
+  logoOnMobileUrl: PropTypes.string,
+  logoOnMobileAlt: PropTypes.string,
+  logoOnMobileModifier: PropTypes.string,
   hamburgerIconModifier: PropTypes.string,
   closeIconModifier: PropTypes.string,
   mobileButtonModifier: PropTypes.string,
@@ -54,16 +77,23 @@ Menu.propTypes = {
   mobileMenuChildrenModifier: PropTypes.string,
   modifier: PropTypes.string,
   mobileIconAlignment: PropTypes.string,
+  searchInputAlignment: PropTypes.string,
+  entity: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
 };
 Menu.defaultProps = {
+  logoOnMobileUrl: '',
+  logoOnMobileAlt: '',
+  logoOnMobileModifier: '',
   hamburgerIconModifier: '',
   closeIconModifier: '',
   mobileButtonModifier: '',
   mobileIconAlignment: '',
   mobileMenuModifier: '',
   mobileMenuChildrenModifier: '',
+  searchInputAlignment: '',
   modifier: '',
+  entity: 'PublishedPage',
   children: []
 };
 export default Menu;

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","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","closeIconModifier","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';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\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=\"top-0 absolute z-50\">\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      <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>{children}</ul>\n    </>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\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  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  modifier: '',\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","logoOnMobile","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","closeIconModifier","entity","router","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  logoOnMobile,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  closeIconModifier,\n  entity,\n  router,\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            {showMobileMenu && (\n              <SearchContent searchInputAlignment={searchInputAlignment} entity={entity} />\n            )}\n          </div>\n        </div>\n      )}\n      {logoOnMobile &&\n        !showMobileMenu && (\n          <a href=\"/\">\n            <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n          </a>\n        )}\n      <div className=\"menu--desktop-wrapper\">\n        <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>{children}</ul>\n      </div>\n    </>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\n  logoOnMobile: PropTypes.bool.isRequired,\n  logoOnMobileUrl: PropTypes.string,\n  logoOnMobileAlt: PropTypes.string,\n  logoOnMobileModifier: 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  searchInputAlignment: PropTypes.string,\n  entity: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  searchInputAlignment: '',\n  modifier: '',\n  entity: 'PublishedPage',\n  children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}

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

@@ -0,0 +1,149 @@
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import { gql, useQuery } from '@apollo/client';
+import { useRouter } from 'next/router';
+import { getPublishedContent } from '../../application/query';
+
+const SearchContent = ({
+  searchInputAlignment,
+  entityName,
+  entityField
+}) => {
+  const [collapsed, setCollapsed] = useState(true);
+  const [searchTerm, setSearchTerm] = useState(null);
+  const router = useRouter();
+  let alignmentModifier = '';
+
+  if (searchInputAlignment && searchInputAlignment !== '') {
+    alignmentModifier = searchInputAlignment === 'left' ? 'left-6' : 'right-16';
+  }
+
+  const rawQueryStringified = JSON.stringify({
+    size: 0,
+    query: {
+      bool: {
+        filter: {
+          bool: {
+            should: [{
+              match: {
+                docType: entityField
+              }
+            }],
+            minimum_should_match: 1
+          }
+        }
+      }
+    }
+  });
+  const query = gql`
+    ${getPublishedContent(entityName)}
+  `;
+  const {
+    loading,
+    error,
+    data
+  } = useQuery(query, {
+    variables: {
+      rawQueryStringified,
+      offset: 0,
+      limit: 5
+    }
+  });
+  if (loading) return null;
+  if (error) return `Error! ${error}`;
+
+  const renderResults = () => {
+    // eslint-disable-next-line no-undef
+    const {
+      results
+    } = data === null || data === void 0 ? void 0 : data.searchPublishedContent;
+
+    const handleClick = (e, url) => {
+      e.preventDefault();
+      router.push(url);
+    };
+
+    if (results && searchTerm && searchTerm !== '') {
+      return results.map(({
+        name,
+        url
+      }) => {
+        if (name.match(searchTerm)) {
+          return /*#__PURE__*/React.createElement("a", {
+            href: url,
+            onClick: e => handleClick(e, url)
+          }, name);
+        }
+
+        return null;
+      });
+    }
+
+    return [];
+  };
+
+  return collapsed ? /*#__PURE__*/React.createElement("div", {
+    className: `absolute rounded-3xl overflow-auto top-3 ${alignmentModifier}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "w-11 mx-auto"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "relative block"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer"
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "h-5 w-5 fill-slate-300",
+    viewBox: "0 0 20 20"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+    clipRule: "evenodd"
+  }))), /*#__PURE__*/React.createElement("span", {
+    className: "sr-only"
+  }, "Search"), /*#__PURE__*/React.createElement("input", {
+    onFocus: () => setCollapsed(false),
+    onChange: e => setSearchTerm(e.target.value),
+    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"
+  })))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: `absolute  overflow-auto top-3 ${alignmentModifier}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "w-96 mx-auto rounded-3xl"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "relative block"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "absolute inset-y-0 right-3 flex items-center pl-2"
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "h-5 w-5 fill-slate-300",
+    viewBox: "0 0 20 20"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+    clipRule: "evenodd"
+  }))), /*#__PURE__*/React.createElement("span", {
+    className: "sr-only"
+  }, "Search"), /*#__PURE__*/React.createElement("input", {
+    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",
+    placeholder: "Search for anything...",
+    onBlur: () => setCollapsed(true)
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white ml-3 mr-3 relative"
+  }, /*#__PURE__*/React.createElement("div", null, "Search Results"), data && renderResults())));
+};
+
+SearchContent.propTypes = {
+  searchInputAlignment: PropTypes.string,
+  entityName: PropTypes.string,
+  entityField: PropTypes.string
+};
+SearchContent.defaultProps = {
+  searchInputAlignment: '',
+  entityName: 'PublishedPage',
+  entityField: 'published_page'
+};
+export default SearchContent;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["useState","PropTypes","gql","useQuery","useRouter","getPublishedContent","SearchContent","searchInputAlignment","entityName","entityField","collapsed","setCollapsed","searchTerm","setSearchTerm","router","alignmentModifier","rawQueryStringified","JSON","stringify","size","query","bool","filter","should","match","docType","minimum_should_match","loading","error","data","variables","offset","limit","renderResults","results","searchPublishedContent","handleClick","e","url","preventDefault","push","map","name","target","value","propTypes","string","defaultProps"],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\n\nconst SearchContent = ({ searchInputAlignment, entityName, entityField }) => {\n  const [collapsed, setCollapsed] = useState(true);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  let alignmentModifier = '';\n\n  if (searchInputAlignment && searchInputAlignment !== '') {\n    alignmentModifier = searchInputAlignment === 'left' ? 'left-6' : 'right-16';\n  }\n\n  const rawQueryStringified = JSON.stringify({\n    size: 0,\n    query: {\n      bool: {\n        filter: {\n          bool: {\n            should: [\n              {\n                match: {\n                  docType: entityField\n                }\n              }\n            ],\n            minimum_should_match: 1\n          }\n        }\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 renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    const handleClick = (e, url) => {\n      e.preventDefault();\n      router.push(url);\n    };\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.match(searchTerm)) {\n          return (\n            <a href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </a>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  return collapsed ? (\n    <div className={`absolute rounded-3xl overflow-auto top-3 ${alignmentModifier}`}>\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={`absolute  overflow-auto top-3 ${alignmentModifier}`}>\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={() => setCollapsed(true)}\n            />\n          </label>\n        </div>\n        <div className=\"bg-white ml-3 mr-3 relative\">\n          <div>Search Results</div>\n          {data && renderResults()}\n        </div>\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  entityName: PropTypes.string,\n  entityField: PropTypes.string\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  entityName: 'PublishedPage',\n  entityField: 'published_page'\n};\n\nexport default SearchContent;\n"],"file":"index.js"}

package/lib-es/components/index.js

@@ -38,6 +38,9 @@ export default {
   wrapper: dynamic(() => import(
   /* webpackChunkName: "blazePbWrapper" */
   './Wrapper')),
+  searchcontent: dynamic(() => import(
+  /* webpackChunkName: "blazePbSearchFilter" */
+  './SearchContent')),
   searchfilter: dynamic(() => import(
   /* webpackChunkName: "blazePbSearchFilter" */
   './SearchFilter')),
@@ -70,9 +73,6 @@ export default {
   './PasswordReset')),
   passwordresetrequest: dynamic(() => import(
   /* webpackChunkName: "blazePbPasswordResetRequest" */
-  './PasswordResetRequest')),
-  breadcrumb: dynamic(() => import(
-  /* webpackChunkName: "blazePbBreadcrumb" */
-  './Breadcrumb'))
+  './PasswordResetRequest'))
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.js"],"names":["dynamic","Banner","banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchfilter","searchfiltersort","modal","code","login","menu","menuitem","submenu","emailconfirm","passwordreset","passwordresetrequest","breadcrumb"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,eAAe;AACbC,EAAAA,MAAM,EAAED,MADK;AAEbE,EAAAA,MAAM,EAAEH,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CAFF;AAGbI,EAAAA,IAAI,EAAEJ,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CAHA;AAIbK,EAAAA,QAAQ,EAAEL,OAAO,CAAC,MAAM;AAAO;AAA0C,cAAjD,CAAP,CAJJ;AAKbM,EAAAA,MAAM,EAAEN,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CALF;AAMbO,EAAAA,WAAW,EAAEP,OAAO,CAAC,MAAM;AAAO;AAA6C,iBAApD,CAAP,CANP;AAObQ,EAAAA,KAAK,EAAER,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAPD;AAQbS,EAAAA,GAAG,EAAET,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CARC;AASbU,EAAAA,IAAI,EAAEV,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CATA;AAUbW,EAAAA,YAAY,EAAEX,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CAVR;AAabY,EAAAA,SAAS,EAAEZ,OAAO,CAAC,MAAM;AAAO;AAA2C,eAAlD,CAAP,CAbL;AAcba,EAAAA,KAAK,EAAEb,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAdD;AAebc,EAAAA,OAAO,EAAEd,OAAO,CAAC,MAAM;AAAO;AAAyC,aAAhD,CAAP,CAfH;AAgBbe,EAAAA,YAAY,EAAEf,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CAhBR;AAmBbgB,EAAAA,gBAAgB,EAAEhB,OAAO,CAAC,MACxB;AAAO;AAAiD,sBAAxD,CADuB,CAnBZ;AAsBbiB,EAAAA,KAAK,EAAEjB,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAtBD;AAuBbkB,EAAAA,IAAI,EAAElB,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CAvBA;AAwBbmB,EAAAA,KAAK,EAAEnB,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAxBD;AAyBboB,EAAAA,IAAI,EAAEpB,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CAzBA;AA0BbqB,EAAAA,QAAQ,EAAErB,OAAO,CAAC,MAAM;AAAO;AAA0C,cAAjD,CAAP,CA1BJ;AA2BbsB,EAAAA,OAAO,EAAEtB,OAAO,CAAC,MAAM;AAAO;AAAyC,aAAhD,CAAP,CA3BH;AA4BbuB,EAAAA,YAAY,EAAEvB,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CA5BR;AA+BbwB,EAAAA,aAAa,EAAExB,OAAO,CAAC,MACrB;AAAO;AAA+C,mBAAtD,CADoB,CA/BT;AAkCbyB,EAAAA,oBAAoB,EAAEzB,OAAO,CAAC,MAC5B;AAAO;AAAsD,0BAA7D,CAD2B,CAlChB;AAqCb0B,EAAAA,UAAU,EAAE1B,OAAO,CAAC,MAAM;AAAO;AAA4C,gBAAnD,CAAP;AArCN,CAAf","sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  login: dynamic(() => import(/* webpackChunkName: \"blazePbLogin\" */ './Login')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n  passwordreset: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordReset\" */ './PasswordReset')\n  ),\n  passwordresetrequest: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordResetRequest\" */ './PasswordResetRequest')\n  ),\n  breadcrumb: dynamic(() => import(/* webpackChunkName: \"blazePbBreadcrumb\" */ './Breadcrumb'))\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/components/index.js"],"names":["dynamic","Banner","banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchcontent","searchfilter","searchfiltersort","modal","code","login","menu","menuitem","submenu","emailconfirm","passwordreset","passwordresetrequest"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,eAAe;AACbC,EAAAA,MAAM,EAAED,MADK;AAEbE,EAAAA,MAAM,EAAEH,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CAFF;AAGbI,EAAAA,IAAI,EAAEJ,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CAHA;AAIbK,EAAAA,QAAQ,EAAEL,OAAO,CAAC,MAAM;AAAO;AAA0C,cAAjD,CAAP,CAJJ;AAKbM,EAAAA,MAAM,EAAEN,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CALF;AAMbO,EAAAA,WAAW,EAAEP,OAAO,CAAC,MAAM;AAAO;AAA6C,iBAApD,CAAP,CANP;AAObQ,EAAAA,KAAK,EAAER,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAPD;AAQbS,EAAAA,GAAG,EAAET,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CARC;AASbU,EAAAA,IAAI,EAAEV,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CATA;AAUbW,EAAAA,YAAY,EAAEX,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CAVR;AAabY,EAAAA,SAAS,EAAEZ,OAAO,CAAC,MAAM;AAAO;AAA2C,eAAlD,CAAP,CAbL;AAcba,EAAAA,KAAK,EAAEb,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAdD;AAebc,EAAAA,OAAO,EAAEd,OAAO,CAAC,MAAM;AAAO;AAAyC,aAAhD,CAAP,CAfH;AAgBbe,EAAAA,aAAa,EAAEf,OAAO,CAAC,MACrB;AAAO;AAA8C,mBAArD,CADoB,CAhBT;AAmBbgB,EAAAA,YAAY,EAAEhB,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CAnBR;AAsBbiB,EAAAA,gBAAgB,EAAEjB,OAAO,CAAC,MACxB;AAAO;AAAiD,sBAAxD,CADuB,CAtBZ;AAyBbkB,EAAAA,KAAK,EAAElB,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAzBD;AA0BbmB,EAAAA,IAAI,EAAEnB,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CA1BA;AA2BboB,EAAAA,KAAK,EAAEpB,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CA3BD;AA4BbqB,EAAAA,IAAI,EAAErB,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CA5BA;AA6BbsB,EAAAA,QAAQ,EAAEtB,OAAO,CAAC,MAAM;AAAO;AAA0C,cAAjD,CAAP,CA7BJ;AA8BbuB,EAAAA,OAAO,EAAEvB,OAAO,CAAC,MAAM;AAAO;AAAyC,aAAhD,CAAP,CA9BH;AA+BbwB,EAAAA,YAAY,EAAExB,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CA/BR;AAkCbyB,EAAAA,aAAa,EAAEzB,OAAO,CAAC,MACrB;AAAO;AAA+C,mBAAtD,CADoB,CAlCT;AAqCb0B,EAAAA,oBAAoB,EAAE1B,OAAO,CAAC,MAC5B;AAAO;AAAsD,0BAA7D,CAD2B;AArChB,CAAf","sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchcontent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchContent')\n  ),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  login: dynamic(() => import(/* webpackChunkName: \"blazePbLogin\" */ './Login')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n  passwordreset: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordReset\" */ './PasswordReset')\n  ),\n  passwordresetrequest: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordResetRequest\" */ './PasswordResetRequest')\n  )\n};\n"],"file":"index.js"}

package/package.json

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

package/src/application/query/index.js

@@ -139,6 +139,34 @@ const getAction = (action, props) => {
   `;
 };
 
+const getPublishedContent = entity => `
+  query searchPublishedContent(
+    $rawQueryStringified: String!
+    $offset: Int
+    $limit: Int
+    $sort: String
+  ) {
+    searchPublishedContent(
+      rawQueryStringified: $rawQueryStringified
+      offset: $offset
+      limit: $limit
+      sort: $sort
+    ) {
+      results {
+        ... on ${entity} {
+          id
+          name
+          url
+          __typename
+        }
+        __typename
+      }
+      total
+      __typename
+    }
+  }
+`;
+
 export {
   getEntitySchema,
   getSingleEntitySchema,
@@ -147,6 +175,7 @@ export {
   getFileById,
   generateMultiItemQuery,
   generateSingleItemQuery,
+  getPublishedContent,
   getSearchPublishedContent,
   getCount,
   getMultipleSchema,

package/src/components/Menu/Menu.js

@@ -4,6 +4,7 @@ import BlazeButton from '@blaze-react/button';
 import { MdMenu, MdClose } from 'react-icons/md';
 import { useCheckMobileScreen } from '../../hooks';
 import { HIDDEN } from '../../constants';
+import SearchContent from '../SearchContent';
 
 const Menu = ({
   children,
@@ -14,7 +15,14 @@ const Menu = ({
   mobileIconAlignment,
   mobileButtonModifier,
   hamburgerIconModifier,
+  searchInputAlignment,
+  logoOnMobile,
+  logoOnMobileUrl,
+  logoOnMobileAlt,
+  logoOnMobileModifier,
   closeIconModifier,
+  entity,
+  router,
   ...rest
 }) => {
   const isMobile = useCheckMobileScreen();
@@ -34,7 +42,7 @@ const Menu = ({
   return (
     <>
       {collapse && (
-        <div className="top-0 absolute z-50">
+        <div className="menu--mobile-wrapper">
           <div
             className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>
             <BlazeButton
@@ -48,16 +56,31 @@ const Menu = ({
                 )}
               </i>
             </BlazeButton>
+            {showMobileMenu && (
+              <SearchContent searchInputAlignment={searchInputAlignment} entity={entity} />
+            )}
           </div>
         </div>
       )}
-      <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>{children}</ul>
+      {logoOnMobile &&
+        !showMobileMenu && (
+          <a href="/">
+            <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />
+          </a>
+        )}
+      <div className="menu--desktop-wrapper">
+        <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>{children}</ul>
+      </div>
     </>
   );
 };
 
 Menu.propTypes = {
   collapse: PropTypes.bool.isRequired,
+  logoOnMobile: PropTypes.bool.isRequired,
+  logoOnMobileUrl: PropTypes.string,
+  logoOnMobileAlt: PropTypes.string,
+  logoOnMobileModifier: PropTypes.string,
   hamburgerIconModifier: PropTypes.string,
   closeIconModifier: PropTypes.string,
   mobileButtonModifier: PropTypes.string,
@@ -65,17 +88,24 @@ Menu.propTypes = {
   mobileMenuChildrenModifier: PropTypes.string,
   modifier: PropTypes.string,
   mobileIconAlignment: PropTypes.string,
+  searchInputAlignment: PropTypes.string,
+  entity: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
 };
 
 Menu.defaultProps = {
+  logoOnMobileUrl: '',
+  logoOnMobileAlt: '',
+  logoOnMobileModifier: '',
   hamburgerIconModifier: '',
   closeIconModifier: '',
   mobileButtonModifier: '',
   mobileIconAlignment: '',
   mobileMenuModifier: '',
   mobileMenuChildrenModifier: '',
+  searchInputAlignment: '',
   modifier: '',
+  entity: 'PublishedPage',
   children: []
 };
 

package/src/components/SearchContent/index.js

@@ -0,0 +1,146 @@
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import { gql, useQuery } from '@apollo/client';
+import { useRouter } from 'next/router';
+import { getPublishedContent } from '../../application/query';
+
+const SearchContent = ({ searchInputAlignment, entityName, entityField }) => {
+  const [collapsed, setCollapsed] = useState(true);
+  const [searchTerm, setSearchTerm] = useState(null);
+  const router = useRouter();
+
+  let alignmentModifier = '';
+
+  if (searchInputAlignment && searchInputAlignment !== '') {
+    alignmentModifier = searchInputAlignment === 'left' ? 'left-6' : 'right-16';
+  }
+
+  const rawQueryStringified = JSON.stringify({
+    size: 0,
+    query: {
+      bool: {
+        filter: {
+          bool: {
+            should: [
+              {
+                match: {
+                  docType: entityField
+                }
+              }
+            ],
+            minimum_should_match: 1
+          }
+        }
+      }
+    }
+  });
+
+  const query = gql`
+    ${getPublishedContent(entityName)}
+  `;
+
+  const { loading, error, data } = useQuery(query, {
+    variables: { rawQueryStringified, offset: 0, limit: 5 }
+  });
+
+  if (loading) return null;
+  if (error) return `Error! ${error}`;
+
+  const renderResults = () => {
+    // eslint-disable-next-line no-undef
+    const { results } = data?.searchPublishedContent;
+
+    const handleClick = (e, url) => {
+      e.preventDefault();
+      router.push(url);
+    };
+
+    if (results && searchTerm && searchTerm !== '') {
+      return results.map(({ name, url }) => {
+        if (name.match(searchTerm)) {
+          return (
+            <a href={url} onClick={e => handleClick(e, url)}>
+              {name}
+            </a>
+          );
+        }
+
+        return null;
+      });
+    }
+
+    return [];
+  };
+
+  return collapsed ? (
+    <div className={`absolute rounded-3xl overflow-auto top-3 ${alignmentModifier}`}>
+      <div className="w-11 mx-auto">
+        <label className="relative block">
+          <span className="absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer">
+            <svg className="h-5 w-5 fill-slate-300" viewBox="0 0 20 20">
+              <path
+                fillRule="evenodd"
+                d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
+                clipRule="evenodd"
+              />
+            </svg>
+          </span>
+          <span className="sr-only">Search</span>
+          <input
+            onFocus={() => setCollapsed(false)}
+            onChange={e => setSearchTerm(e.target.value)}
+            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"
+          />
+        </label>
+      </div>
+    </div>
+  ) : (
+    <>
+      <div className={`absolute  overflow-auto top-3 ${alignmentModifier}`}>
+        <div className="w-96 mx-auto rounded-3xl">
+          <label className="relative block">
+            <span className="absolute inset-y-0 right-3 flex items-center pl-2">
+              <svg className="h-5 w-5 fill-slate-300" viewBox="0 0 20 20">
+                <path
+                  fillRule="evenodd"
+                  d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
+                  clipRule="evenodd"
+                />
+              </svg>
+            </span>
+            <span className="sr-only">Search</span>
+            <input
+              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"
+              placeholder="Search for anything..."
+              onBlur={() => setCollapsed(true)}
+            />
+          </label>
+        </div>
+        <div className="bg-white ml-3 mr-3 relative">
+          <div>Search Results</div>
+          {data && renderResults()}
+        </div>
+      </div>
+    </>
+  );
+};
+
+SearchContent.propTypes = {
+  searchInputAlignment: PropTypes.string,
+  entityName: PropTypes.string,
+  entityField: PropTypes.string
+};
+
+SearchContent.defaultProps = {
+  searchInputAlignment: '',
+  entityName: 'PublishedPage',
+  entityField: 'published_page'
+};
+
+export default SearchContent;

package/src/components/index.js

@@ -17,6 +17,9 @@ export default {
   textblock: dynamic(() => import(/* webpackChunkName: "blazePbTextBlock" */ './TextBlock')),
   video: dynamic(() => import(/* webpackChunkName: "blazePbVideo" */ './Video')),
   wrapper: dynamic(() => import(/* webpackChunkName: "blazePbWrapper" */ './Wrapper')),
+  searchcontent: dynamic(() =>
+    import(/* webpackChunkName: "blazePbSearchFilter" */ './SearchContent')
+  ),
   searchfilter: dynamic(() =>
     import(/* webpackChunkName: "blazePbSearchFilter" */ './SearchFilter')
   ),
@@ -37,6 +40,5 @@ export default {
   ),
   passwordresetrequest: dynamic(() =>
     import(/* webpackChunkName: "blazePbPasswordResetRequest" */ './PasswordResetRequest')
-  ),
-  breadcrumb: dynamic(() => import(/* webpackChunkName: "blazePbBreadcrumb" */ './Breadcrumb'))
+  )
 };

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

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

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

@@ -6,10 +6,6 @@ Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
-  "breadcrumb": Object {
-    "$$typeof": Symbol(react.forward_ref),
-    "render": [Function],
-  },
   "button": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
@@ -74,6 +70,10 @@ Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
+  "searchcontent": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
   "searchfilter": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],