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

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

@@ -0,0 +1,129 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { useRouter } from 'next/router';
+import { useDebounceSearch } from '@blaze-cms/plugin-search-ui';
+import SearchContentResults from './SearchContentResults';
+import SearchContentToggleIcon from './SearchContentToggleIcon';
+
+const SearchContent = ({
+  entities,
+  searchInputAlignment,
+  searchInputWrapperMobile,
+  searchInputWrapperDesktop,
+  collapsible,
+  isMobile,
+  placeholder,
+  modifier
+}) => {
+  const [collapsed, setCollapsed] = useState(collapsible);
+  const router = useRouter();
+  const {
+    results,
+    searchTerm,
+    setSearchTerm,
+    debouncedSearchTerm
+  } = useDebounceSearch({
+    entities,
+    initialSearchTerm: '',
+    resultKeys: 'id, name, image { url }, url'
+  });
+  useEffect(() => {
+    const handleRouteChange = () => setSearchTerm('');
+
+    router.events.on('routeChangeStart', handleRouteChange);
+    return () => {
+      router.events.off('routeChangeStart', handleRouteChange);
+    };
+  }, [router.events, setSearchTerm]);
+  const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;
+
+  const handleClick = (e, url) => {
+    e.preventDefault();
+    router.push(url);
+  };
+
+  const handleKeyPress = e => {
+    if (e.key === 'Enter' && e.target.value !== '') {
+      router.push(`/search?search_term=${e.target.value}`);
+    }
+  };
+
+  const handleOnBlur = () => {
+    if (!collapsible) return;
+    if (!debouncedSearchTerm || debouncedSearchTerm === '') setCollapsed(true);
+  };
+
+  const handleClearSearchResults = () => {
+    setSearchTerm('');
+  };
+
+  const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');
+  return collapsed ? /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "search-content--collapse__wrapper"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "search-content--collapse__label"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "search-content--collapse__icon_wrapper"
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "search-content--collapse__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"
+  }))), /*#__PURE__*/React.createElement("input", {
+    onFocus: () => setCollapsed(false),
+    onChange: e => setSearchTerm(e.target.value),
+    type: "text",
+    name: "search",
+    className: "search-content--collapse__input"
+  })))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "search-content--expanded__wrapper"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "search-content--expanded__label"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "search-content--expanded__icon_wrapper"
+  }, /*#__PURE__*/React.createElement(SearchContentToggleIcon, {
+    results: results,
+    onClear: handleClearSearchResults
+  })), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    name: "search",
+    onChange: e => setSearchTerm(e.target.value),
+    onKeyPress: handleKeyPress,
+    className: "search-content--expanded__input",
+    placeholder: placeholder,
+    value: searchTerm,
+    onBlur: handleOnBlur
+  }))), /*#__PURE__*/React.createElement(SearchContentResults, {
+    results: results,
+    debouncedSearchTerm: debouncedSearchTerm,
+    handleClick: handleClick
+  })));
+};
+
+SearchContent.propTypes = {
+  searchInputAlignment: PropTypes.string,
+  searchInputWrapperMobile: PropTypes.string,
+  searchInputWrapperDesktop: PropTypes.string,
+  placeholder: PropTypes.string,
+  isMobile: PropTypes.bool,
+  collapsible: PropTypes.bool,
+  entities: PropTypes.array.isRequired,
+  modifier: PropTypes.string
+};
+SearchContent.defaultProps = {
+  searchInputAlignment: '',
+  searchInputWrapperMobile: '',
+  searchInputWrapperDesktop: '',
+  placeholder: '',
+  isMobile: false,
+  collapsible: false,
+  modifier: ''
+};
+export default SearchContent;
+//# sourceMappingURL=SearchContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContent.js","names":["React","useState","useEffect","PropTypes","useRouter","useDebounceSearch","SearchContentResults","SearchContentToggleIcon","SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","modifier","collapsed","setCollapsed","router","results","searchTerm","setSearchTerm","debouncedSearchTerm","initialSearchTerm","resultKeys","handleRouteChange","events","on","off","responsiveClasses","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","handleOnBlur","handleClearSearchResults","className","filter","Boolean","join","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":"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"}

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import BlazeLink from '../BlazeLink';
+import LazyImage from '../LazyImage';
+
+const SearchContentItems = ({
+  results = [],
+  onClick
+}) => results.map(item => {
+  if (!item.url) return null;
+  const {
+    id,
+    name,
+    image,
+    url
+  } = item;
+  return /*#__PURE__*/React.createElement(BlazeLink, {
+    href: url,
+    onClick: onClick,
+    key: id
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "search-content--results__wrapper"
+  }, image !== null && image !== void 0 && image.url ? /*#__PURE__*/React.createElement(LazyImage, {
+    src: image.url,
+    alt: name,
+    className: "search-content--results__image",
+    sizeKey: "search-result"
+  }) : null, /*#__PURE__*/React.createElement("span", {
+    className: "search-content--results__title"
+  }, name)));
+});
+
+export default SearchContentItems;
+//# sourceMappingURL=SearchContentItems.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContentItems.js","names":["React","BlazeLink","LazyImage","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,kBAAkB,GAAG,CAAC;EAAEC,OAAO,GAAG,EAAZ;EAAgBC;AAAhB,CAAD,KACzBD,OAAO,CAACE,GAAR,CAAYC,IAAI,IAAI;EAClB,IAAI,CAACA,IAAI,CAACC,GAAV,EAAe,OAAO,IAAP;EAEf,MAAM;IAAEC,EAAF;IAAMC,IAAN;IAAYC,KAAZ;IAAmBH;EAAnB,IAA2BD,IAAjC;EAEA,oBACE,oBAAC,SAAD;IAAW,IAAI,EAAEC,GAAjB;IAAsB,OAAO,EAAEH,OAA/B;IAAwC,GAAG,EAAEI;EAA7C,gBACE;IAAK,SAAS,EAAC;EAAf,GACGE,KAAK,SAAL,IAAAA,KAAK,WAAL,IAAAA,KAAK,CAAEH,GAAP,gBACC,oBAAC,SAAD;IACE,GAAG,EAAEG,KAAK,CAACH,GADb;IAEE,GAAG,EAAEE,IAFP;IAGE,SAAS,EAAC,gCAHZ;IAIE,OAAO,EAAC;EAJV,EADD,GAOG,IARN,eASE;IAAM,SAAS,EAAC;EAAhB,GAAkDA,IAAlD,CATF,CADF,CADF;AAeD,CApBD,CADF;;AAuBA,eAAeP,kBAAf"}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import BlazeLink from '../BlazeLink';
+import SearchContentItems from './SearchContentItems';
+
+const SearchContentResults = ({
+  results,
+  debouncedSearchTerm,
+  onClick
+}) => {
+  if (debouncedSearchTerm !== '') {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "search-content--results__wrapper"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "search-content--results__wrapper--message"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "search-content--results__content"
+    }, results.length === 0 && /*#__PURE__*/React.createElement("div", {
+      className: "search-content--results__message"
+    }, /*#__PURE__*/React.createElement(BlazeLink, {
+      href: `/search?search_term=${debouncedSearchTerm}`
+    }, `Search all results for: ${debouncedSearchTerm}`)), results.length > 0 && /*#__PURE__*/React.createElement(SearchContentItems, {
+      results: results,
+      onClick: onClick
+    }))));
+  }
+
+  return null;
+};
+
+export default SearchContentResults;
+//# sourceMappingURL=SearchContentResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContentResults.js","names":["React","BlazeLink","SearchContentItems","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,kBAAP,MAA+B,sBAA/B;;AAEA,MAAMC,oBAAoB,GAAG,CAAC;EAAEC,OAAF;EAAWC,mBAAX;EAAgCC;AAAhC,CAAD,KAA+C;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,oBAAC,SAAD;MAAW,IAAI,EAAG,uBAAsBF,mBAAoB;IAA5D,GACI,2BAA0BA,mBAAoB,EADlD,CADF,CAFJ,EAQGD,OAAO,CAACG,MAAR,GAAiB,CAAjB,iBAAsB,oBAAC,kBAAD;MAAoB,OAAO,EAAEH,OAA7B;MAAsC,OAAO,EAAEE;IAA/C,EARzB,CADF,CADF,CADF;EAgBD;;EACD,OAAO,IAAP;AACD,CApBD;;AAsBA,eAAeH,oBAAf"}

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

@@ -0,0 +1,30 @@
+import React from 'react';
+
+const SearchContentToggleIcon = ({
+  results,
+  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"
+  }));
+};
+
+export default SearchContentToggleIcon;
+//# sourceMappingURL=SearchContentToggleIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchContentToggleIcon.js","names":["React","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,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,MAAMC,uBAAuB,GAAG,CAAC;EAAEC,OAAF;EAAWC;AAAX,CAAD,KAA0B;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;;AAwBA,eAAeF,uBAAf"}

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

@@ -1,207 +1,3 @@
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { gql, useApolloClient } from '@apollo/client';
-import { useRouter } from 'next/router';
-import { getPublishedContent } from '../../application/query';
-import BlazeLink from '../BlazeLink';
-
-const logError = error => error;
-
-const SearchContent = ({
-  entities,
-  searchInputAlignment,
-  searchInputWrapperMobile,
-  searchInputWrapperDesktop,
-  collapsible,
-  isMobile,
-  placeholder
-}) => {
-  const [collapsed, setCollapsed] = useState(collapsible);
-  const [searchTerm, setSearchTerm] = useState(null);
-  const [data, setData] = useState([]);
-  const router = useRouter();
-  const client = useApolloClient();
-
-  const capitalize = s => {
-    if (typeof s !== 'string') return '';
-    return s.charAt(0).toUpperCase() + s.slice(1);
-  };
-
-  React.useEffect(() => {
-    if (data && data.length !== 0) return;
-    const promises = entities.map(entity => {
-      const [a, b] = entity.split('_');
-      const entityName = capitalize(a) + capitalize(b);
-      const rawQueryStringified = JSON.stringify({
-        size: 0,
-        query: {
-          bool: {
-            should: [{
-              match: {
-                docType: entity
-              }
-            }],
-            minimum_should_match: 1
-          }
-        }
-      });
-      const query = gql`
-        ${getPublishedContent(entityName)}
-      `;
-
-      try {
-        return client.query({
-          query,
-          variables: {
-            rawQueryStringified,
-            offset: 0,
-            limit: 5
-          }
-        });
-      } catch (e) {
-        return [];
-      }
-    });
-
-    try {
-      (async () => {
-        try {
-          const fetchResults = await Promise.all(promises);
-          const searchResults = fetchResults.map(result => {
-            const {
-              data: resultData
-            } = result;
-            return resultData.searchPublishedContent.results;
-          }).flat();
-          setData(searchResults);
-        } catch (e) {
-          logError(e);
-        }
-      })();
-    } catch (e) {
-      logError(e);
-    }
-  });
-
-  const handleClick = (e, url) => {
-    e.preventDefault();
-    router.push(url);
-  };
-
-  const handleKeyPress = e => {
-    if (e.key === 'Enter' && e.target.value !== '') {
-      router.push(`/search?search_term=${e.target.value}`);
-    }
-  };
-
-  const renderResults = () => // eslint-disable-next-line no-undef
-  data === null || data === void 0 ? void 0 : data.map(dataItem => {
-    const {
-      name,
-      image,
-      url
-    } = dataItem;
-
-    if (searchTerm && searchTerm !== '') {
-      if (name.includes(searchTerm)) {
-        return /*#__PURE__*/React.createElement(BlazeLink, {
-          href: url,
-          onClick: e => handleClick(e, url)
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "mt-2 mb-1"
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "flex justify-start items-center"
-        }, image.url ? /*#__PURE__*/React.createElement("img", {
-          src: image.url,
-          alt: name,
-          className: "w-20 h-14"
-        }) : null, /*#__PURE__*/React.createElement("span", {
-          className: "ml-2"
-        }, name))));
-      }
-
-      return null;
-    }
-  });
-
-  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';
-  return collapsed ? /*#__PURE__*/React.createElement("div", {
-    className: isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "search-content--collapse__wrapper"
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "search-content--collapse__label"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "search-content--collapse__icon_wrapper"
-  }, /*#__PURE__*/React.createElement("svg", {
-    className: "search-content--collapse__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"
-  }))), /*#__PURE__*/React.createElement("input", {
-    onFocus: () => setCollapsed(false),
-    onChange: e => setSearchTerm(e.target.value),
-    type: "text",
-    name: "search",
-    value: "",
-    className: "search-content--collapse__input"
-  })))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: `${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "search-content--expanded__wrapper"
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "search-content--expanded__label"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "search-content--expanded__icon_wrapper"
-  }, /*#__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"
-  }))), /*#__PURE__*/React.createElement("input", {
-    type: "text",
-    name: "search",
-    onChange: e => setSearchTerm(e.target.value),
-    onKeyPress: handleKeyPress,
-    className: "search-content--expanded__input",
-    placeholder: placeholder,
-    onBlur: () => {
-      if (!collapsible) return;
-      if (!searchTerm || searchTerm === '') setCollapsed(true);
-    }
-  }))), data && searchResultsMessage !== '' && /*#__PURE__*/React.createElement("div", {
-    className: "search-content--results__wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "search-content--results__wrapper--message"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "text-sm pt-2"
-  }, searchResultsMessage), /*#__PURE__*/React.createElement("div", {
-    className: "search-content--results__message"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "search-content--results__content"
-  }, renderResults()))))));
-};
-
-SearchContent.propTypes = {
-  searchInputAlignment: PropTypes.string,
-  searchInputWrapperMobile: PropTypes.string,
-  searchInputWrapperDesktop: PropTypes.string,
-  placeholder: PropTypes.string,
-  isMobile: PropTypes.bool,
-  collapsible: PropTypes.bool,
-  entities: PropTypes.array.isRequired
-};
-SearchContent.defaultProps = {
-  searchInputAlignment: '',
-  searchInputWrapperMobile: '',
-  searchInputWrapperDesktop: '',
-  placeholder: '',
-  isMobile: false,
-  collapsible: false
-};
+import SearchContent from './SearchContent';
 export default SearchContent;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","PropTypes","gql","useApolloClient","useRouter","getPublishedContent","BlazeLink","logError","error","SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","collapsed","setCollapsed","searchTerm","setSearchTerm","data","setData","router","client","capitalize","s","charAt","toUpperCase","slice","useEffect","length","promises","map","entity","a","b","split","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","variables","offset","limit","e","fetchResults","Promise","all","searchResults","result","resultData","searchPublishedContent","results","flat","handleClick","url","preventDefault","push","handleKeyPress","key","target","value","renderResults","dataItem","name","image","includes","searchResultsMessage","propTypes","string","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useApolloClient } from '@apollo/client';\n\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst logError = error => error;\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 [searchTerm, setSearchTerm] = useState(null);\n  const [data, setData] = useState([]);\n\n  const router = useRouter();\n  const client = useApolloClient();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  React.useEffect(() => {\n    if (data && data.length !== 0) return;\n\n    const promises = entities.map(entity => {\n      const [a, b] = entity.split('_');\n\n      const entityName = capitalize(a) + capitalize(b);\n\n      const rawQueryStringified = JSON.stringify({\n        size: 0,\n        query: {\n          bool: {\n            should: [\n              {\n                match: {\n                  docType: entity\n                }\n              }\n            ],\n            minimum_should_match: 1\n          }\n        }\n      });\n\n      const query = gql`\n        ${getPublishedContent(entityName)}\n      `;\n\n      try {\n        return client.query({\n          query,\n          variables: {\n            rawQueryStringified,\n            offset: 0,\n            limit: 5\n          }\n        });\n      } catch (e) {\n        return [];\n      }\n    });\n\n    try {\n      (async () => {\n        try {\n          const fetchResults = await Promise.all(promises);\n          const searchResults = fetchResults\n            .map(result => {\n              const { data: resultData } = result;\n              return resultData.searchPublishedContent.results;\n            })\n            .flat();\n\n          setData(searchResults);\n        } catch (e) {\n          logError(e);\n        }\n      })();\n    } catch (e) {\n      logError(e);\n    }\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 renderResults = () =>\n    // eslint-disable-next-line no-undef\n    data?.map(dataItem => {\n      const { name, image, url } = dataItem;\n\n      if (searchTerm && searchTerm !== '') {\n        if (name.includes(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              <div className=\"mt-2 mb-1\">\n                <div className=\"flex justify-start items-center\">\n                  {image.url ? <img src={image.url} alt={name} className=\"w-20 h-14\" /> : null}\n                  <span className=\"ml-2\">{name}</span>\n                </div>\n              </div>\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      }\n    });\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\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            value=\"\"\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        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"search-content--results__wrapper\">\n              <div className=\"search-content--results__wrapper--message\">\n                <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n                <div className=\"search-content--results__message\">\n                  <div className=\"search-content--results__content\">{renderResults()}</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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"}
+{"version":3,"file":"index.js","names":["SearchContent"],"sources":["../../../src/components/SearchContent/index.js"],"sourcesContent":["import SearchContent from './SearchContent';\n\nexport default SearchContent;\n"],"mappings":"AAAA,OAAOA,aAAP,MAA0B,iBAA1B;AAEA,eAAeA,aAAf"}

package/lib-es/components/SearchFilter/SearchFilter/FiltersList.js

@@ -33,8 +33,6 @@ const FiltersList = ({
     const isDataAvailable = !!data && Object.keys(data).length;
     const dataAggregations = isDataAvailable ? data : null;
     const areAggregationsAvailable = isDataAvailable && !!dataAggregations;
-    const results = areAggregationsAvailable && dataAggregations[propsToDisplay[0]];
-    const shouldDisplayFilter = results && results.buckets && results.buckets.length;
 
     switch (type) {
       case TEXT_SEARCH:
@@ -50,7 +48,7 @@ const FiltersList = ({
         })));
 
       case CHECKBOX:
-        return !!shouldDisplayFilter && /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           key: dynamicKey,
           className: "filter__section filter__section--search-refine filter__section--checkboxes"
         }, /*#__PURE__*/React.createElement(Checkbox, _extends({}, otherProps, {
@@ -65,7 +63,7 @@ const FiltersList = ({
         })));
 
       case SELECT:
-        return !!shouldDisplayFilter && /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           key: dynamicKey,
           className: "filter__section filter__section--search-refine filter__section--selects"
         }, /*#__PURE__*/React.createElement(SelectFilter, _extends({}, otherProps, {

package/lib-es/components/SearchFilter/SearchFilter/FiltersList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FiltersList.js","names":["React","useContext","PropTypes","MainContext","TextSearch","Checkbox","SelectFilter","Range","CHECKBOX","SELECT","TEXT_SEARCH","RANGE","SEARCH_TERM","FiltersList","data","filters","hasUrl","entity","filterValues","updateFilterValues","shouldSearch","itemId","map","index","type","label","propsToDisplay","elementTitle","otherProps","length","dynamicKey","join","isDataAvailable","Object","keys","dataAggregations","areAggregationsAvailable","results","shouldDisplayFilter","buckets","propTypes","bool","isRequired","string","object","func","array","defaultProps"],"sources":["../../../../src/components/SearchFilter/SearchFilter/FiltersList.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { TextSearch, Checkbox, SelectFilter, Range } from '../components';\nimport { CHECKBOX, SELECT, TEXT_SEARCH, RANGE, SEARCH_TERM } from '../constants';\n\nconst FiltersList = ({\n  data,\n  filters,\n  hasUrl,\n  entity,\n  filterValues,\n  updateFilterValues,\n  shouldSearch\n}) => {\n  const { itemId } = useContext(MainContext);\n\n  return filters.map(({ type, label, propsToDisplay, elementTitle, ...otherProps }, index) => {\n    if (!propsToDisplay && !propsToDisplay.length) return null;\n\n    const dynamicKey = [itemId, index].join('-');\n    const isDataAvailable = !!data && Object.keys(data).length;\n    const dataAggregations = isDataAvailable ? data : null;\n    const areAggregationsAvailable = isDataAvailable && !!dataAggregations;\n    const results = areAggregationsAvailable && dataAggregations[propsToDisplay[0]];\n    const shouldDisplayFilter = results && results.buckets && results.buckets.length;\n\n    switch (type) {\n      case TEXT_SEARCH:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--search\">\n            <TextSearch\n              {...otherProps}\n              label={label}\n              elementTitle={elementTitle}\n              searchValue={filterValues[SEARCH_TERM]}\n              updateFilterValues={updateFilterValues}\n              filterValues={filterValues}\n            />\n          </div>\n        );\n      case CHECKBOX:\n        return (\n          !!shouldDisplayFilter && (\n            <div\n              key={dynamicKey}\n              className=\"filter__section filter__section--search-refine filter__section--checkboxes\">\n              <Checkbox\n                {...otherProps}\n                data={data}\n                prop={propsToDisplay[0]}\n                label={label}\n                elementTitle={elementTitle}\n                hasUrl={hasUrl}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      case SELECT:\n        return (\n          !!shouldDisplayFilter && (\n            <div\n              key={dynamicKey}\n              className=\"filter__section filter__section--search-refine filter__section--selects\">\n              <SelectFilter\n                {...otherProps}\n                data={data}\n                prop={propsToDisplay[0]}\n                label={label}\n                elementTitle={elementTitle}\n                hasUrl={hasUrl}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      case RANGE:\n        return (\n          !!areAggregationsAvailable && (\n            <div key={dynamicKey} className=\"range-slider__wrapper\">\n              <Range\n                {...otherProps}\n                dataAggregations={dataAggregations}\n                propsToDisplay={propsToDisplay}\n                label={label}\n                elementTitle={elementTitle}\n                entity={entity}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      default:\n        return null;\n    }\n  });\n};\n\nFiltersList.propTypes = {\n  hasUrl: PropTypes.bool.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  data: PropTypes.object,\n  filters: PropTypes.array,\n  shouldSearch: PropTypes.bool\n};\n\nFiltersList.defaultProps = {\n  shouldSearch: false,\n  data: {},\n  filters: []\n};\n\nexport default FiltersList;\n"],"mappings":"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"}
+{"version":3,"file":"FiltersList.js","names":["React","useContext","PropTypes","MainContext","TextSearch","Checkbox","SelectFilter","Range","CHECKBOX","SELECT","TEXT_SEARCH","RANGE","SEARCH_TERM","FiltersList","data","filters","hasUrl","entity","filterValues","updateFilterValues","shouldSearch","itemId","map","index","type","label","propsToDisplay","elementTitle","otherProps","length","dynamicKey","join","isDataAvailable","Object","keys","dataAggregations","areAggregationsAvailable","propTypes","bool","isRequired","string","object","func","array","defaultProps"],"sources":["../../../../src/components/SearchFilter/SearchFilter/FiltersList.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { TextSearch, Checkbox, SelectFilter, Range } from '../components';\nimport { CHECKBOX, SELECT, TEXT_SEARCH, RANGE, SEARCH_TERM } from '../constants';\n\nconst FiltersList = ({\n  data,\n  filters,\n  hasUrl,\n  entity,\n  filterValues,\n  updateFilterValues,\n  shouldSearch\n}) => {\n  const { itemId } = useContext(MainContext);\n\n  return filters.map(({ type, label, propsToDisplay, elementTitle, ...otherProps }, index) => {\n    if (!propsToDisplay && !propsToDisplay.length) return null;\n    const dynamicKey = [itemId, index].join('-');\n    const isDataAvailable = !!data && Object.keys(data).length;\n    const dataAggregations = isDataAvailable ? data : null;\n    const areAggregationsAvailable = isDataAvailable && !!dataAggregations;\n\n    switch (type) {\n      case TEXT_SEARCH:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--search\">\n            <TextSearch\n              {...otherProps}\n              label={label}\n              elementTitle={elementTitle}\n              searchValue={filterValues[SEARCH_TERM]}\n              updateFilterValues={updateFilterValues}\n              filterValues={filterValues}\n            />\n          </div>\n        );\n      case CHECKBOX:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--checkboxes\">\n            <Checkbox\n              {...otherProps}\n              data={data}\n              prop={propsToDisplay[0]}\n              label={label}\n              elementTitle={elementTitle}\n              hasUrl={hasUrl}\n              filterValues={filterValues}\n              updateFilterValues={updateFilterValues}\n              shouldSearch={shouldSearch}\n            />\n          </div>\n        );\n      case SELECT:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--selects\">\n            <SelectFilter\n              {...otherProps}\n              data={data}\n              prop={propsToDisplay[0]}\n              label={label}\n              elementTitle={elementTitle}\n              hasUrl={hasUrl}\n              filterValues={filterValues}\n              updateFilterValues={updateFilterValues}\n              shouldSearch={shouldSearch}\n            />\n          </div>\n        );\n      case RANGE:\n        return (\n          !!areAggregationsAvailable && (\n            <div key={dynamicKey} className=\"range-slider__wrapper\">\n              <Range\n                {...otherProps}\n                dataAggregations={dataAggregations}\n                propsToDisplay={propsToDisplay}\n                label={label}\n                elementTitle={elementTitle}\n                entity={entity}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      default:\n        return null;\n    }\n  });\n};\n\nFiltersList.propTypes = {\n  hasUrl: PropTypes.bool.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  data: PropTypes.object,\n  filters: PropTypes.array,\n  shouldSearch: PropTypes.bool\n};\n\nFiltersList.defaultProps = {\n  shouldSearch: false,\n  data: {},\n  filters: []\n};\n\nexport default FiltersList;\n"],"mappings":"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"}