@blaze-cms/plugin-search-ui 0.110.0-alpha.1

package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const SearchBar = ({
+  handleKeyDown,
+  searchInputRef,
+  handleSearchTerm,
+  searchTerm,
+  toggleSearchModal,
+  close,
+  search,
+  placeholder
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "search__wrapper"
+}, /*#__PURE__*/React.createElement("input", {
+  onKeyDown: handleKeyDown,
+  ref: searchInputRef,
+  placeholder: placeholder,
+  type: "text",
+  onChange: handleSearchTerm,
+  value: searchTerm
+}), /*#__PURE__*/React.createElement("span", {
+  onClick: search,
+  role: "button",
+  className: "icon-button icon-button--search icon-button--toggle"
+}, /*#__PURE__*/React.createElement("i", {
+  className: "material-icons"
+}, "search")), close && /*#__PURE__*/React.createElement("div", {
+  className: "modal__close"
+}, /*#__PURE__*/React.createElement("i", {
+  className: "material-icons",
+  onClick: toggleSearchModal,
+  role: "button"
+}, "close")));
+
+SearchBar.propTypes = {
+  close: PropTypes.bool,
+  handleKeyDown: PropTypes.func.isRequired,
+  searchInputRef: PropTypes.object,
+  handleSearchTerm: PropTypes.func.isRequired,
+  searchTerm: PropTypes.string,
+  toggleSearchModal: PropTypes.func,
+  search: PropTypes.func.isRequired,
+  placeholder: PropTypes.string
+};
+SearchBar.defaultProps = {
+  searchTerm: '',
+  close: true,
+  placeholder: 'Search...',
+  toggleSearchModal: null,
+  searchInputRef: null
+};
+export default SearchBar;
+//# sourceMappingURL=SearchBar.js.map

package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchAdmin/SearchBar/SearchBar.js"],"names":["React","PropTypes","SearchBar","handleKeyDown","searchInputRef","handleSearchTerm","searchTerm","toggleSearchModal","close","search","placeholder","propTypes","bool","func","isRequired","object","string","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,SAAS,GAAG,CAAC;AACjBC,EAAAA,aADiB;AAEjBC,EAAAA,cAFiB;AAGjBC,EAAAA,gBAHiB;AAIjBC,EAAAA,UAJiB;AAKjBC,EAAAA,iBALiB;AAMjBC,EAAAA,KANiB;AAOjBC,EAAAA,MAPiB;AAQjBC,EAAAA;AARiB,CAAD,kBAUhB;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE;AACE,EAAA,SAAS,EAAEP,aADb;AAEE,EAAA,GAAG,EAAEC,cAFP;AAGE,EAAA,WAAW,EAAEM,WAHf;AAIE,EAAA,IAAI,EAAC,MAJP;AAKE,EAAA,QAAQ,EAAEL,gBALZ;AAME,EAAA,KAAK,EAAEC;AANT,EADF,eASE;AACE,EAAA,OAAO,EAAEG,MADX;AAEE,EAAA,IAAI,EAAC,QAFP;AAGE,EAAA,SAAS,EAAC;AAHZ,gBAIE;AAAG,EAAA,SAAS,EAAC;AAAb,YAJF,CATF,EAeGD,KAAK,iBACJ;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE;AAAG,EAAA,SAAS,EAAC,gBAAb;AAA8B,EAAA,OAAO,EAAED,iBAAvC;AAA0D,EAAA,IAAI,EAAC;AAA/D,WADF,CAhBJ,CAVF;;AAmCAL,SAAS,CAACS,SAAV,GAAsB;AACpBH,EAAAA,KAAK,EAAEP,SAAS,CAACW,IADG;AAEpBT,EAAAA,aAAa,EAAEF,SAAS,CAACY,IAAV,CAAeC,UAFV;AAGpBV,EAAAA,cAAc,EAAEH,SAAS,CAACc,MAHN;AAIpBV,EAAAA,gBAAgB,EAAEJ,SAAS,CAACY,IAAV,CAAeC,UAJb;AAKpBR,EAAAA,UAAU,EAAEL,SAAS,CAACe,MALF;AAMpBT,EAAAA,iBAAiB,EAAEN,SAAS,CAACY,IANT;AAOpBJ,EAAAA,MAAM,EAAER,SAAS,CAACY,IAAV,CAAeC,UAPH;AAQpBJ,EAAAA,WAAW,EAAET,SAAS,CAACe;AARH,CAAtB;AAWAd,SAAS,CAACe,YAAV,GAAyB;AACvBX,EAAAA,UAAU,EAAE,EADW;AAEvBE,EAAAA,KAAK,EAAE,IAFgB;AAGvBE,EAAAA,WAAW,EAAE,WAHU;AAIvBH,EAAAA,iBAAiB,EAAE,IAJI;AAKvBH,EAAAA,cAAc,EAAE;AALO,CAAzB;AAQA,eAAeF,SAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SearchBar = ({\n  handleKeyDown,\n  searchInputRef,\n  handleSearchTerm,\n  searchTerm,\n  toggleSearchModal,\n  close,\n  search,\n  placeholder\n}) => (\n  <div className=\"search__wrapper\">\n    <input\n      onKeyDown={handleKeyDown}\n      ref={searchInputRef}\n      placeholder={placeholder}\n      type=\"text\"\n      onChange={handleSearchTerm}\n      value={searchTerm}\n    />\n    <span\n      onClick={search}\n      role=\"button\"\n      className=\"icon-button icon-button--search icon-button--toggle\">\n      <i className=\"material-icons\">search</i>\n    </span>\n    {close && (\n      <div className=\"modal__close\">\n        <i className=\"material-icons\" onClick={toggleSearchModal} role=\"button\">\n          close\n        </i>\n      </div>\n    )}\n  </div>\n);\n\nSearchBar.propTypes = {\n  close: PropTypes.bool,\n  handleKeyDown: PropTypes.func.isRequired,\n  searchInputRef: PropTypes.object,\n  handleSearchTerm: PropTypes.func.isRequired,\n  searchTerm: PropTypes.string,\n  toggleSearchModal: PropTypes.func,\n  search: PropTypes.func.isRequired,\n  placeholder: PropTypes.string\n};\n\nSearchBar.defaultProps = {\n  searchTerm: '',\n  close: true,\n  placeholder: 'Search...',\n  toggleSearchModal: null,\n  searchInputRef: null\n};\n\nexport default SearchBar;\n"],"file":"SearchBar.js"}

package/lib-es/components/SearchAdmin/SearchBar/index.js

@@ -0,0 +1,3 @@
+import SearchBar from './SearchBar';
+export default SearchBar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchAdmin/SearchBar/index.js"],"names":["SearchBar"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,aAAtB;AAEA,eAAeA,SAAf","sourcesContent":["import SearchBar from './SearchBar';\n\nexport default SearchBar;\n"],"file":"index.js"}

package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js

@@ -0,0 +1,120 @@
+/* eslint-disable jsx-a11y/anchor-is-valid */
+
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import VirtualList from 'react-tiny-virtual-list';
+import { withRouter } from 'react-router-dom';
+import { SEARCH_RESULTS_OVER_SCAN_BUFFER, SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST, SEARCH_RESULTS_ITEM_SIZE, FILE } from '../../../constants';
+
+const SearchResults = ({
+  currentValue,
+  loading,
+  results,
+  total,
+  setQueryParams,
+  closeModal,
+  history
+}) => {
+  const [verifiedRanges, setVerifiedRanges] = useState([]);
+  const [currentIndex, setCurrentIndex] = useState(0);
+
+  const handleRenderedItems = async ({
+    startIndex
+  }) => {
+    const rowsLength = results.length;
+    const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;
+
+    if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {
+      setQueryParams({
+        value: currentValue,
+        offset: results.length
+      });
+      setVerifiedRanges([...verifiedRanges, loadIndex]);
+      setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);
+    }
+  };
+
+  const getNavigationRoute = ({
+    id,
+    docType
+  }) => docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;
+
+  const navigate = ({
+    id,
+    docType
+  }) => {
+    history.push(getNavigationRoute({
+      id,
+      docType
+    }));
+    closeModal();
+  };
+
+  const getDateFormat = date => {
+    const newDate = new Date(date);
+    const day = `0${newDate.getDate()}`.slice(-2);
+    const month = `0${newDate.getMonth() + 1}`.slice(-2);
+    const year = String(newDate.getYear()).slice(-2);
+    return `${day}.${month}.${year}`;
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement("span", null, "Loading..."), /*#__PURE__*/React.createElement("div", {
+    className: "modal__content modal__content--search"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "header header--list"
+  }, /*#__PURE__*/React.createElement("h2", null, total, " results")), /*#__PURE__*/React.createElement(VirtualList, {
+    width: "100%",
+    height: window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,
+    itemCount: results.length,
+    itemSize: SEARCH_RESULTS_ITEM_SIZE,
+    overscanCount: SEARCH_RESULTS_OVER_SCAN_BUFFER,
+    scrollToIndex: currentIndex,
+    onItemsRendered: handleRenderedItems,
+    renderItem: ({
+      index,
+      style
+    }) => {
+      const {
+        id,
+        docType,
+        updated,
+        name
+      } = results[index];
+      const updatedDate = updated ? getDateFormat(updated) : null;
+      return /*#__PURE__*/React.createElement("div", {
+        key: index,
+        style: style,
+        className: "list__item--resultWrapper"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "list__item list__item--result"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "list__item-row list__item-row--result"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "badge badge--primary"
+      }, docType, " ", updatedDate), /*#__PURE__*/React.createElement("a", {
+        href: getNavigationRoute({
+          id,
+          docType
+        }),
+        onClick: () => navigate({
+          id,
+          docType
+        }),
+        className: "list__item-text list__item-text--result"
+      }, name))));
+    }
+  })));
+};
+
+SearchResults.propTypes = {
+  loading: PropTypes.bool.isRequired,
+  results: PropTypes.array.isRequired,
+  total: PropTypes.number.isRequired,
+  setQueryParams: PropTypes.func.isRequired,
+  closeModal: PropTypes.func.isRequired,
+  history: PropTypes.object.isRequired,
+  currentValue: PropTypes.string.isRequired
+};
+export default withRouter(SearchResults);
+//# sourceMappingURL=SearchResults.js.map

package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"names":["React","useState","PropTypes","VirtualList","withRouter","SEARCH_RESULTS_OVER_SCAN_BUFFER","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","FILE","SearchResults","currentValue","loading","results","total","setQueryParams","closeModal","history","verifiedRanges","setVerifiedRanges","currentIndex","setCurrentIndex","handleRenderedItems","startIndex","rowsLength","length","loadIndex","Math","floor","includes","value","offset","getNavigationRoute","id","docType","navigate","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","window","innerHeight","index","style","updated","name","updatedDate","propTypes","bool","isRequired","array","number","func","object","string"],"mappings":"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","sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { withRouter } from 'react-router-dom';\nimport {\n  SEARCH_RESULTS_OVER_SCAN_BUFFER,\n  SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n  SEARCH_RESULTS_ITEM_SIZE,\n  FILE\n} from '../../../constants';\n\nconst SearchResults = ({\n  currentValue,\n  loading,\n  results,\n  total,\n  setQueryParams,\n  closeModal,\n  history\n}) => {\n  const [verifiedRanges, setVerifiedRanges] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const handleRenderedItems = async ({ startIndex }) => {\n    const rowsLength = results.length;\n    const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;\n    if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n      setQueryParams({ value: currentValue, offset: results.length });\n      setVerifiedRanges([...verifiedRanges, loadIndex]);\n      setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);\n    }\n  };\n\n  const getNavigationRoute = ({ id, docType }) =>\n    docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;\n\n  const navigate = ({ id, docType }) => {\n    history.push(getNavigationRoute({ id, docType }));\n    closeModal();\n  };\n\n  const getDateFormat = date => {\n    const newDate = new Date(date);\n    const day = `0${newDate.getDate()}`.slice(-2);\n    const month = `0${newDate.getMonth() + 1}`.slice(-2);\n    const year = String(newDate.getYear()).slice(-2);\n    return `${day}.${month}.${year}`;\n  };\n\n  return (\n    <>\n      {loading && <span>Loading...</span>}\n      <div className=\"modal__content modal__content--search\">\n        <div className=\"header header--list\">\n          <h2>{total} results</h2>\n        </div>\n        <VirtualList\n          width=\"100%\"\n          height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}\n          itemCount={results.length}\n          itemSize={SEARCH_RESULTS_ITEM_SIZE}\n          overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}\n          scrollToIndex={currentIndex}\n          onItemsRendered={handleRenderedItems}\n          renderItem={({ index, style }) => {\n            const { id, docType, updated, name } = results[index];\n            const updatedDate = updated ? getDateFormat(updated) : null;\n            return (\n              <div key={index} style={style} className=\"list__item--resultWrapper\">\n                <div className=\"list__item list__item--result\">\n                  <div className=\"list__item-row list__item-row--result\">\n                    <span className=\"badge badge--primary\">\n                      {docType} {updatedDate}\n                    </span>\n                    <a\n                      href={getNavigationRoute({\n                        id,\n                        docType\n                      })}\n                      onClick={() =>\n                        navigate({\n                          id,\n                          docType\n                        })\n                      }\n                      className=\"list__item-text list__item-text--result\">\n                      {name}\n                    </a>\n                  </div>\n                </div>\n              </div>\n            );\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nSearchResults.propTypes = {\n  loading: PropTypes.bool.isRequired,\n  results: PropTypes.array.isRequired,\n  total: PropTypes.number.isRequired,\n  setQueryParams: PropTypes.func.isRequired,\n  closeModal: PropTypes.func.isRequired,\n  history: PropTypes.object.isRequired,\n  currentValue: PropTypes.string.isRequired\n};\n\nexport default withRouter(SearchResults);\n"],"file":"SearchResults.js"}

package/lib-es/components/SearchAdmin/SearchResults/index.js

@@ -0,0 +1,3 @@
+import SearchResults from './SearchResults';
+export default SearchResults;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchAdmin/SearchResults/index.js"],"names":["SearchResults"],"mappings":"AAAA,OAAOA,aAAP,MAA0B,iBAA1B;AAEA,eAAeA,aAAf","sourcesContent":["import SearchResults from './SearchResults';\n\nexport default SearchResults;\n"],"file":"index.js"}

package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const TriggerModal = ({
+  toggleSearchModal
+}) => /*#__PURE__*/React.createElement("span", {
+  role: "button",
+  className: "material-icons searchModal-search-icon",
+  onClick: toggleSearchModal
+}, "search");
+
+TriggerModal.propTypes = {
+  toggleSearchModal: PropTypes.func.isRequired
+};
+export default TriggerModal;
+//# sourceMappingURL=TriggerModal.js.map

package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchAdmin/TriggerModal/TriggerModal.js"],"names":["React","PropTypes","TriggerModal","toggleSearchModal","propTypes","func","isRequired"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,YAAY,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,kBACnB;AACE,EAAA,IAAI,EAAC,QADP;AAEE,EAAA,SAAS,EAAC,wCAFZ;AAGE,EAAA,OAAO,EAAEA;AAHX,YADF;;AASAD,YAAY,CAACE,SAAb,GAAyB;AACvBD,EAAAA,iBAAiB,EAAEF,SAAS,CAACI,IAAV,CAAeC;AADX,CAAzB;AAIA,eAAeJ,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst TriggerModal = ({ toggleSearchModal }) => (\n  <span\n    role=\"button\"\n    className=\"material-icons searchModal-search-icon\"\n    onClick={toggleSearchModal}>\n    search\n  </span>\n);\n\nTriggerModal.propTypes = {\n  toggleSearchModal: PropTypes.func.isRequired\n};\n\nexport default TriggerModal;\n"],"file":"TriggerModal.js"}

package/lib-es/components/SearchAdmin/TriggerModal/index.js

@@ -0,0 +1,3 @@
+import TriggerModal from './TriggerModal';
+export default TriggerModal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchAdmin/TriggerModal/index.js"],"names":["TriggerModal"],"mappings":"AAAA,OAAOA,YAAP,MAAyB,gBAAzB;AAEA,eAAeA,YAAf","sourcesContent":["import TriggerModal from './TriggerModal';\n\nexport default TriggerModal;\n"],"file":"index.js"}

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

@@ -0,0 +1,3 @@
+import SearchAdmin from './SearchAdmin';
+export default SearchAdmin;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SearchAdmin/index.js"],"names":["SearchAdmin"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,eAAxB;AAEA,eAAeA,WAAf","sourcesContent":["import SearchAdmin from './SearchAdmin';\n\nexport default SearchAdmin;\n"],"file":"index.js"}

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

@@ -0,0 +1,157 @@
+import React, { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import PropTypes from 'prop-types';
+import { useDebounce } from '@blaze-react/utils/lib/customHooks';
+import useSearchResults from '../useSearchResults';
+import { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';
+
+const SearchPublishedContent = ({
+  entities,
+  children,
+  resultKeys,
+  getIsOpenSearchBar,
+  SearchIcon,
+  CloseIcon,
+  className,
+  onChange,
+  placeholder,
+  onEnterPress,
+  inputRef,
+  isSearchBarOpen,
+  fields
+}) => {
+  const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);
+  const [searchTerm, setSearchTerm] = useState('');
+  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);
+  const debouncedSearchTerm = useDebounce(searchTerm, 500);
+  const [{
+    loading,
+    results
+  }, setQueryParams] = useSearchResults({
+    queryKey: SEARCH_PUBLISHED,
+    resultKeys,
+    entities,
+    fields
+  });
+  useEffect(() => {
+    if (isSearchBarOpen !== displaySearchBar) {
+      setDisplaySearchBar(isSearchBarOpen);
+    }
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isSearchBarOpen]);
+  useEffect(() => {
+    if (inputRef && inputRef.current && displaySearchBar) {
+      inputRef.current.focus();
+    }
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [displaySearchBar]);
+  useEffect(() => {
+    if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
+      setQueryParams({
+        value: debouncedSearchTerm
+      });
+      setPreviousSearchTerm(debouncedSearchTerm);
+    }
+  }, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);
+
+  const handleOnChange = ({
+    target: {
+      value = ''
+    } = {}
+  }) => {
+    onChange(value);
+    setSearchTerm(value);
+  };
+
+  const handleKeyPress = event => {
+    const onEnter = event.key === 'Enter';
+    onEnter && onEnterPress();
+  };
+
+  const handleSearchBar = () => {
+    const voidSearchTerm = '';
+    displaySearchBar && setSearchTerm(voidSearchTerm);
+    handleOnChange({
+      value: voidSearchTerm
+    });
+
+    if (isSearchBarOpen !== null) {
+      getIsOpenSearchBar(!displaySearchBar);
+    }
+
+    setDisplaySearchBar(!displaySearchBar);
+  };
+
+  const searchWrapperClassname = classnames('search__wrapper', {
+    'search__wrapper--toggle-display': displaySearchBar,
+    'search__wrapper--toggle': !displaySearchBar
+  });
+  const triggerClassname = classnames('search__icon', {
+    open: displaySearchBar
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: `search-wrapper ${className}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "search search--header search--toggle"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: searchWrapperClassname
+  }, /*#__PURE__*/React.createElement("input", {
+    "data-testid": "search-input",
+    onKeyPress: handleKeyPress,
+    placeholder: placeholder,
+    type: "text",
+    onChange: handleOnChange,
+    value: searchTerm,
+    ref: inputRef
+  }), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "icon-button icon-button--search icon-button--toggle"
+  }, /*#__PURE__*/React.createElement(SearchIcon, null))), /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    className: triggerClassname,
+    onClick: handleSearchBar,
+    id: SEARCH_BUTTON,
+    title: SEARCH_BUTTON
+  }, !displaySearchBar ? /*#__PURE__*/React.createElement(SearchIcon, null) : /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement("div", {
+    className: "search-modal"
+  }, children({
+    results: results.length && searchTerm ? results : [],
+    loading
+  })));
+};
+
+SearchPublishedContent.propTypes = {
+  entities: PropTypes.array,
+  children: PropTypes.func.isRequired,
+  resultKeys: PropTypes.string,
+  getIsOpenSearchBar: PropTypes.func,
+  SearchIcon: PropTypes.func,
+  CloseIcon: PropTypes.func,
+  onChange: PropTypes.func,
+  onEnterPress: PropTypes.func,
+  className: PropTypes.string,
+  placeholder: PropTypes.string,
+  inputRef: PropTypes.object,
+  isSearchBarOpen: PropTypes.bool,
+  fields: PropTypes.array
+};
+SearchPublishedContent.defaultProps = {
+  entities: ['published_page'],
+  placeholder: '',
+  resultKeys: DEFAULT_RESULTS_KEYS,
+  onChange: () => {},
+  onEnterPress: () => {},
+  getIsOpenSearchBar: state => state,
+  SearchIcon: () => /*#__PURE__*/React.createElement("i", {
+    className: "material-icons"
+  }, "search"),
+  CloseIcon: () => /*#__PURE__*/React.createElement("i", {
+    className: "material-icons"
+  }, "close"),
+  className: '',
+  inputRef: null,
+  isSearchBarOpen: null,
+  fields: []
+};
+export default SearchPublishedContent;
+//# sourceMappingURL=SearchPublishedContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SearchPublishedContent/SearchPublishedContent.js"],"names":["React","useState","useEffect","classnames","PropTypes","useDebounce","useSearchResults","SEARCH_PUBLISHED","DEFAULT_RESULTS_KEYS","SEARCH_BUTTON","SearchPublishedContent","entities","children","resultKeys","getIsOpenSearchBar","SearchIcon","CloseIcon","className","onChange","placeholder","onEnterPress","inputRef","isSearchBarOpen","fields","displaySearchBar","setDisplaySearchBar","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","loading","results","setQueryParams","queryKey","current","focus","value","handleOnChange","target","handleKeyPress","event","onEnter","key","handleSearchBar","voidSearchTerm","searchWrapperClassname","triggerClassname","open","length","propTypes","array","func","isRequired","string","object","bool","defaultProps","state"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';\n\nconst SearchPublishedContent = ({\n  entities,\n  children,\n  resultKeys,\n  getIsOpenSearchBar,\n  SearchIcon,\n  CloseIcon,\n  className,\n  onChange,\n  placeholder,\n  onEnterPress,\n  inputRef,\n  isSearchBarOpen,\n  fields\n}) => {\n  const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);\n  const [searchTerm, setSearchTerm] = useState('');\n  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n  const debouncedSearchTerm = useDebounce(searchTerm, 500);\n  const [{ loading, results }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_PUBLISHED,\n    resultKeys,\n    entities,\n    fields\n  });\n\n  useEffect(\n    () => {\n      if (isSearchBarOpen !== displaySearchBar) {\n        setDisplaySearchBar(isSearchBarOpen);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isSearchBarOpen]\n  );\n\n  useEffect(\n    () => {\n      if (inputRef && inputRef.current && displaySearchBar) {\n        inputRef.current.focus();\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [displaySearchBar]\n  );\n\n  useEffect(\n    () => {\n      if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n        setQueryParams({ value: debouncedSearchTerm });\n        setPreviousSearchTerm(debouncedSearchTerm);\n      }\n    },\n    [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n  );\n\n  const handleOnChange = ({ target: { value = '' } = {} }) => {\n    onChange(value);\n    setSearchTerm(value);\n  };\n\n  const handleKeyPress = event => {\n    const onEnter = event.key === 'Enter';\n    onEnter && onEnterPress();\n  };\n\n  const handleSearchBar = () => {\n    const voidSearchTerm = '';\n    displaySearchBar && setSearchTerm(voidSearchTerm);\n    handleOnChange({ value: voidSearchTerm });\n    if (isSearchBarOpen !== null) {\n      getIsOpenSearchBar(!displaySearchBar);\n    }\n    setDisplaySearchBar(!displaySearchBar);\n  };\n\n  const searchWrapperClassname = classnames('search__wrapper', {\n    'search__wrapper--toggle-display': displaySearchBar,\n    'search__wrapper--toggle': !displaySearchBar\n  });\n\n  const triggerClassname = classnames('search__icon', {\n    open: displaySearchBar\n  });\n\n  return (\n    <div className={`search-wrapper ${className}`}>\n      <div className=\"search search--header search--toggle\">\n        <div className={searchWrapperClassname}>\n          <input\n            data-testid=\"search-input\"\n            onKeyPress={handleKeyPress}\n            placeholder={placeholder}\n            type=\"text\"\n            onChange={handleOnChange}\n            value={searchTerm}\n            ref={inputRef}\n          />\n          <button type=\"button\" className=\"icon-button icon-button--search icon-button--toggle\">\n            <SearchIcon />\n          </button>\n        </div>\n        <div\n          role=\"button\"\n          className={triggerClassname}\n          onClick={handleSearchBar}\n          id={SEARCH_BUTTON}\n          title={SEARCH_BUTTON}>\n          {!displaySearchBar ? <SearchIcon /> : <CloseIcon />}\n        </div>\n      </div>\n      <div className=\"search-modal\">\n        {children({ results: results.length && searchTerm ? results : [], loading })}\n      </div>\n    </div>\n  );\n};\n\nSearchPublishedContent.propTypes = {\n  entities: PropTypes.array,\n  children: PropTypes.func.isRequired,\n  resultKeys: PropTypes.string,\n  getIsOpenSearchBar: PropTypes.func,\n  SearchIcon: PropTypes.func,\n  CloseIcon: PropTypes.func,\n  onChange: PropTypes.func,\n  onEnterPress: PropTypes.func,\n  className: PropTypes.string,\n  placeholder: PropTypes.string,\n  inputRef: PropTypes.object,\n  isSearchBarOpen: PropTypes.bool,\n  fields: PropTypes.array\n};\n\nSearchPublishedContent.defaultProps = {\n  entities: ['published_page'],\n  placeholder: '',\n  resultKeys: DEFAULT_RESULTS_KEYS,\n  onChange: () => {},\n  onEnterPress: () => {},\n  getIsOpenSearchBar: state => state,\n  SearchIcon: () => <i className=\"material-icons\">search</i>,\n  CloseIcon: () => <i className=\"material-icons\">close</i>,\n  className: '',\n  inputRef: null,\n  isSearchBarOpen: null,\n  fields: []\n};\n\nexport default SearchPublishedContent;\n"],"file":"SearchPublishedContent.js"}

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

@@ -0,0 +1,3 @@
+import SearchPublishedContent from './SearchPublishedContent';
+export default SearchPublishedContent;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SearchPublishedContent/index.js"],"names":["SearchPublishedContent"],"mappings":"AAAA,OAAOA,sBAAP,MAAmC,0BAAnC;AAEA,eAAeA,sBAAf","sourcesContent":["import SearchPublishedContent from './SearchPublishedContent';\n\nexport default SearchPublishedContent;\n"],"file":"index.js"}

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

@@ -0,0 +1,3 @@
+import useLocalStorage from './useLocalStorage';
+export default useLocalStorage;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/useLocalStorage/index.js"],"names":["useLocalStorage"],"mappings":"AAAA,OAAOA,eAAP,MAA4B,mBAA5B;AAEA,eAAeA,eAAf","sourcesContent":["import useLocalStorage from './useLocalStorage';\n\nexport default useLocalStorage;\n"],"file":"index.js"}

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

@@ -0,0 +1,19 @@
+import { useState } from 'react';
+
+function useLocalStorage(key, initialValue) {
+  const [storedValue, setStoredValue] = useState(() => {
+    const item = window.localStorage.getItem(key);
+    return item ? JSON.parse(item) : initialValue;
+  });
+
+  const setValue = value => {
+    const valueToStore = value instanceof Function ? value(storedValue) : value;
+    setStoredValue(valueToStore);
+    window.localStorage.setItem(key, JSON.stringify(valueToStore));
+  };
+
+  return [storedValue, setValue];
+}
+
+export default useLocalStorage;
+//# sourceMappingURL=useLocalStorage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/useLocalStorage/useLocalStorage.js"],"names":["useState","useLocalStorage","key","initialValue","storedValue","setStoredValue","item","window","localStorage","getItem","JSON","parse","setValue","value","valueToStore","Function","setItem","stringify"],"mappings":"AAAA,SAASA,QAAT,QAAyB,OAAzB;;AAEA,SAASC,eAAT,CAAyBC,GAAzB,EAA8BC,YAA9B,EAA4C;AAC1C,QAAM,CAACC,WAAD,EAAcC,cAAd,IAAgCL,QAAQ,CAAC,MAAM;AACnD,UAAMM,IAAI,GAAGC,MAAM,CAACC,YAAP,CAAoBC,OAApB,CAA4BP,GAA5B,CAAb;AACA,WAAOI,IAAI,GAAGI,IAAI,CAACC,KAAL,CAAWL,IAAX,CAAH,GAAsBH,YAAjC;AACD,GAH6C,CAA9C;;AAKA,QAAMS,QAAQ,GAAGC,KAAK,IAAI;AACxB,UAAMC,YAAY,GAAGD,KAAK,YAAYE,QAAjB,GAA4BF,KAAK,CAACT,WAAD,CAAjC,GAAiDS,KAAtE;AACAR,IAAAA,cAAc,CAACS,YAAD,CAAd;AACAP,IAAAA,MAAM,CAACC,YAAP,CAAoBQ,OAApB,CAA4Bd,GAA5B,EAAiCQ,IAAI,CAACO,SAAL,CAAeH,YAAf,CAAjC;AACD,GAJD;;AAMA,SAAO,CAACV,WAAD,EAAcQ,QAAd,CAAP;AACD;;AAED,eAAeX,eAAf","sourcesContent":["import { useState } from 'react';\n\nfunction useLocalStorage(key, initialValue) {\n  const [storedValue, setStoredValue] = useState(() => {\n    const item = window.localStorage.getItem(key);\n    return item ? JSON.parse(item) : initialValue;\n  });\n\n  const setValue = value => {\n    const valueToStore = value instanceof Function ? value(storedValue) : value;\n    setStoredValue(valueToStore);\n    window.localStorage.setItem(key, JSON.stringify(valueToStore));\n  };\n\n  return [storedValue, setValue];\n}\n\nexport default useLocalStorage;\n"],"file":"useLocalStorage.js"}

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

@@ -0,0 +1,3 @@
+import useSearch from './useSearch';
+export default useSearch;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/useSearch/index.js"],"names":["useSearch"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,aAAtB;AAEA,eAAeA,SAAf","sourcesContent":["import useSearch from './useSearch';\n\nexport default useSearch;\n"],"file":"index.js"}

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

@@ -0,0 +1,100 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { useState, useEffect } from 'react';
+import { useLazyQuery } from 'react-apollo';
+import searchQueries from '../../application/query';
+
+function useSearch({
+  queryKey,
+  resultKeys,
+  entities = [],
+  fields
+}) {
+  const [queryParams, setParams] = useState({
+    limit: 20,
+    offset: 0,
+    value: ''
+  });
+  const [searchedValue, setSearchedValue] = useState(null);
+  const [previousOffset, setPreviousOffset] = useState(null);
+  const buildSearchQuery = searchQueries[queryKey];
+  const [getSearchResults, {
+    loading,
+    data: {
+      search: {
+        results,
+        jsonResults,
+        total
+      }
+    } = {
+      search: {
+        results: [],
+        total: 0
+      }
+    }
+  }] = useLazyQuery(buildSearchQuery({
+    resultKeys
+  }));
+
+  const handleQueryParams = newQueryParams => {
+    setParams(_objectSpread(_objectSpread({}, queryParams), newQueryParams));
+  };
+
+  useEffect(() => {
+    const {
+      limit,
+      offset,
+      value
+    } = queryParams;
+    const isNewValueSet = value && value !== searchedValue;
+    const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
+    const parsedEntities = entities.length ? entities.map(entity => ({
+      match: {
+        docType: entity
+      }
+    })) : [];
+
+    if (isNewValueSet || isNewOffsetSet) {
+      getSearchResults({
+        variables: {
+          limit,
+          offset,
+          rawQuery: {
+            query: {
+              bool: {
+                must: [{
+                  query_string: {
+                    query: value,
+                    fields,
+                    type: 'most_fields'
+                  }
+                }, {
+                  bool: {
+                    should: parsedEntities
+                  }
+                }]
+              }
+            }
+          }
+        }
+      });
+      setSearchedValue(value);
+      setPreviousOffset(offset);
+    }
+  }, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields]);
+  return [{
+    searchedValue: queryParams.value,
+    loading,
+    data: {
+      results: results || jsonResults,
+      total
+    }
+  }, handleQueryParams];
+}
+
+export default useSearch;
+//# sourceMappingURL=useSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/useSearch/useSearch.js"],"names":["useState","useEffect","useLazyQuery","searchQueries","useSearch","queryKey","resultKeys","entities","fields","queryParams","setParams","limit","offset","value","searchedValue","setSearchedValue","previousOffset","setPreviousOffset","buildSearchQuery","getSearchResults","loading","data","search","results","jsonResults","total","handleQueryParams","newQueryParams","isNewValueSet","isNewOffsetSet","parsedEntities","length","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","should"],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useLazyQuery } from 'react-apollo';\nimport searchQueries from '../../application/query';\n\nfunction useSearch({ queryKey, resultKeys, entities = [], fields }) {\n  const [queryParams, setParams] = useState({ limit: 20, offset: 0, value: '' });\n  const [searchedValue, setSearchedValue] = useState(null);\n  const [previousOffset, setPreviousOffset] = useState(null);\n  const buildSearchQuery = searchQueries[queryKey];\n  const [\n    getSearchResults,\n    {\n      loading,\n      data: { search: { results, jsonResults, total } } = {\n        search: { results: [], total: 0 }\n      }\n    }\n  ] = useLazyQuery(buildSearchQuery({ resultKeys }));\n\n  const handleQueryParams = newQueryParams => {\n    setParams({ ...queryParams, ...newQueryParams });\n  };\n\n  useEffect(\n    () => {\n      const { limit, offset, value } = queryParams;\n      const isNewValueSet = value && value !== searchedValue;\n      const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n      const parsedEntities = entities.length\n        ? entities.map(entity => ({\n            match: { docType: entity }\n          }))\n        : [];\n\n      if (isNewValueSet || isNewOffsetSet) {\n        getSearchResults({\n          variables: {\n            limit,\n            offset,\n            rawQuery: {\n              query: {\n                bool: {\n                  must: [\n                    {\n                      query_string: {\n                        query: value,\n                        fields,\n                        type: 'most_fields'\n                      }\n                    },\n                    {\n                      bool: {\n                        should: parsedEntities\n                      }\n                    }\n                  ]\n                }\n              }\n            }\n          }\n        });\n        setSearchedValue(value);\n        setPreviousOffset(offset);\n      }\n    },\n    [\n      queryParams,\n      queryParams.limit,\n      queryParams.value,\n      queryParams.offset,\n      searchedValue,\n      previousOffset,\n      getSearchResults,\n      entities,\n      fields\n    ]\n  );\n\n  return [\n    { searchedValue: queryParams.value, loading, data: { results: results || jsonResults, total } },\n    handleQueryParams\n  ];\n}\n\nexport default useSearch;\n"],"file":"useSearch.js"}

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

@@ -0,0 +1,3 @@
+import useSearchResults from './useSearchResults';
+export default useSearchResults;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/useSearchResults/index.js"],"names":["useSearchResults"],"mappings":"AAAA,OAAOA,gBAAP,MAA6B,oBAA7B;AAEA,eAAeA,gBAAf","sourcesContent":["import useSearchResults from './useSearchResults';\n\nexport default useSearchResults;\n"],"file":"index.js"}