@blaze-cms/plugin-search-ui 0.125.0-core-styles.0 → 0.125.0-f-admin-updates.3

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

@@ -0,0 +1,76 @@
+import React, { useState } from 'react';
+import { useQuery } from '@apollo/client';
+import { getQuery } from '@blaze-cms/admin-ui-utils';
+import { Checkbox } from '@blaze-react/checkboxes';
+const MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];
+const SearchAdminSideBar = ({
+  searchModalSideBarClassName,
+  openSearchSideBar,
+  setOpenSearchSideBar,
+  handleSetEntityValues,
+  entityValues,
+  setEntityValues
+}) => {
+  const [loadMore, setLoadMore] = useState(false);
+  const {
+    data: {
+      getEntitySchemas = []
+    } = {},
+    loading
+  } = useQuery(getQuery('GET_USER_EDITABLE_ENTITIES'), {
+    variables: {
+      canDoActions: MENU_PERMISSIONS
+    }
+  });
+  if (loading) return null;
+  const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {
+    if (Object.keys(entity.extras).length) {
+      return entity.extras.searchIndexes.includes('admin');
+    }
+    return false;
+  });
+  const entitiesToShow = filteredEntitiesSchemas.slice(0, loadMore ? filteredEntitiesSchemas.length : 5);
+  return /*#__PURE__*/React.createElement("div", {
+    className: searchModalSideBarClassName
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__button",
+    role: "button",
+    onClick: () => setOpenSearchSideBar(!openSearchSideBar)
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "material-icons"
+  }, openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right')), /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__filters"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "material-icons modal__search__sidebar__icon"
+  }, "tune"), /*#__PURE__*/React.createElement("span", null, "Filters")), /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__clear",
+    role: "button",
+    onClick: () => setEntityValues([])
+  }, /*#__PURE__*/React.createElement("span", null, "Clear all"), /*#__PURE__*/React.createElement("i", {
+    className: "material-icons modal__search__sidebar__icon--clear"
+  }, "replay"))), /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__entity-list"
+  }, /*#__PURE__*/React.createElement("h1", null, "Entity list"), entitiesToShow.map(entity => /*#__PURE__*/React.createElement(Checkbox, {
+    checked: entityValues.some(_entity => _entity.id === entity.id),
+    label: entity.displayName,
+    id: entity.id,
+    name: entity.id,
+    onChange: ({
+      value: {
+        checked
+      }
+    }) => handleSetEntityValues(entity)
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__more",
+    role: "button",
+    onClick: () => setLoadMore(!loadMore)
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "material-icons"
+  }, !loadMore ? 'navigate_next' : 'expand_less'), /*#__PURE__*/React.createElement("span", null, loadMore ? 'Less' : 'More')))));
+};
+export default SearchAdminSideBar;
+//# sourceMappingURL=SearchAdminSideBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchAdminSideBar.js","names":["React","useState","useQuery","getQuery","Checkbox","MENU_PERMISSIONS","SearchAdminSideBar","searchModalSideBarClassName","openSearchSideBar","setOpenSearchSideBar","handleSetEntityValues","entityValues","setEntityValues","loadMore","setLoadMore","data","getEntitySchemas","loading","variables","canDoActions","filteredEntitiesSchemas","filter","entity","Object","keys","extras","length","searchIndexes","includes","entitiesToShow","slice","map","some","_entity","id","displayName","value","checked"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Checkbox } from '@blaze-react/checkboxes';\n\nconst MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];\n\nconst SearchAdminSideBar = ({\n  searchModalSideBarClassName,\n  openSearchSideBar,\n  setOpenSearchSideBar,\n  handleSetEntityValues,\n  entityValues,\n  setEntityValues\n}) => {\n  const [loadMore, setLoadMore] = useState(false);\n  const { data: { getEntitySchemas = [] } = {}, loading } = useQuery(\n    getQuery('GET_USER_EDITABLE_ENTITIES'),\n    {\n      variables: {\n        canDoActions: MENU_PERMISSIONS\n      }\n    }\n  );\n\n  if (loading) return null;\n\n  const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {\n    if (Object.keys(entity.extras).length) {\n      return entity.extras.searchIndexes.includes('admin');\n    }\n    return false;\n  });\n\n  const entitiesToShow = filteredEntitiesSchemas.slice(\n    0,\n    loadMore ? filteredEntitiesSchemas.length : 5\n  );\n\n  return (\n    <div className={searchModalSideBarClassName}>\n      <div\n        className=\"modal__search__sidebar__button\"\n        role=\"button\"\n        onClick={() => setOpenSearchSideBar(!openSearchSideBar)}>\n        <i className=\"material-icons\">\n          {openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right'}\n        </i>\n      </div>\n      <div className=\"modal__search__sidebar__container\">\n        <div className=\"modal__search__sidebar__wrapper\">\n          <div className=\"modal__search__sidebar__filters\">\n            <i className=\"material-icons modal__search__sidebar__icon\">tune</i>\n            <span>Filters</span>\n          </div>\n          <div\n            className=\"modal__search__sidebar__clear\"\n            role=\"button\"\n            onClick={() => setEntityValues([])}>\n            <span>Clear all</span>\n            <i className=\"material-icons modal__search__sidebar__icon--clear\">replay</i>\n          </div>\n        </div>\n        <div className=\"modal__search__sidebar__entity-list\">\n          <h1>Entity list</h1>\n          {entitiesToShow.map(entity => (\n            <Checkbox\n              checked={entityValues.some(_entity => _entity.id === entity.id)}\n              label={entity.displayName}\n              id={entity.id}\n              name={entity.id}\n              onChange={({ value: { checked } }) => handleSetEntityValues(entity)}\n            />\n          ))}\n          <div\n            className=\"modal__search__sidebar__more\"\n            role=\"button\"\n            onClick={() => setLoadMore(!loadMore)}>\n            <i className=\"material-icons\">{!loadMore ? 'navigate_next' : 'expand_less'}</i>\n            <span>{loadMore ? 'Less' : 'More'}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default SearchAdminSideBar;\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SearchAdminSideBar"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/index.js"],"sourcesContent":["import SearchAdminSideBar from './SearchAdminSideBar';\n\nexport default SearchAdminSideBar;\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,sBAAsB;AAErD,eAAeA,kBAAkB"}

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
 const SearchBar = ({
   handleKeyDown,
   searchInputRef,
@@ -32,7 +31,6 @@ const SearchBar = ({
   onClick: toggleSearchModal,
   role: "button"
 }, "close")));
-
 SearchBar.propTypes = {
   close: PropTypes.bool,
   handleKeyDown: PropTypes.func.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","names":["React","PropTypes","SearchBar","handleKeyDown","searchInputRef","handleSearchTerm","searchTerm","toggleSearchModal","close","search","placeholder","propTypes","bool","func","isRequired","object","string","defaultProps"],"sources":["../../../../src/components/SearchAdmin/SearchBar/SearchBar.js"],"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"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,SAAS,GAAG,CAAC;EACjBC,aADiB;EAEjBC,cAFiB;EAGjBC,gBAHiB;EAIjBC,UAJiB;EAKjBC,iBALiB;EAMjBC,KANiB;EAOjBC,MAPiB;EAQjBC;AARiB,CAAD,kBAUhB;EAAK,SAAS,EAAC;AAAf,gBACE;EACE,SAAS,EAAEP,aADb;EAEE,GAAG,EAAEC,cAFP;EAGE,WAAW,EAAEM,WAHf;EAIE,IAAI,EAAC,MAJP;EAKE,QAAQ,EAAEL,gBALZ;EAME,KAAK,EAAEC;AANT,EADF,eASE;EACE,OAAO,EAAEG,MADX;EAEE,IAAI,EAAC,QAFP;EAGE,SAAS,EAAC;AAHZ,gBAIE;EAAG,SAAS,EAAC;AAAb,YAJF,CATF,EAeGD,KAAK,iBACJ;EAAK,SAAS,EAAC;AAAf,gBACE;EAAG,SAAS,EAAC,gBAAb;EAA8B,OAAO,EAAED,iBAAvC;EAA0D,IAAI,EAAC;AAA/D,WADF,CAhBJ,CAVF;;AAmCAL,SAAS,CAACS,SAAV,GAAsB;EACpBH,KAAK,EAAEP,SAAS,CAACW,IADG;EAEpBT,aAAa,EAAEF,SAAS,CAACY,IAAV,CAAeC,UAFV;EAGpBV,cAAc,EAAEH,SAAS,CAACc,MAHN;EAIpBV,gBAAgB,EAAEJ,SAAS,CAACY,IAAV,CAAeC,UAJb;EAKpBR,UAAU,EAAEL,SAAS,CAACe,MALF;EAMpBT,iBAAiB,EAAEN,SAAS,CAACY,IANT;EAOpBJ,MAAM,EAAER,SAAS,CAACY,IAAV,CAAeC,UAPH;EAQpBJ,WAAW,EAAET,SAAS,CAACe;AARH,CAAtB;AAWAd,SAAS,CAACe,YAAV,GAAyB;EACvBX,UAAU,EAAE,EADW;EAEvBE,KAAK,EAAE,IAFgB;EAGvBE,WAAW,EAAE,WAHU;EAIvBH,iBAAiB,EAAE,IAJI;EAKvBH,cAAc,EAAE;AALO,CAAzB;AAQA,eAAeF,SAAf"}
+{"version":3,"file":"SearchBar.js","names":["React","PropTypes","SearchBar","handleKeyDown","searchInputRef","handleSearchTerm","searchTerm","toggleSearchModal","close","search","placeholder","propTypes","bool","func","isRequired","object","string","defaultProps"],"sources":["../../../../src/components/SearchAdmin/SearchBar/SearchBar.js"],"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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG,CAAC;EACjBC,aAAa;EACbC,cAAc;EACdC,gBAAgB;EAChBC,UAAU;EACVC,iBAAiB;EACjBC,KAAK;EACLC,MAAM;EACNC;AACF,CAAC,kBACC;EAAK,SAAS,EAAC;AAAiB,gBAC9B;EACE,SAAS,EAAEP,aAAc;EACzB,GAAG,EAAEC,cAAe;EACpB,WAAW,EAAEM,WAAY;EACzB,IAAI,EAAC,MAAM;EACX,QAAQ,EAAEL,gBAAiB;EAC3B,KAAK,EAAEC;AAAW,EAClB,eACF;EACE,OAAO,EAAEG,MAAO;EAChB,IAAI,EAAC,QAAQ;EACb,SAAS,EAAC;AAAqD,gBAC/D;EAAG,SAAS,EAAC;AAAgB,YAAW,CACnC,EACND,KAAK,iBACJ;EAAK,SAAS,EAAC;AAAc,gBAC3B;EAAG,SAAS,EAAC,gBAAgB;EAAC,OAAO,EAAED,iBAAkB;EAAC,IAAI,EAAC;AAAQ,WAEnE,CAEP,CAEJ;AAEDL,SAAS,CAACS,SAAS,GAAG;EACpBH,KAAK,EAAEP,SAAS,CAACW,IAAI;EACrBT,aAAa,EAAEF,SAAS,CAACY,IAAI,CAACC,UAAU;EACxCV,cAAc,EAAEH,SAAS,CAACc,MAAM;EAChCV,gBAAgB,EAAEJ,SAAS,CAACY,IAAI,CAACC,UAAU;EAC3CR,UAAU,EAAEL,SAAS,CAACe,MAAM;EAC5BT,iBAAiB,EAAEN,SAAS,CAACY,IAAI;EACjCJ,MAAM,EAAER,SAAS,CAACY,IAAI,CAACC,UAAU;EACjCJ,WAAW,EAAET,SAAS,CAACe;AACzB,CAAC;AAEDd,SAAS,CAACe,YAAY,GAAG;EACvBX,UAAU,EAAE,EAAE;EACdE,KAAK,EAAE,IAAI;EACXE,WAAW,EAAE,WAAW;EACxBH,iBAAiB,EAAE,IAAI;EACvBH,cAAc,EAAE;AAClB,CAAC;AAED,eAAeF,SAAS"}

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

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

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

@@ -1,12 +1,10 @@
 /* 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,
@@ -18,13 +16,11 @@ const SearchResults = ({
 }) => {
   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,
@@ -34,12 +30,10 @@ const SearchResults = ({
       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
@@ -50,7 +44,6 @@ const SearchResults = ({
     }));
     closeModal();
   };
-
   const getDateFormat = date => {
     const newDate = new Date(date);
     const day = `0${newDate.getDate()}`.slice(-2);
@@ -58,12 +51,13 @@ const SearchResults = ({
     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, {
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: "header--list--results"
+  }, "About ", /*#__PURE__*/React.createElement("b", null, total), " search keywords results")), /*#__PURE__*/React.createElement(VirtualList, {
     width: "100%",
     height: window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,
     itemCount: results.length,
@@ -79,9 +73,15 @@ const SearchResults = ({
         id,
         docType,
         updated,
-        name
+        name,
+        entityIdentifier,
+        published,
+        created,
+        status
       } = results[index];
       const updatedDate = updated ? getDateFormat(updated) : null;
+      const createdDate = created ? getDateFormat(created) : null;
+      const publishedDate = published ? getDateFormat(published) : null;
       return /*#__PURE__*/React.createElement("div", {
         key: index,
         style: style,
@@ -91,8 +91,8 @@ const SearchResults = ({
       }, /*#__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", {
+        className: "list__item-identifier"
+      }, entityIdentifier), /*#__PURE__*/React.createElement("a", {
         href: getNavigationRoute({
           id,
           docType
@@ -101,12 +101,15 @@ const SearchResults = ({
           id,
           docType
         }),
-        className: "list__item-text list__item-text--result"
-      }, name))));
+        className: "list__item-link"
+      }, name), /*#__PURE__*/React.createElement("div", {
+        className: "list__item-dates"
+      }, publishedDate && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Published: "), publishedDate), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Created: "), createdDate), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Updated: "), updatedDate)), /*#__PURE__*/React.createElement("div", {
+        className: "list__item-status"
+      }, status && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Status: "), status)))));
     }
   })));
 };
-
 SearchResults.propTypes = {
   loading: PropTypes.bool.isRequired,
   results: PropTypes.array.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"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"],"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"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"],"mappings":"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"}
+{"version":3,"file":"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","entityIdentifier","published","created","status","updatedDate","createdDate","publishedDate","propTypes","bool","isRequired","array","number","func","object","string"],"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"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 className=\"header--list--results\">\n            About <b>{total}</b> search keywords results\n          </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 {\n              id,\n              docType,\n              updated,\n              name,\n              entityIdentifier,\n              published,\n              created,\n              status\n            } = results[index];\n            const updatedDate = updated ? getDateFormat(updated) : null;\n            const createdDate = created ? getDateFormat(created) : null;\n            const publishedDate = published ? getDateFormat(published) : 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=\"list__item-identifier\">{entityIdentifier}</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-link\">\n                      {name}\n                    </a>\n\n                    <div className=\"list__item-dates\">\n                      {publishedDate && (\n                        <span>\n                          <b>Published: </b>\n                          {publishedDate}\n                        </span>\n                      )}\n                      <span>\n                        <b>Created: </b>\n                        {createdDate}\n                      </span>\n                      <span>\n                        <b>Updated: </b>\n                        {updatedDate}\n                      </span>\n                    </div>\n                    <div className=\"list__item-status\">\n                      {status && (\n                        <span>\n                          <b>Status: </b>\n                          {status}\n                        </span>\n                      )}\n                    </div>\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"],"mappings":"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"}

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

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

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
 const TriggerModal = ({
   toggleSearchModal
 }) => /*#__PURE__*/React.createElement("span", {
@@ -8,7 +7,6 @@ const TriggerModal = ({
   className: "material-icons searchModal-search-icon",
   onClick: toggleSearchModal
 }, "search");
-
 TriggerModal.propTypes = {
   toggleSearchModal: PropTypes.func.isRequired
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TriggerModal.js","names":["React","PropTypes","TriggerModal","toggleSearchModal","propTypes","func","isRequired"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/TriggerModal.js"],"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"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,YAAY,GAAG,CAAC;EAAEC;AAAF,CAAD,kBACnB;EACE,IAAI,EAAC,QADP;EAEE,SAAS,EAAC,wCAFZ;EAGE,OAAO,EAAEA;AAHX,YADF;;AASAD,YAAY,CAACE,SAAb,GAAyB;EACvBD,iBAAiB,EAAEF,SAAS,CAACI,IAAV,CAAeC;AADX,CAAzB;AAIA,eAAeJ,YAAf"}
+{"version":3,"file":"TriggerModal.js","names":["React","PropTypes","TriggerModal","toggleSearchModal","propTypes","func","isRequired"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/TriggerModal.js"],"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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,YAAY,GAAG,CAAC;EAAEC;AAAkB,CAAC,kBACzC;EACE,IAAI,EAAC,QAAQ;EACb,SAAS,EAAC,wCAAwC;EAClD,OAAO,EAAEA;AAAkB,YAG9B;AAEDD,YAAY,CAACE,SAAS,GAAG;EACvBD,iBAAiB,EAAEF,SAAS,CAACI,IAAI,CAACC;AACpC,CAAC;AAED,eAAeJ,YAAY"}

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

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

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

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

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

@@ -5,7 +5,6 @@ import { MdClose, MdSearch } from 'react-icons/md';
 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,
@@ -38,13 +37,15 @@ const SearchPublishedContent = ({
     if (isSearchBarOpen !== displaySearchBar) {
       setDisplaySearchBar(isSearchBarOpen);
     }
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // 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
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [displaySearchBar]);
   useEffect(() => {
     if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
@@ -54,7 +55,6 @@ const SearchPublishedContent = ({
       setPreviousSearchTerm(debouncedSearchTerm);
     }
   }, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);
-
   const handleOnChange = ({
     target: {
       value = ''
@@ -63,26 +63,21 @@ const SearchPublishedContent = ({
     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
@@ -120,7 +115,6 @@ const SearchPublishedContent = ({
     loading
   })));
 };
-
 SearchPublishedContent.propTypes = {
   entities: PropTypes.array,
   children: PropTypes.func.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"SearchPublishedContent.js","names":["React","useState","useEffect","classnames","PropTypes","MdClose","MdSearch","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"],"sources":["../../../src/components/SearchPublishedContent/SearchPublishedContent.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { MdClose, MdSearch } from 'react-icons/md';\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\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: () => (\n    <i>\n      <MdSearch />\n    </i>\n  ),\n  CloseIcon: () => (\n    <i>\n      <MdClose />\n    </i>\n  ),\n  className: '',\n  inputRef: null,\n  isSearchBarOpen: null,\n  fields: []\n};\n\nexport default SearchPublishedContent;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,EAAkBC,QAAlB,QAAkC,gBAAlC;AACA,SAASC,WAAT,QAA4B,oCAA5B;AACA,OAAOC,gBAAP,MAA6B,qBAA7B;AACA,SAASC,gBAAT,EAA2BC,oBAA3B,EAAiDC,aAAjD,QAAsE,iBAAtE;;AAEA,MAAMC,sBAAsB,GAAG,CAAC;EAC9BC,QAD8B;EAE9BC,QAF8B;EAG9BC,UAH8B;EAI9BC,kBAJ8B;EAK9BC,UAL8B;EAM9BC,SAN8B;EAO9BC,SAP8B;EAQ9BC,QAR8B;EAS9BC,WAT8B;EAU9BC,YAV8B;EAW9BC,QAX8B;EAY9BC,eAZ8B;EAa9BC;AAb8B,CAAD,KAczB;EACJ,MAAM,CAACC,gBAAD,EAAmBC,mBAAnB,IAA0C1B,QAAQ,CAACuB,eAAD,CAAxD;EACA,MAAM,CAACI,UAAD,EAAaC,aAAb,IAA8B5B,QAAQ,CAAC,EAAD,CAA5C;EACA,MAAM,CAAC6B,kBAAD,EAAqBC,qBAArB,IAA8C9B,QAAQ,CAAC,IAAD,CAA5D;EACA,MAAM+B,mBAAmB,GAAGzB,WAAW,CAACqB,UAAD,EAAa,GAAb,CAAvC;EAEA,MAAM,CAAC;IAAEK,OAAF;IAAWC;EAAX,CAAD,EAAuBC,cAAvB,IAAyC3B,gBAAgB,CAAC;IAC9D4B,QAAQ,EAAE3B,gBADoD;IAE9DM,UAF8D;IAG9DF,QAH8D;IAI9DY;EAJ8D,CAAD,CAA/D;EAOAvB,SAAS,CACP,MAAM;IACJ,IAAIsB,eAAe,KAAKE,gBAAxB,EAA0C;MACxCC,mBAAmB,CAACH,eAAD,CAAnB;IACD;EACF,CALM,EAMP;EACA,CAACA,eAAD,CAPO,CAAT;EAUAtB,SAAS,CACP,MAAM;IACJ,IAAIqB,QAAQ,IAAIA,QAAQ,CAACc,OAArB,IAAgCX,gBAApC,EAAsD;MACpDH,QAAQ,CAACc,OAAT,CAAiBC,KAAjB;IACD;EACF,CALM,EAMP;EACA,CAACZ,gBAAD,CAPO,CAAT;EAUAxB,SAAS,CACP,MAAM;IACJ,IAAI8B,mBAAmB,IAAIA,mBAAmB,KAAKF,kBAAnD,EAAuE;MACrEK,cAAc,CAAC;QAAEI,KAAK,EAAG,GAAEP,mBAAoB;MAAhC,CAAD,CAAd;MACAD,qBAAqB,CAACC,mBAAD,CAArB;IACD;EACF,CANM,EAOP,CAACA,mBAAD,EAAsBF,kBAAtB,EAA0CK,cAA1C,CAPO,CAAT;;EAUA,MAAMK,cAAc,GAAG,CAAC;IAAEC,MAAM,EAAE;MAAEF,KAAK,GAAG;IAAV,IAAiB;EAA3B,CAAD,KAAqC;IAC1DnB,QAAQ,CAACmB,KAAD,CAAR;IACAV,aAAa,CAACU,KAAD,CAAb;EACD,CAHD;;EAKA,MAAMG,cAAc,GAAGC,KAAK,IAAI;IAC9B,MAAMC,OAAO,GAAGD,KAAK,CAACE,GAAN,KAAc,OAA9B;IACAD,OAAO,IAAItB,YAAY,EAAvB;EACD,CAHD;;EAKA,MAAMwB,eAAe,GAAG,MAAM;IAC5B,MAAMC,cAAc,GAAG,EAAvB;IACArB,gBAAgB,IAAIG,aAAa,CAACkB,cAAD,CAAjC;IACAP,cAAc,CAAC;MAAED,KAAK,EAAEQ;IAAT,CAAD,CAAd;;IACA,IAAIvB,eAAe,KAAK,IAAxB,EAA8B;MAC5BR,kBAAkB,CAAC,CAACU,gBAAF,CAAlB;IACD;;IACDC,mBAAmB,CAAC,CAACD,gBAAF,CAAnB;EACD,CARD;;EAUA,MAAMsB,sBAAsB,GAAG7C,UAAU,CAAC,iBAAD,EAAoB;IAC3D,mCAAmCuB,gBADwB;IAE3D,2BAA2B,CAACA;EAF+B,CAApB,CAAzC;EAKA,MAAMuB,gBAAgB,GAAG9C,UAAU,CAAC,cAAD,EAAiB;IAClD+C,IAAI,EAAExB;EAD4C,CAAjB,CAAnC;EAIA,oBACE;IAAK,SAAS,EAAG,kBAAiBP,SAAU;EAA5C,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAE6B;EAAhB,gBACE;IACE,eAAY,cADd;IAEE,UAAU,EAAEN,cAFd;IAGE,WAAW,EAAErB,WAHf;IAIE,IAAI,EAAC,MAJP;IAKE,QAAQ,EAAEmB,cALZ;IAME,KAAK,EAAEZ,UANT;IAOE,GAAG,EAAEL;EAPP,EADF,eAUE;IAAQ,IAAI,EAAC,QAAb;IAAsB,SAAS,EAAC;EAAhC,gBACE,oBAAC,UAAD,OADF,CAVF,CADF,eAeE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAE0B,gBAFb;IAGE,OAAO,EAAEH,eAHX;IAIE,EAAE,EAAEnC,aAJN;IAKE,KAAK,EAAEA;EALT,GAMG,CAACe,gBAAD,gBAAoB,oBAAC,UAAD,OAApB,gBAAqC,oBAAC,SAAD,OANxC,CAfF,CADF,eAyBE;IAAK,SAAS,EAAC;EAAf,GACGZ,QAAQ,CAAC;IAAEoB,OAAO,EAAEA,OAAO,CAACiB,MAAR,IAAkBvB,UAAlB,GAA+BM,OAA/B,GAAyC,EAApD;IAAwDD;EAAxD,CAAD,CADX,CAzBF,CADF;AA+BD,CArHD;;AAuHArB,sBAAsB,CAACwC,SAAvB,GAAmC;EACjCvC,QAAQ,EAAET,SAAS,CAACiD,KADa;EAEjCvC,QAAQ,EAAEV,SAAS,CAACkD,IAAV,CAAeC,UAFQ;EAGjCxC,UAAU,EAAEX,SAAS,CAACoD,MAHW;EAIjCxC,kBAAkB,EAAEZ,SAAS,CAACkD,IAJG;EAKjCrC,UAAU,EAAEb,SAAS,CAACkD,IALW;EAMjCpC,SAAS,EAAEd,SAAS,CAACkD,IANY;EAOjClC,QAAQ,EAAEhB,SAAS,CAACkD,IAPa;EAQjChC,YAAY,EAAElB,SAAS,CAACkD,IARS;EASjCnC,SAAS,EAAEf,SAAS,CAACoD,MATY;EAUjCnC,WAAW,EAAEjB,SAAS,CAACoD,MAVU;EAWjCjC,QAAQ,EAAEnB,SAAS,CAACqD,MAXa;EAYjCjC,eAAe,EAAEpB,SAAS,CAACsD,IAZM;EAajCjC,MAAM,EAAErB,SAAS,CAACiD;AAbe,CAAnC;AAgBAzC,sBAAsB,CAAC+C,YAAvB,GAAsC;EACpC9C,QAAQ,EAAE,CAAC,gBAAD,CAD0B;EAEpCQ,WAAW,EAAE,EAFuB;EAGpCN,UAAU,EAAEL,oBAHwB;EAIpCU,QAAQ,EAAE,MAAM,CAAE,CAJkB;EAKpCE,YAAY,EAAE,MAAM,CAAE,CALc;EAMpCN,kBAAkB,EAAE4C,KAAK,IAAIA,KANO;EAOpC3C,UAAU,EAAE,mBACV,4CACE,oBAAC,QAAD,OADF,CARkC;EAYpCC,SAAS,EAAE,mBACT,4CACE,oBAAC,OAAD,OADF,CAbkC;EAiBpCC,SAAS,EAAE,EAjByB;EAkBpCI,QAAQ,EAAE,IAlB0B;EAmBpCC,eAAe,EAAE,IAnBmB;EAoBpCC,MAAM,EAAE;AApB4B,CAAtC;AAuBA,eAAeb,sBAAf"}
+{"version":3,"file":"SearchPublishedContent.js","names":["React","useState","useEffect","classnames","PropTypes","MdClose","MdSearch","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"],"sources":["../../../src/components/SearchPublishedContent/SearchPublishedContent.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { MdClose, MdSearch } from 'react-icons/md';\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\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: () => (\n    <i>\n      <MdSearch />\n    </i>\n  ),\n  CloseIcon: () => (\n    <i>\n      <MdClose />\n    </i>\n  ),\n  className: '',\n  inputRef: null,\n  isSearchBarOpen: null,\n  fields: []\n};\n\nexport default SearchPublishedContent;\n"],"mappings":"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"}

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

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

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

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

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

@@ -1,19 +1,15 @@
 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

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.js","names":["useState","useLocalStorage","key","initialValue","storedValue","setStoredValue","item","window","localStorage","getItem","JSON","parse","setValue","value","valueToStore","Function","setItem","stringify"],"sources":["../../../src/components/useLocalStorage/useLocalStorage.js"],"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"],"mappings":"AAAA,SAASA,QAAT,QAAyB,OAAzB;;AAEA,SAASC,eAAT,CAAyBC,GAAzB,EAA8BC,YAA9B,EAA4C;EAC1C,MAAM,CAACC,WAAD,EAAcC,cAAd,IAAgCL,QAAQ,CAAC,MAAM;IACnD,MAAMM,IAAI,GAAGC,MAAM,CAACC,YAAP,CAAoBC,OAApB,CAA4BP,GAA5B,CAAb;IACA,OAAOI,IAAI,GAAGI,IAAI,CAACC,KAAL,CAAWL,IAAX,CAAH,GAAsBH,YAAjC;EACD,CAH6C,CAA9C;;EAKA,MAAMS,QAAQ,GAAGC,KAAK,IAAI;IACxB,MAAMC,YAAY,GAAGD,KAAK,YAAYE,QAAjB,GAA4BF,KAAK,CAACT,WAAD,CAAjC,GAAiDS,KAAtE;IACAR,cAAc,CAACS,YAAD,CAAd;IACAP,MAAM,CAACC,YAAP,CAAoBQ,OAApB,CAA4Bd,GAA5B,EAAiCQ,IAAI,CAACO,SAAL,CAAeH,YAAf,CAAjC;EACD,CAJD;;EAMA,OAAO,CAACV,WAAD,EAAcQ,QAAd,CAAP;AACD;;AAED,eAAeX,eAAf"}
+{"version":3,"file":"useLocalStorage.js","names":["useState","useLocalStorage","key","initialValue","storedValue","setStoredValue","item","window","localStorage","getItem","JSON","parse","setValue","value","valueToStore","Function","setItem","stringify"],"sources":["../../../src/components/useLocalStorage/useLocalStorage.js"],"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"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,eAAe,CAACC,GAAG,EAAEC,YAAY,EAAE;EAC1C,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGL,QAAQ,CAAC,MAAM;IACnD,MAAMM,IAAI,GAAGC,MAAM,CAACC,YAAY,CAACC,OAAO,CAACP,GAAG,CAAC;IAC7C,OAAOI,IAAI,GAAGI,IAAI,CAACC,KAAK,CAACL,IAAI,CAAC,GAAGH,YAAY;EAC/C,CAAC,CAAC;EAEF,MAAMS,QAAQ,GAAGC,KAAK,IAAI;IACxB,MAAMC,YAAY,GAAGD,KAAK,YAAYE,QAAQ,GAAGF,KAAK,CAACT,WAAW,CAAC,GAAGS,KAAK;IAC3ER,cAAc,CAACS,YAAY,CAAC;IAC5BP,MAAM,CAACC,YAAY,CAACQ,OAAO,CAACd,GAAG,EAAEQ,IAAI,CAACO,SAAS,CAACH,YAAY,CAAC,CAAC;EAChE,CAAC;EAED,OAAO,CAACV,WAAW,EAAEQ,QAAQ,CAAC;AAChC;AAEA,eAAeX,eAAe"}

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

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

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

@@ -1,13 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { useState, useEffect } from 'react';
 import { useLazyQuery } from '@apollo/client';
 import searchQueries from '../../application/query';
-
 function useSearch({
   queryKey,
   resultKeys,
@@ -20,6 +16,7 @@ function useSearch({
     value: ''
   });
   const [searchedValue, setSearchedValue] = useState(null);
+  const [en, setEn] = useState([]);
   const [previousOffset, setPreviousOffset] = useState(null);
   const buildSearchQuery = searchQueries[queryKey];
   const [getSearchResults, {
@@ -40,13 +37,13 @@ function useSearch({
     resultKeys
   }), {
     ssr: false
-  }); // todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108
+  });
+  // todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108
   // without ssr: false clients can hang in ssr.
 
   const handleQueryParams = newQueryParams => {
     setParams(_objectSpread(_objectSpread({}, queryParams), newQueryParams));
   };
-
   useEffect(() => {
     const {
       limit,
@@ -55,13 +52,13 @@ function useSearch({
     } = queryParams;
     const isNewValueSet = value && value !== searchedValue;
     const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
+    const notSameLength = en.length !== entities.length;
     const parsedEntities = entities.length ? entities.map(entity => ({
       match: {
         docType: entity
       }
     })) : [];
-
-    if (isNewValueSet || isNewOffsetSet) {
+    if (isNewValueSet || isNewOffsetSet || notSameLength) {
       getSearchResults({
         variables: {
           limit,
@@ -88,8 +85,9 @@ function useSearch({
       });
       setSearchedValue(value);
       setPreviousOffset(offset);
+      setEn(entities);
     }
-  }, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields]);
+  }, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields, entities.length, en.length]);
   return [{
     searchedValue: queryParams.value,
     loading,
@@ -99,6 +97,5 @@ function useSearch({
     }
   }, handleQueryParams];
 }
-
 export default useSearch;
 //# sourceMappingURL=useSearch.js.map