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

package/lib/components/SearchContent/SearchContent.js

@@ -0,0 +1,183 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.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.join.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _router = require("next/router");
+
+var _pluginSearchUi = require("@blaze-cms/plugin-search-ui");
+
+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); }
+
+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,
+      modifier = _ref.modifier;
+
+  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'
+  }),
+      results = _useDebounceSearch.results,
+      searchTerm = _useDebounceSearch.searchTerm,
+      setSearchTerm = _useDebounceSearch.setSearchTerm,
+      debouncedSearchTerm = _useDebounceSearch.debouncedSearchTerm;
+
+  (0, _react.useEffect)(function () {
+    var handleRouteChange = function handleRouteChange() {
+      return setSearchTerm('');
+    };
+
+    router.events.on('routeChangeStart', handleRouteChange);
+    return function () {
+      router.events.off('routeChangeStart', handleRouteChange);
+    };
+  }, [router.events, setSearchTerm]);
+  var responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;
+
+  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 handleOnBlur = function handleOnBlur() {
+    if (!collapsible) return;
+    if (!debouncedSearchTerm || debouncedSearchTerm === '') setCollapsed(true);
+  };
+
+  var handleClearSearchResults = function handleClearSearchResults() {
+    setSearchTerm('');
+  };
+
+  var className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');
+  return collapsed ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: className
+  }, /*#__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: className
+  }, /*#__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(_SearchContentToggleIcon["default"], {
+    results: results,
+    onClear: handleClearSearchResults
+  })), /*#__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,
+    value: searchTerm,
+    onBlur: handleOnBlur
+  }))), /*#__PURE__*/_react["default"].createElement(_SearchContentResults["default"], {
+    results: results,
+    debouncedSearchTerm: debouncedSearchTerm,
+    handleClick: handleClick
+  })));
+};
+
+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,
+  modifier: _propTypes["default"].string
+};
+SearchContent.defaultProps = {
+  searchInputAlignment: '',
+  searchInputWrapperMobile: '',
+  searchInputWrapperDesktop: '',
+  placeholder: '',
+  isMobile: false,
+  collapsible: false,
+  modifier: ''
+};
+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","modifier","collapsed","setCollapsed","router","initialSearchTerm","resultKeys","results","searchTerm","setSearchTerm","debouncedSearchTerm","handleRouteChange","events","on","off","responsiveClasses","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","handleOnBlur","handleClearSearchResults","className","filter","Boolean","join","propTypes","PropTypes","string","bool","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/SearchContent.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useDebounceSearch } from '@blaze-cms/plugin-search-ui';\nimport SearchContentResults from './SearchContentResults';\nimport SearchContentToggleIcon from './SearchContentToggleIcon';\n\nconst SearchContent = ({\n  entities,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  collapsible,\n  isMobile,\n  placeholder,\n  modifier\n}) => {\n  const [collapsed, setCollapsed] = useState(collapsible);\n  const router = useRouter();\n\n  const { results, searchTerm, setSearchTerm, debouncedSearchTerm } = useDebounceSearch({\n    entities,\n    initialSearchTerm: '',\n    resultKeys: 'id, name, image { url }, url'\n  });\n\n  useEffect(\n    () => {\n      const handleRouteChange = () => setSearchTerm('');\n      router.events.on('routeChangeStart', handleRouteChange);\n\n      return () => {\n        router.events.off('routeChangeStart', handleRouteChange);\n      };\n    },\n    [router.events, setSearchTerm]\n  );\n\n  const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyPress = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      router.push(`/search?search_term=${e.target.value}`);\n    }\n  };\n\n  const handleOnBlur = () => {\n    if (!collapsible) return;\n    if (!debouncedSearchTerm || debouncedSearchTerm === '') setCollapsed(true);\n  };\n\n  const handleClearSearchResults = () => {\n    setSearchTerm('');\n  };\n\n  const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');\n  return collapsed ? (\n    <div className={className}>\n      <div className=\"search-content--collapse__wrapper\">\n        <label className=\"search-content--collapse__label\">\n          <span className=\"search-content--collapse__icon_wrapper\">\n            <svg className=\"search-content--collapse__icon\" viewBox=\"0 0 20 20\">\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            className=\"search-content--collapse__input\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={className}>\n        <div className=\"search-content--expanded__wrapper\">\n          <label className=\"search-content--expanded__label\">\n            <span className=\"search-content--expanded__icon_wrapper\">\n              <SearchContentToggleIcon results={results} onClear={handleClearSearchResults} />\n            </span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyPress={handleKeyPress}\n              className=\"search-content--expanded__input\"\n              placeholder={placeholder}\n              value={searchTerm}\n              onBlur={handleOnBlur}\n            />\n          </label>\n        </div>\n        <SearchContentResults\n          results={results}\n          debouncedSearchTerm={debouncedSearchTerm}\n          handleClick={handleClick}\n        />\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  placeholder: PropTypes.string,\n  isMobile: PropTypes.bool,\n  collapsible: PropTypes.bool,\n  entities: PropTypes.array.isRequired,\n  modifier: PropTypes.string\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  collapsible: false,\n  modifier: ''\n};\n\nexport default SearchContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAShB;EAAA,IARJC,QAQI,QARJA,QAQI;EAAA,IAPJC,oBAOI,QAPJA,oBAOI;EAAA,IANJC,wBAMI,QANJA,wBAMI;EAAA,IALJC,yBAKI,QALJA,yBAKI;EAAA,IAJJC,WAII,QAJJA,WAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,WAEI,QAFJA,WAEI;EAAA,IADJC,QACI,QADJA,QACI;;EACJ,gBAAkC,qBAASH,WAAT,CAAlC;EAAA;EAAA,IAAOI,SAAP;EAAA,IAAkBC,YAAlB;;EACA,IAAMC,MAAM,GAAG,wBAAf;;EAEA,yBAAoE,uCAAkB;IACpFV,QAAQ,EAARA,QADoF;IAEpFW,iBAAiB,EAAE,EAFiE;IAGpFC,UAAU,EAAE;EAHwE,CAAlB,CAApE;EAAA,IAAQC,OAAR,sBAAQA,OAAR;EAAA,IAAiBC,UAAjB,sBAAiBA,UAAjB;EAAA,IAA6BC,aAA7B,sBAA6BA,aAA7B;EAAA,IAA4CC,mBAA5C,sBAA4CA,mBAA5C;;EAMA,sBACE,YAAM;IACJ,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;MAAA,OAAMF,aAAa,CAAC,EAAD,CAAnB;IAAA,CAA1B;;IACAL,MAAM,CAACQ,MAAP,CAAcC,EAAd,CAAiB,kBAAjB,EAAqCF,iBAArC;IAEA,OAAO,YAAM;MACXP,MAAM,CAACQ,MAAP,CAAcE,GAAd,CAAkB,kBAAlB,EAAsCH,iBAAtC;IACD,CAFD;EAGD,CARH,EASE,CAACP,MAAM,CAACQ,MAAR,EAAgBH,aAAhB,CATF;EAYA,IAAMM,iBAAiB,GAAGhB,QAAQ,GAAGH,wBAAH,GAA8BC,yBAAhE;;EAEA,IAAMmB,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAIC,GAAJ,EAAY;IAC9BD,CAAC,CAACE,cAAF;IACAf,MAAM,CAACgB,IAAP,CAAYF,GAAZ;EACD,CAHD;;EAKA,IAAMG,cAAc,GAAG,SAAjBA,cAAiB,CAAAJ,CAAC,EAAI;IAC1B,IAAIA,CAAC,CAACK,GAAF,KAAU,OAAV,IAAqBL,CAAC,CAACM,MAAF,CAASC,KAAT,KAAmB,EAA5C,EAAgD;MAC9CpB,MAAM,CAACgB,IAAP,+BAAmCH,CAAC,CAACM,MAAF,CAASC,KAA5C;IACD;EACF,CAJD;;EAMA,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;IACzB,IAAI,CAAC3B,WAAL,EAAkB;IAClB,IAAI,CAACY,mBAAD,IAAwBA,mBAAmB,KAAK,EAApD,EAAwDP,YAAY,CAAC,IAAD,CAAZ;EACzD,CAHD;;EAKA,IAAMuB,wBAAwB,GAAG,SAA3BA,wBAA2B,GAAM;IACrCjB,aAAa,CAAC,EAAD,CAAb;EACD,CAFD;;EAIA,IAAMkB,SAAS,GAAG,CAAC,gBAAD,EAAmB1B,QAAnB,EAA6Bc,iBAA7B,EAAgDa,MAAhD,CAAuDC,OAAvD,EAAgEC,IAAhE,CAAqE,GAArE,CAAlB;EACA,OAAO5B,SAAS,gBACd;IAAK,SAAS,EAAEyB;EAAhB,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAO,SAAS,EAAC;EAAjB,gBACE;IAAM,SAAS,EAAC;EAAhB,gBACE;IAAK,SAAS,EAAC,gCAAf;IAAgD,OAAO,EAAC;EAAxD,gBACE;IACE,QAAQ,EAAC,SADX;IAEE,CAAC,EAAC,kHAFJ;IAGE,QAAQ,EAAC;EAHX,EADF,CADF,CADF,eAUE;IACE,OAAO,EAAE;MAAA,OAAMxB,YAAY,CAAC,KAAD,CAAlB;IAAA,CADX;IAEE,QAAQ,EAAE,kBAAAc,CAAC;MAAA,OAAIR,aAAa,CAACQ,CAAC,CAACM,MAAF,CAASC,KAAV,CAAjB;IAAA,CAFb;IAGE,IAAI,EAAC,MAHP;IAIE,IAAI,EAAC,QAJP;IAKE,SAAS,EAAC;EALZ,EAVF,CADF,CADF,CADc,gBAwBd,+EACE;IAAK,SAAS,EAAEG;EAAhB,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAO,SAAS,EAAC;EAAjB,gBACE;IAAM,SAAS,EAAC;EAAhB,gBACE,gCAAC,mCAAD;IAAyB,OAAO,EAAEpB,OAAlC;IAA2C,OAAO,EAAEmB;EAApD,EADF,CADF,eAIE;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAC,QAFP;IAGE,QAAQ,EAAE,kBAAAT,CAAC;MAAA,OAAIR,aAAa,CAACQ,CAAC,CAACM,MAAF,CAASC,KAAV,CAAjB;IAAA,CAHb;IAIE,UAAU,EAAEH,cAJd;IAKE,SAAS,EAAC,iCALZ;IAME,WAAW,EAAErB,WANf;IAOE,KAAK,EAAEQ,UAPT;IAQE,MAAM,EAAEiB;EARV,EAJF,CADF,CADF,eAkBE,gCAAC,gCAAD;IACE,OAAO,EAAElB,OADX;IAEE,mBAAmB,EAAEG,mBAFvB;IAGE,WAAW,EAAEM;EAHf,EAlBF,CADF,CAxBF;AAmDD,CAzGD;;AA2GAvB,aAAa,CAACsC,SAAd,GAA0B;EACxBpC,oBAAoB,EAAEqC,sBAAUC,MADR;EAExBrC,wBAAwB,EAAEoC,sBAAUC,MAFZ;EAGxBpC,yBAAyB,EAAEmC,sBAAUC,MAHb;EAIxBjC,WAAW,EAAEgC,sBAAUC,MAJC;EAKxBlC,QAAQ,EAAEiC,sBAAUE,IALI;EAMxBpC,WAAW,EAAEkC,sBAAUE,IANC;EAOxBxC,QAAQ,EAAEsC,sBAAUG,KAAV,CAAgBC,UAPF;EAQxBnC,QAAQ,EAAE+B,sBAAUC;AARI,CAA1B;AAWAxC,aAAa,CAAC4C,YAAd,GAA6B;EAC3B1C,oBAAoB,EAAE,EADK;EAE3BC,wBAAwB,EAAE,EAFC;EAG3BC,yBAAyB,EAAE,EAHA;EAI3BG,WAAW,EAAE,EAJc;EAK3BD,QAAQ,EAAE,KALiB;EAM3BD,WAAW,EAAE,KANc;EAO3BG,QAAQ,EAAE;AAPiB,CAA7B;eAUeR,a"}

package/lib/components/SearchContent/SearchContentItems.js

@@ -0,0 +1,51 @@
+"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 _LazyImage = _interopRequireDefault(require("../LazyImage"));
+
+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(_LazyImage["default"], {
+      src: image.url,
+      alt: name,
+      className: "search-content--results__image",
+      sizeKey: "search-result"
+    }) : 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';\nimport LazyImage from '../LazyImage';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <LazyImage\n              src={image.url}\n              alt={name}\n              className=\"search-content--results__image\"\n              sizeKey=\"search-result\"\n            />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,wBAAGC,OAAH;EAAA,IAAGA,OAAH,6BAAa,EAAb;EAAA,IAAiBC,OAAjB,QAAiBA,OAAjB;EAAA,OACzBD,OAAO,CAACE,GAAR,CAAY,UAAAC,IAAI,EAAI;IAClB,IAAI,CAACA,IAAI,CAACC,GAAV,EAAe,OAAO,IAAP;IAEf,IAAQC,EAAR,GAAiCF,IAAjC,CAAQE,EAAR;IAAA,IAAYC,IAAZ,GAAiCH,IAAjC,CAAYG,IAAZ;IAAA,IAAkBC,KAAlB,GAAiCJ,IAAjC,CAAkBI,KAAlB;IAAA,IAAyBH,GAAzB,GAAiCD,IAAjC,CAAyBC,GAAzB;IAEA,oBACE,gCAAC,qBAAD;MAAW,IAAI,EAAEA,GAAjB;MAAsB,OAAO,EAAEH,OAA/B;MAAwC,GAAG,EAAEI;IAA7C,gBACE;MAAK,SAAS,EAAC;IAAf,GACGE,KAAK,SAAL,IAAAA,KAAK,WAAL,IAAAA,KAAK,CAAEH,GAAP,gBACC,gCAAC,qBAAD;MACE,GAAG,EAAEG,KAAK,CAACH,GADb;MAEE,GAAG,EAAEE,IAFP;MAGE,SAAS,EAAC,gCAHZ;MAIE,OAAO,EAAC;IAJV,EADD,GAOG,IARN,eASE;MAAM,SAAS,EAAC;IAAhB,GAAkDA,IAAlD,CATF,CADF,CADF;EAeD,CApBD,CADyB;AAAA,CAA3B;;eAuBeP,kB"}

package/lib/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,42 @@
+"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 SearchContentToggleIcon = function SearchContentToggleIcon(_ref) {
+  var results = _ref.results,
+      onClear = _ref.onClear;
+
+  if (results && results.length > 0) {
+    return /*#__PURE__*/_react["default"].createElement("svg", {
+      className: "search-content--expanded__icon",
+      viewBox: "0 0 20 20",
+      onClick: onClear
+    }, /*#__PURE__*/_react["default"].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["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"
+  }));
+};
+
+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":["import React from 'react';\n\nconst 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;;AAEA,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"}