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

package/CHANGELOG.md

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

package/lib/components/Card/CardContainer.js

@@ -164,8 +164,7 @@ CardContainer.propTypes = {
   enableOverlay: _propTypes["default"].bool,
   overlayModifier: _propTypes["default"].string,
   titleOverlayModifier: _propTypes["default"].string,
-  autoScrollTimer: _propTypes["default"].number,
-  arrowSize: _propTypes["default"].string
+  autoScrollTimer: _propTypes["default"].number
 };
 CardContainer.defaultProps = {
   gtmChildren: [],

package/lib/components/Card/CardContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContainer.js","names":["CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","entities","MainContext","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","CarouselWrapper","Wrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","arrowSize","defaultProps"],"sources":["../../../src/components/Card/CardContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  overlayModifier,\n  titleOverlayModifier,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            enableOverlay={enableOverlay}\n            overlayModifier={overlayModifier}\n            titleOverlayModifier={titleOverlayModifier}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}
+{"version":3,"file":"CardContainer.js","names":["CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","entities","MainContext","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","CarouselWrapper","Wrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"sources":["../../../src/components/Card/CardContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  overlayModifier,\n  titleOverlayModifier,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            enableOverlay={enableOverlay}\n            overlayModifier={overlayModifier}\n            titleOverlayModifier={titleOverlayModifier}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: ''\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}

package/lib/components/SearchContent/SearchContent.js

@@ -23,10 +23,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.function.name.js");
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -37,7 +33,9 @@ var _router = require("next/router");
 
 var _pluginSearchUi = require("@blaze-cms/plugin-search-ui");
 
-var _BlazeLink = _interopRequireDefault(require("../BlazeLink"));
+var _SearchContentResults = _interopRequireDefault(require("./SearchContentResults"));
+
+var _SearchContentToggleIcon = _interopRequireDefault(require("./SearchContentToggleIcon"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -52,7 +50,7 @@ var SearchContent = function SearchContent(_ref) {
       isMobile = _ref.isMobile,
       placeholder = _ref.placeholder;
 
-  var _useState = (0, _react.useState)(collapsible),
+  var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       collapsed = _useState2[0],
       setCollapsed = _useState2[1];
@@ -64,13 +62,11 @@ var SearchContent = function SearchContent(_ref) {
     initialSearchTerm: '',
     resultKeys: 'id, name, image { url }, url'
   }),
-      loading = _useDebounceSearch.loading,
       results = _useDebounceSearch.results,
-      searchTerm = _useDebounceSearch.searchTerm,
       setSearchTerm = _useDebounceSearch.setSearchTerm,
-      setPreviousSearchTerm = _useDebounceSearch.setPreviousSearchTerm,
-      debouncedSearchTerm = _useDebounceSearch.debouncedSearchTerm,
-      previousSearchTerm = _useDebounceSearch.previousSearchTerm;
+      debouncedSearchTerm = _useDebounceSearch.debouncedSearchTerm;
+
+  var responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;
 
   var handleClick = function handleClick(e, url) {
     e.preventDefault();
@@ -83,33 +79,17 @@ var SearchContent = function SearchContent(_ref) {
     }
   };
 
-  var SearchResults = function SearchResults() {
-    return results.map(function (result) {
-      if (!result.url) return null;
-      var id = result.id,
-          name = result.name,
-          image = result.image,
-          url = result.url;
-      return /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
-        href: url,
-        onClick: function onClick(e) {
-          return handleClick(e, url);
-        },
-        key: id
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "search-content--results__wrapper"
-      }, image !== null && image !== void 0 && image.url ? /*#__PURE__*/_react["default"].createElement("img", {
-        src: image.url,
-        alt: name,
-        className: "search-content--results__image"
-      }) : null, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "search-content--results__title"
-      }, name)));
-    });
+  var handleOnBlur = function handleOnBlur() {
+    if (!collapsible) return;
+    if (!debouncedSearchTerm || debouncedSearchTerm === '') setCollapsed(true);
+  };
+
+  var handleClearSearchResults = function handleClearSearchResults() {
+    setSearchTerm('');
   };
 
   return collapsed ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop
+    className: responsiveClasses
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "search-content--collapse__wrapper"
   }, /*#__PURE__*/_react["default"].createElement("label", {
@@ -134,21 +114,17 @@ var SearchContent = function SearchContent(_ref) {
     name: "search",
     className: "search-content--collapse__input"
   })))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop)
+    className: responsiveClasses
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "search-content--expanded__wrapper"
   }, /*#__PURE__*/_react["default"].createElement("label", {
     className: "search-content--expanded__label"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "search-content--expanded__icon_wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
-    className: "search-content--expanded__icon",
-    viewBox: "0 0 20 20"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fillRule: "evenodd",
-    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
-    clipRule: "evenodd"
-  }))), /*#__PURE__*/_react["default"].createElement("input", {
+  }, /*#__PURE__*/_react["default"].createElement(_SearchContentToggleIcon["default"], {
+    results: results,
+    onClear: handleClearSearchResults
+  })), /*#__PURE__*/_react["default"].createElement("input", {
     type: "text",
     name: "search",
     onChange: function onChange(e) {
@@ -157,21 +133,12 @@ var SearchContent = function SearchContent(_ref) {
     onKeyPress: handleKeyPress,
     className: "search-content--expanded__input",
     placeholder: placeholder,
-    onBlur: function onBlur() {
-      if (!collapsible) return;
-      if (!debouncedSearchTerm || debouncedSearchTerm === '') setCollapsed(true);
-    }
-  }))), debouncedSearchTerm !== '' ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--results__wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--results__wrapper--message"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--results__content"
-  }, results.length === 0 && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--results__message"
-  }, /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
-    href: "/search?search_term=".concat(searchTerm)
-  }, "Search all results for: ".concat(searchTerm))), results.length > 0 && /*#__PURE__*/_react["default"].createElement(SearchResults, null)))) : null));
+    onBlur: handleOnBlur
+  }))), /*#__PURE__*/_react["default"].createElement(_SearchContentResults["default"], {
+    results: results,
+    debouncedSearchTerm: debouncedSearchTerm,
+    handleClick: handleClick
+  })));
 };
 
 SearchContent.propTypes = {

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

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

package/lib/components/SearchContent/SearchContentItems.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContentItems.js","names":["SearchContentItems","results","onClick","map","item","url","id","name","image"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <img src={image.url} alt={name} className=\"search-content--results__image\" />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,wBAAGC,OAAH;EAAA,IAAGA,OAAH,6BAAa,EAAb;EAAA,IAAiBC,OAAjB,QAAiBA,OAAjB;EAAA,OACzBD,OAAO,CAACE,GAAR,CAAY,UAAAC,IAAI,EAAI;IAClB,IAAI,CAACA,IAAI,CAACC,GAAV,EAAe,OAAO,IAAP;IAEf,IAAQC,EAAR,GAAiCF,IAAjC,CAAQE,EAAR;IAAA,IAAYC,IAAZ,GAAiCH,IAAjC,CAAYG,IAAZ;IAAA,IAAkBC,KAAlB,GAAiCJ,IAAjC,CAAkBI,KAAlB;IAAA,IAAyBH,GAAzB,GAAiCD,IAAjC,CAAyBC,GAAzB;IAEA,oBACE,gCAAC,qBAAD;MAAW,IAAI,EAAEA,GAAjB;MAAsB,OAAO,EAAEH,OAA/B;MAAwC,GAAG,EAAEI;IAA7C,gBACE;MAAK,SAAS,EAAC;IAAf,GACGE,KAAK,SAAL,IAAAA,KAAK,WAAL,IAAAA,KAAK,CAAEH,GAAP,gBACC;MAAK,GAAG,EAAEG,KAAK,CAACH,GAAhB;MAAqB,GAAG,EAAEE,IAA1B;MAAgC,SAAS,EAAC;IAA1C,EADD,GAEG,IAHN,eAIE;MAAM,SAAS,EAAC;IAAhB,GAAkDA,IAAlD,CAJF,CADF,CADF;EAUD,CAfD,CADyB;AAAA,CAA3B;;eAkBeP,kB"}

package/lib/components/SearchContent/SearchContentResults.js

@@ -0,0 +1,45 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _BlazeLink = _interopRequireDefault(require("../BlazeLink"));
+
+var _SearchContentItems = _interopRequireDefault(require("./SearchContentItems"));
+
+var SearchContentResults = function SearchContentResults(_ref) {
+  var results = _ref.results,
+      debouncedSearchTerm = _ref.debouncedSearchTerm,
+      onClick = _ref.onClick;
+
+  if (debouncedSearchTerm !== '') {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "search-content--results__wrapper"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "search-content--results__wrapper--message"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "search-content--results__content"
+    }, results.length === 0 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "search-content--results__message"
+    }, /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
+      href: "/search?search_term=".concat(debouncedSearchTerm)
+    }, "Search all results for: ".concat(debouncedSearchTerm))), results.length > 0 && /*#__PURE__*/_react["default"].createElement(_SearchContentItems["default"], {
+      results: results,
+      onClick: onClick
+    }))));
+  }
+
+  return null;
+};
+
+var _default = SearchContentResults;
+exports["default"] = _default;
+//# sourceMappingURL=SearchContentResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContentResults.js","names":["SearchContentResults","results","debouncedSearchTerm","onClick","length"],"sources":["../../../src/components/SearchContent/SearchContentResults.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport SearchContentItems from './SearchContentItems';\n\nconst SearchContentResults = ({ results, debouncedSearchTerm, onClick }) => {\n  if (debouncedSearchTerm !== '') {\n    return (\n      <div className=\"search-content--results__wrapper\">\n        <div className=\"search-content--results__wrapper--message\">\n          <div className=\"search-content--results__content\">\n            {results.length === 0 && (\n              <div className=\"search-content--results__message\">\n                <BlazeLink href={`/search?search_term=${debouncedSearchTerm}`}>\n                  {`Search all results for: ${debouncedSearchTerm}`}\n                </BlazeLink>\n              </div>\n            )}\n            {results.length > 0 && <SearchContentItems results={results} onClick={onClick} />}\n          </div>\n        </div>\n      </div>\n    );\n  }\n  return null;\n};\n\nexport default SearchContentResults;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAA+C;EAAA,IAA5CC,OAA4C,QAA5CA,OAA4C;EAAA,IAAnCC,mBAAmC,QAAnCA,mBAAmC;EAAA,IAAdC,OAAc,QAAdA,OAAc;;EAC1E,IAAID,mBAAmB,KAAK,EAA5B,EAAgC;IAC9B,oBACE;MAAK,SAAS,EAAC;IAAf,gBACE;MAAK,SAAS,EAAC;IAAf,gBACE;MAAK,SAAS,EAAC;IAAf,GACGD,OAAO,CAACG,MAAR,KAAmB,CAAnB,iBACC;MAAK,SAAS,EAAC;IAAf,gBACE,gCAAC,qBAAD;MAAW,IAAI,gCAAyBF,mBAAzB;IAAf,qCAC8BA,mBAD9B,EADF,CAFJ,EAQGD,OAAO,CAACG,MAAR,GAAiB,CAAjB,iBAAsB,gCAAC,8BAAD;MAAoB,OAAO,EAAEH,OAA7B;MAAsC,OAAO,EAAEE;IAA/C,EARzB,CADF,CADF,CADF;EAgBD;;EACD,OAAO,IAAP;AACD,CApBD;;eAsBeH,oB"}

package/lib/components/SearchContent/SearchContentToggleIcon.js

@@ -0,0 +1,38 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var SearchContentToggleIcon = function SearchContentToggleIcon(_ref) {
+  var results = _ref.results,
+      onClear = _ref.onClear;
+
+  if (results && results.length > 0) {
+    return /*#__PURE__*/React.createElement("svg", {
+      className: "search-content--expanded__icon",
+      viewBox: "0 0 20 20",
+      onClick: onClear
+    }, /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+      clipRule: "evenodd"
+    }));
+  }
+
+  return /*#__PURE__*/React.createElement("svg", {
+    className: "search-content--expanded__icon",
+    viewBox: "0 0 20 20"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+    clipRule: "evenodd"
+  }));
+};
+
+var _default = SearchContentToggleIcon;
+exports["default"] = _default;
+//# sourceMappingURL=SearchContentToggleIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContentToggleIcon.js","names":["SearchContentToggleIcon","results","onClear","length"],"sources":["../../../src/components/SearchContent/SearchContentToggleIcon.js"],"sourcesContent":["const SearchContentToggleIcon = ({ results, onClear }) => {\n  if (results && results.length > 0) {\n    return (\n      <svg className=\"search-content--expanded__icon\" viewBox=\"0 0 20 20\" onClick={onClear}>\n        <path\n          fillRule=\"evenodd\"\n          d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n          clipRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <svg className=\"search-content--expanded__icon\" viewBox=\"0 0 20 20\">\n      <path\n        fillRule=\"evenodd\"\n        d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n\nexport default SearchContentToggleIcon;\n"],"mappings":";;;;;;;;;AAAA,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,OAA0B;EAAA,IAAvBC,OAAuB,QAAvBA,OAAuB;EAAA,IAAdC,OAAc,QAAdA,OAAc;;EACxD,IAAID,OAAO,IAAIA,OAAO,CAACE,MAAR,GAAiB,CAAhC,EAAmC;IACjC,oBACE;MAAK,SAAS,EAAC,gCAAf;MAAgD,OAAO,EAAC,WAAxD;MAAoE,OAAO,EAAED;IAA7E,gBACE;MACE,QAAQ,EAAC,SADX;MAEE,CAAC,EAAC,oMAFJ;MAGE,QAAQ,EAAC;IAHX,EADF,CADF;EASD;;EAED,oBACE;IAAK,SAAS,EAAC,gCAAf;IAAgD,OAAO,EAAC;EAAxD,gBACE;IACE,QAAQ,EAAC,SADX;IAEE,CAAC,EAAC,kHAFJ;IAGE,QAAQ,EAAC;EAHX,EADF,CADF;AASD,CAtBD;;eAwBeF,uB"}