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

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 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.19](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.18...v0.124.0-alpha.19) (2022-05-18)
+
+
+### Features
+
+* add useDebounceSearch ([806201b](https://byte9/thebyte9/blaze/commits/806201bd2839162a78d4b64d2634c8bb6737b711))
+
+
+
+
+
 # [0.124.0-alpha.18](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.17...v0.124.0-alpha.18) (2022-05-17)
 
 

package/lib/components/Card/CardContainer.js

@@ -55,7 +55,7 @@ var _helpers2 = require("../../helpers");
 
 var _utils = require("../../utils");
 
-var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "arrowSize", "overlayModifier", "titleOverlayModifier"],
+var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "overlayModifier", "titleOverlayModifier"],
     _excluded2 = ["baseAdunit", "id"];
 
 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); }
@@ -83,7 +83,6 @@ var CardContainer = function CardContainer(_ref) {
       enableAutoScroll = _ref.enableAutoScroll,
       enableOverlay = _ref.enableOverlay,
       autoScrollTimer = _ref.autoScrollTimer,
-      arrowSize = _ref.arrowSize,
       overlayModifier = _ref.overlayModifier,
       titleOverlayModifier = _ref.titleOverlayModifier,
       cardProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -136,7 +135,6 @@ var CardContainer = function CardContainer(_ref) {
       displayThumbnail: displayThumbnail,
       displayTitle: displayTitle,
       priority: priority,
-      arrowSize: arrowSize,
       enableOverlay: enableOverlay,
       overlayModifier: overlayModifier,
       titleOverlayModifier: titleOverlayModifier
@@ -189,8 +187,7 @@ CardContainer.defaultProps = {
   enableOverlay: false,
   autoScrollTimer: 0,
   overlayModifier: '',
-  titleOverlayModifier: '',
-  arrowSize: ''
+  titleOverlayModifier: ''
 };
 
 var _default = (0, _HOC.withTitle)(CardContainer);

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","arrowSize","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  arrowSize,\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            arrowSize={arrowSize}\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  arrowSize: ''\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","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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"}

package/lib/components/SearchContent/SearchContent.js

@@ -0,0 +1,206 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.function.name.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _router = require("next/router");
+
+var _pluginSearchUi = require("@blaze-cms/plugin-search-ui");
+
+var _BlazeLink = _interopRequireDefault(require("../BlazeLink"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var SearchContent = function SearchContent(_ref) {
+  var entities = _ref.entities,
+      searchInputAlignment = _ref.searchInputAlignment,
+      searchInputWrapperMobile = _ref.searchInputWrapperMobile,
+      searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
+      collapsible = _ref.collapsible,
+      isMobile = _ref.isMobile,
+      placeholder = _ref.placeholder;
+
+  var _useState = (0, _react.useState)(collapsible),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      collapsed = _useState2[0],
+      setCollapsed = _useState2[1];
+
+  var router = (0, _router.useRouter)();
+
+  var _useDebounceSearch = (0, _pluginSearchUi.useDebounceSearch)({
+    entities: entities,
+    initialSearchTerm: '',
+    resultKeys: 'id, name, image { url }, url'
+  }),
+      loading = _useDebounceSearch.loading,
+      results = _useDebounceSearch.results,
+      searchTerm = _useDebounceSearch.searchTerm,
+      setSearchTerm = _useDebounceSearch.setSearchTerm,
+      setPreviousSearchTerm = _useDebounceSearch.setPreviousSearchTerm,
+      debouncedSearchTerm = _useDebounceSearch.debouncedSearchTerm,
+      previousSearchTerm = _useDebounceSearch.previousSearchTerm;
+
+  console.log({
+    searchTerm: searchTerm,
+    loading: loading,
+    results: results,
+    setSearchTerm: setSearchTerm,
+    setPreviousSearchTerm: setPreviousSearchTerm,
+    debouncedSearchTerm: debouncedSearchTerm,
+    previousSearchTerm: previousSearchTerm
+  });
+
+  var handleClick = function handleClick(e, url) {
+    e.preventDefault();
+    router.push(url);
+  };
+
+  var handleKeyPress = function handleKeyPress(e) {
+    if (e.key === 'Enter' && e.target.value !== '') {
+      router.push("/search?search_term=".concat(e.target.value));
+    }
+  };
+
+  var 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.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)));
+    });
+  };
+
+  return collapsed ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "search-content--collapse__wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("label", {
+    className: "search-content--collapse__label"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "search-content--collapse__icon_wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    className: "search-content--collapse__icon",
+    viewBox: "0 0 20 20"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+    clipRule: "evenodd"
+  }))), /*#__PURE__*/_react["default"].createElement("input", {
+    onFocus: function onFocus() {
+      return setCollapsed(false);
+    },
+    onChange: function onChange(e) {
+      return setSearchTerm(e.target.value);
+    },
+    type: "text",
+    name: "search",
+    className: "search-content--collapse__input"
+  })))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop)
+  }, /*#__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", {
+    type: "text",
+    name: "search",
+    onChange: function onChange(e) {
+      return setSearchTerm(e.target.value);
+    },
+    onKeyPress: handleKeyPress,
+    className: "search-content--expanded__input",
+    placeholder: placeholder,
+    onBlur: function onBlur() {
+      if (!collapsible) return;
+      if (!searchTerm || searchTerm === '') setCollapsed(true);
+    }
+  }))), results && /*#__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: "text-sm pt-2"
+  }, "Search results for: ".concat(searchTerm)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "search-content--results__message"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "search-content--results__content"
+  }, /*#__PURE__*/_react["default"].createElement(SearchResults, null)))))));
+};
+
+SearchContent.propTypes = {
+  searchInputAlignment: _propTypes["default"].string,
+  searchInputWrapperMobile: _propTypes["default"].string,
+  searchInputWrapperDesktop: _propTypes["default"].string,
+  placeholder: _propTypes["default"].string,
+  isMobile: _propTypes["default"].bool,
+  collapsible: _propTypes["default"].bool,
+  entities: _propTypes["default"].array.isRequired
+};
+SearchContent.defaultProps = {
+  searchInputAlignment: '',
+  searchInputWrapperMobile: '',
+  searchInputWrapperDesktop: '',
+  placeholder: '',
+  isMobile: false,
+  collapsible: false
+};
+var _default = SearchContent;
+exports["default"] = _default;
+//# sourceMappingURL=SearchContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContent.js","names":["SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","collapsed","setCollapsed","router","initialSearchTerm","resultKeys","loading","results","searchTerm","setSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","previousSearchTerm","console","log","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","SearchResults","map","result","id","name","image","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  console.log({\n    searchTerm,\n    loading,\n    results,\n    setSearchTerm,\n    setPreviousSearchTerm,\n    debouncedSearchTerm,\n    previousSearchTerm\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    return 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\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 (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {results && (\n          <div className=\"search-content--results__wrapper\">\n            <div className=\"search-content--results__wrapper--message\">\n              <div className=\"text-sm pt-2\">{`Search results for: ${searchTerm}`}</div>\n              <div className=\"search-content--results__message\">\n                <div className=\"search-content--results__content\">\n                  <SearchResults />\n                </div>\n              </div>\n            </div>\n          </div>\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/index.js

@@ -1,313 +1,16 @@
 "use strict";
 
-require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/es.object.define-property.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.split.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.promise.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.array.flat.js");
-
-require("core-js/modules/es.array.unscopables.flat.js");
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.includes.js");
-
-require("core-js/modules/es.string.includes.js");
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _client = require("@apollo/client");
-
-var _router = require("next/router");
-
-var _query = require("../../application/query");
-
-var _BlazeLink = _interopRequireDefault(require("../BlazeLink"));
-
-var _templateObject;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var logError = function logError(error) {
-  return error;
-};
-
-var SearchContent = function SearchContent(_ref) {
-  var entities = _ref.entities,
-      searchInputAlignment = _ref.searchInputAlignment,
-      searchInputWrapperMobile = _ref.searchInputWrapperMobile,
-      searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
-      collapsible = _ref.collapsible,
-      isMobile = _ref.isMobile,
-      placeholder = _ref.placeholder;
-
-  var _useState = (0, _react.useState)(collapsible),
-      _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 _useState5 = (0, _react.useState)([]),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      data = _useState6[0],
-      setData = _useState6[1];
-
-  var router = (0, _router.useRouter)();
-  var client = (0, _client.useApolloClient)();
-
-  var capitalize = function capitalize(s) {
-    if (typeof s !== 'string') return '';
-    return s.charAt(0).toUpperCase() + s.slice(1);
-  };
-
-  _react["default"].useEffect(function () {
-    if (data && data.length !== 0) return;
-    var promises = entities.map(function (entity) {
-      var _entity$split = entity.split('_'),
-          _entity$split2 = (0, _slicedToArray2["default"])(_entity$split, 2),
-          a = _entity$split2[0],
-          b = _entity$split2[1];
-
-      var entityName = capitalize(a) + capitalize(b);
-      var rawQueryStringified = JSON.stringify({
-        size: 0,
-        query: {
-          bool: {
-            should: [{
-              match: {
-                docType: entity
-              }
-            }],
-            minimum_should_match: 1
-          }
-        }
-      });
-      var query = (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n        ", "\n      "])), (0, _query.getPublishedContent)(entityName));
-
-      try {
-        return client.query({
-          query: query,
-          variables: {
-            rawQueryStringified: rawQueryStringified,
-            offset: 0,
-            limit: 5
-          }
-        });
-      } catch (e) {
-        return [];
-      }
-    });
-
-    try {
-      (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var fetchResults, searchResults;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return Promise.all(promises);
-
-              case 3:
-                fetchResults = _context.sent;
-                searchResults = fetchResults.map(function (result) {
-                  var resultData = result.data;
-                  return resultData.searchPublishedContent.results;
-                }).flat();
-                setData(searchResults);
-                _context.next = 11;
-                break;
-
-              case 8:
-                _context.prev = 8;
-                _context.t0 = _context["catch"](0);
-                logError(_context.t0);
-
-              case 11:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[0, 8]]);
-      }))();
-    } catch (e) {
-      logError(e);
-    }
-  });
-
-  var handleClick = function handleClick(e, url) {
-    e.preventDefault();
-    router.push(url);
-  };
-
-  var handleKeyPress = function handleKeyPress(e) {
-    if (e.key === 'Enter' && e.target.value !== '') {
-      router.push("/search?search_term=".concat(e.target.value));
-    }
-  };
-
-  var renderResults = function renderResults() {
-    return (// eslint-disable-next-line no-undef
-      data === null || data === void 0 ? void 0 : data.map(function (dataItem) {
-        var name = dataItem.name,
-            image = dataItem.image,
-            url = dataItem.url;
-
-        if (searchTerm && searchTerm !== '') {
-          if (name.includes(searchTerm)) {
-            return /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
-              href: url,
-              onClick: function onClick(e) {
-                return handleClick(e, url);
-              }
-            }, /*#__PURE__*/_react["default"].createElement("div", {
-              className: "search-content--results__wrapper"
-            }, 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)));
-          }
-
-          return null;
-        }
-      })
-    );
-  };
-
-  var searchResultsMessage = searchTerm ? "Search results for: ".concat(searchTerm) : '';
-  return collapsed ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--collapse__wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("label", {
-    className: "search-content--collapse__label"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "search-content--collapse__icon_wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
-    className: "search-content--collapse__icon",
-    viewBox: "0 0 20 20"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fillRule: "evenodd",
-    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
-    clipRule: "evenodd"
-  }))), /*#__PURE__*/_react["default"].createElement("input", {
-    onFocus: function onFocus() {
-      return setCollapsed(false);
-    },
-    onChange: function onChange(e) {
-      return setSearchTerm(e.target.value);
-    },
-    type: "text",
-    name: "search",
-    value: "",
-    className: "search-content--collapse__input"
-  })))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop)
-  }, /*#__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", {
-    type: "text",
-    name: "search",
-    onChange: function onChange(e) {
-      return setSearchTerm(e.target.value);
-    },
-    onKeyPress: handleKeyPress,
-    className: "search-content--expanded__input",
-    placeholder: placeholder,
-    onBlur: function onBlur() {
-      if (!collapsible) return;
-      if (!searchTerm || searchTerm === '') setCollapsed(true);
-    }
-  }))), data && searchResultsMessage !== '' && /*#__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: "text-sm pt-2"
-  }, searchResultsMessage), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--results__message"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--results__content"
-  }, renderResults()))))));
-};
+var _SearchContent = _interopRequireDefault(require("./SearchContent"));
 
-SearchContent.propTypes = {
-  searchInputAlignment: _propTypes["default"].string,
-  searchInputWrapperMobile: _propTypes["default"].string,
-  searchInputWrapperDesktop: _propTypes["default"].string,
-  placeholder: _propTypes["default"].string,
-  isMobile: _propTypes["default"].bool,
-  collapsible: _propTypes["default"].bool,
-  entities: _propTypes["default"].array.isRequired
-};
-SearchContent.defaultProps = {
-  searchInputAlignment: '',
-  searchInputWrapperMobile: '',
-  searchInputWrapperDesktop: '',
-  placeholder: '',
-  isMobile: false,
-  collapsible: false
-};
-var _default = SearchContent;
+var _default = _SearchContent["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map