npm - @blaze-cms/plugin-search-ui - Versions diffs - 0.129.0-project-admin-customisations.1 → 0.130.0-admin-updates.0 - Mend

@blaze-cms/plugin-search-ui 0.129.0-project-admin-customisations.1 → 0.130.0-admin-updates.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -3,20 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-# [0.129.0-project-admin-customisations.1](https://github.com/thebyte9/blaze/compare/v0.129.0-project-admin-customisations.0...v0.129.0-project-admin-customisations.1) (2023-05-05)
-**Note:** Version bump only for package @blaze-cms/plugin-search-ui
-# [0.129.0-project-admin-customisations.0](https://github.com/thebyte9/blaze/compare/v0.128.2...v0.129.0-project-admin-customisations.0) (2023-05-03)
+# [0.130.0-admin-updates.0](https://github.com/thebyte9/blaze/compare/v0.129.0...v0.130.0-admin-updates.0) (2023-05-24)
 ### Bug Fixes
 * add updated searchAdmin test ([4db3178](https://github.com/thebyte9/blaze/commit/4db3178f8c95182d107a1d151a793a0987c8d7b8))
+* fixed admin search scroll bug ([#3915](https://github.com/thebyte9/blaze/issues/3915)) ([f307182](https://github.com/thebyte9/blaze/commit/f3071821ff1584ea47357660ebac12e993582a26))
 * update tests ([f86218f](https://github.com/thebyte9/blaze/commit/f86218f88a7348f68a07685a8f49ba459aac1b1b))
 * update tests ([8fd2675](https://github.com/thebyte9/blaze/commit/8fd2675624126e5a23ecc0af3202d08c46667441))
@@ -35,6 +28,30 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
+# [0.129.0](https://github.com/thebyte9/blaze/compare/v0.129.0-alpha.1...v0.129.0) (2023-05-23)
+**Note:** Version bump only for package @blaze-cms/plugin-search-ui
+# [0.129.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.129.0-alpha.0...v0.129.0-alpha.1) (2023-05-17)
+**Note:** Version bump only for package @blaze-cms/plugin-search-ui
+# [0.129.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.128.2...v0.129.0-alpha.0) (2023-05-10)
+**Note:** Version bump only for package @blaze-cms/plugin-search-ui
 ## [0.128.1](https://github.com/thebyte9/blaze/compare/v0.128.1-alpha.0...v0.128.1) (2023-04-14)
 **Note:** Version bump only for package @blaze-cms/plugin-search-ui

package/lib/components/SearchAdmin/SearchAdmin.js CHANGED Viewed

@@ -127,7 +127,6 @@ var SearchAdmin = function SearchAdmin() {
   var isEmptySearchTermAndData = !searchTerm && !results.length;
   var isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
   var shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
-  var showResults = enableResults && results.length;
   var handleSetEntityValues = function handleSetEntityValues(newEntity) {
     var entityExists = entityValues.some(function (entity) {
       return entity.id === newEntity.id;
@@ -170,15 +169,11 @@ var SearchAdmin = function SearchAdmin() {
         value: searchTerm
       });
     }
-  })), shouldDisplayRecentSearches ? /*#__PURE__*/_react["default"].createElement(_RecentSearches["default"], {
+  })), shouldDisplayRecentSearches && /*#__PURE__*/_react["default"].createElement(_RecentSearches["default"], {
     recentSearches: recentSearches,
     handleSearchTerm: handleSearchTerm,
     search: _search
-  }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !showResults && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "list list--search"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header header--list"
-  }, /*#__PURE__*/_react["default"].createElement("h2", null, "No Results")))), showResults && /*#__PURE__*/_react["default"].createElement(_SearchResults["default"], {
+  }), enableResults && /*#__PURE__*/_react["default"].createElement(_SearchResults["default"], {
     currentValue: searchTerm,
     searchTerm: searchTerm,
     loading: loading,

package/lib/components/SearchAdmin/SearchAdmin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchAdmin.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_customHooks","_useLocalStorage3","_SearchBar","_RecentSearches","_SearchResults","_TriggerModal","_SearchAdminSideBar","_useSearchResults3","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchAdmin","_useState","useState","_useState2","_slicedToArray2","searchTerm","setSearchTerm","_useState3","_useState4","openSearchSideBar","setOpenSearchSideBar","_useState5","_useState6","entityValues","setEntityValues","_useLocalStorage","useLocalStorage","_useLocalStorage2","recentSearches","setRecentSearches","_useState7","_useState8","displaySearchModalFrame","setDisplaySearchModalFrame","_useState9","_useState10","enableResults","setEnableResults","searchInputRef","useRef","debouncedEntityValues","useDebounce","_useSearchResults","useSearchResults","queryKey","SEARCH_ADMIN","entities","map","e","id","_useSearchResults2","_useSearchResults2$","loading","results","total","setQueryParams","useEffect","current","focus","handleSearchTerm","_ref","value","target","toggleSearchModal","search","_ref2","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","_ref3","clear","searchModalResultsClassName","classnames","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults","handleSetEntityValues","newEntity","entityExists","some","entity","filter","concat","_toConsumableArray2","createElement","className","Fragment","currentValue","closeModal","_default","exports"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport SearchAdminSideBar from './SearchAdminSideBar';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [openSearchSideBar, setOpenSearchSideBar] = useState(true);\n const [entityValues, setEntityValues] = useState([]);\n\n const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n const [enableResults, setEnableResults] = useState(true);\n const searchInputRef = useRef(null);\n const debouncedEntityValues = useDebounce(entityValues, 500);\n const [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN,\n entities: debouncedEntityValues.map(e => e.id)\n });\n\n useEffect(\n () => {\n if (searchInputRef && searchInputRef.current) {\n searchInputRef.current.focus();\n }\n },\n [displaySearchModalFrame]\n );\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n const toggleSearchModal = () => {\n setSearchTerm(null);\n setEnableResults(false);\n setDisplaySearchModalFrame(!displaySearchModalFrame);\n };\n const search = ({ value }) => {\n if (!value) return;\n !enableResults && setEnableResults(true);\n const MAX_RECENT_SEARCHES = 5;\n const recentSearchesCopy = recentSearches.slice();\n\n if (!recentSearchesCopy.includes(value)) {\n recentSearchesCopy.push(value);\n if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n recentSearchesCopy.shift();\n }\n }\n\n setRecentSearches(recentSearchesCopy);\n setQueryParams({ value });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n if (!searchTerm) return clear();\n search({ value: searchTerm });\n }\n };\n\n const clear = () => {\n setSearchTerm('');\n setEnableResults(false);\n };\n\n const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n 'modal--show': displaySearchModalFrame\n });\n\n const searchModalSideBarClassName = classnames('modal__search__sidebar', {\n 'modal__search__sidebar--close': !openSearchSideBar\n });\n\n const isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData \|\| isEmptySearchTermnAndDisabledResults;\n\n const showResults = enableResults && results.length;\n\n const handleSetEntityValues = newEntity => {\n const entityExists = entityValues.some(entity => entity.id === newEntity.id);\n if (entityExists) {\n setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));\n } else {\n setEntityValues([...entityValues, newEntity]);\n }\n };\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <div className=\"modal__search\">\n <SearchAdminSideBar\n searchModalSideBarClassName={searchModalSideBarClassName}\n openSearchSideBar={openSearchSideBar}\n setOpenSearchSideBar={setOpenSearchSideBar}\n handleSetEntityValues={handleSetEntityValues}\n entityValues={entityValues}\n setEntityValues={setEntityValues}\n />\n <div className=\"modal__search__content\">\n <div className=\"modal__header modal__header--search\">\n <SearchBar\n toggleSearchModal={toggleSearchModal}\n handleKeyDown={handleKeyDown}\n searchInputRef={searchInputRef}\n handleSearchTerm={handleSearchTerm}\n searchTerm={searchTerm}\n search={() => search({ value: searchTerm })}\n />\n </div>\n {shouldDisplayRecentSearches ? (\n <RecentSearches\n recentSearches={recentSearches}\n handleSearchTerm={handleSearchTerm}\n search={search}\n />\n ) : (\n <>\n {!showResults && (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>No Results</h2>\n </div>\n </div>\n )}\n </>\n )}\n {showResults && (\n <SearchResults\n currentValue={searchTerm}\n searchTerm={searchTerm}\n loading={loading}\n results={results}\n total={total}\n setQueryParams={setQueryParams}\n closeModal={toggleSearchModal}\n />\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
1	+ {"version":3,"file":"SearchAdmin.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_customHooks","_useLocalStorage3","_SearchBar","_RecentSearches","_SearchResults","_TriggerModal","_SearchAdminSideBar","_useSearchResults3","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchAdmin","_useState","useState","_useState2","_slicedToArray2","searchTerm","setSearchTerm","_useState3","_useState4","openSearchSideBar","setOpenSearchSideBar","_useState5","_useState6","entityValues","setEntityValues","_useLocalStorage","useLocalStorage","_useLocalStorage2","recentSearches","setRecentSearches","_useState7","_useState8","displaySearchModalFrame","setDisplaySearchModalFrame","_useState9","_useState10","enableResults","setEnableResults","searchInputRef","useRef","debouncedEntityValues","useDebounce","_useSearchResults","useSearchResults","queryKey","SEARCH_ADMIN","entities","map","e","id","_useSearchResults2","_useSearchResults2$","loading","results","total","setQueryParams","useEffect","current","focus","handleSearchTerm","_ref","value","target","toggleSearchModal","search","_ref2","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","_ref3","clear","searchModalResultsClassName","classnames","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","handleSetEntityValues","newEntity","entityExists","some","entity","filter","concat","_toConsumableArray2","createElement","className","currentValue","closeModal","_default","exports"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport SearchAdminSideBar from './SearchAdminSideBar';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [openSearchSideBar, setOpenSearchSideBar] = useState(true);\n const [entityValues, setEntityValues] = useState([]);\n\n const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n const [enableResults, setEnableResults] = useState(true);\n const searchInputRef = useRef(null);\n const debouncedEntityValues = useDebounce(entityValues, 500);\n const [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN,\n entities: debouncedEntityValues.map(e => e.id)\n });\n\n useEffect(\n () => {\n if (searchInputRef && searchInputRef.current) {\n searchInputRef.current.focus();\n }\n },\n [displaySearchModalFrame]\n );\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n\n const toggleSearchModal = () => {\n setSearchTerm(null);\n setEnableResults(false);\n setDisplaySearchModalFrame(!displaySearchModalFrame);\n };\n\n const search = ({ value }) => {\n if (!value) return;\n !enableResults && setEnableResults(true);\n const MAX_RECENT_SEARCHES = 5;\n const recentSearchesCopy = recentSearches.slice();\n\n if (!recentSearchesCopy.includes(value)) {\n recentSearchesCopy.push(value);\n if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n recentSearchesCopy.shift();\n }\n }\n\n setRecentSearches(recentSearchesCopy);\n setQueryParams({ value });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n if (!searchTerm) return clear();\n search({ value: searchTerm });\n }\n };\n\n const clear = () => {\n setSearchTerm('');\n setEnableResults(false);\n };\n\n const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n 'modal--show': displaySearchModalFrame\n });\n\n const searchModalSideBarClassName = classnames('modal__search__sidebar', {\n 'modal__search__sidebar--close': !openSearchSideBar\n });\n\n const isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData \|\| isEmptySearchTermnAndDisabledResults;\n\n const handleSetEntityValues = newEntity => {\n const entityExists = entityValues.some(entity => entity.id === newEntity.id);\n if (entityExists) {\n setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));\n } else {\n setEntityValues([...entityValues, newEntity]);\n }\n };\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <div className=\"modal__search\">\n <SearchAdminSideBar\n searchModalSideBarClassName={searchModalSideBarClassName}\n openSearchSideBar={openSearchSideBar}\n setOpenSearchSideBar={setOpenSearchSideBar}\n handleSetEntityValues={handleSetEntityValues}\n entityValues={entityValues}\n setEntityValues={setEntityValues}\n />\n <div className=\"modal__search__content\">\n <div className=\"modal__header modal__header--search\">\n <SearchBar\n toggleSearchModal={toggleSearchModal}\n handleKeyDown={handleKeyDown}\n searchInputRef={searchInputRef}\n handleSearchTerm={handleSearchTerm}\n searchTerm={searchTerm}\n search={() => search({ value: searchTerm })}\n />\n </div>\n {shouldDisplayRecentSearches && (\n <RecentSearches\n recentSearches={recentSearches}\n handleSearchTerm={handleSearchTerm}\n search={search}\n />\n )}\n {enableResults && (\n <SearchResults\n currentValue={searchTerm}\n searchTerm={searchTerm}\n loading={loading}\n results={results}\n total={total}\n setQueryParams={setQueryParams}\n closeModal={toggleSearchModal}\n />\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}

package/lib/components/SearchAdmin/SearchResults/SearchResults.js CHANGED Viewed

@@ -49,6 +49,23 @@ var SearchResults = function SearchResults(_ref) {
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     currentIndex = _useState4[0],
     setCurrentIndex = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    currentResults = _useState6[0],
+    setCurrentResults = _useState6[1];
+  var _useState7 = (0, _react.useState)(0),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    currentTotal = _useState8[0],
+    setCurrentTotal = _useState8[1];
+  (0, _react.useEffect)(function () {
+    if (!loading) {
+      var _verifiedRanges = (0, _slicedToArray2["default"])(verifiedRanges, 1),
+        lowestRange = _verifiedRanges[0];
+      setCurrentTotal(total);
+      setCurrentResults(results);
+      if (lowestRange > results.length) setVerifiedRanges([]);
+    }
+  }, [loading, results, total, verifiedRanges]);
   var handleRenderedItems = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_ref2) {
       var startIndex, rowsLength, loadIndex;
@@ -97,16 +114,21 @@ var SearchResults = function SearchResults(_ref) {
     var year = String(newDate.getYear()).slice(-2);
     return "".concat(day, ".").concat(month, ".").concat(year);
   };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, loading && /*#__PURE__*/_react["default"].createElement("span", null, "Loading..."), /*#__PURE__*/_react["default"].createElement("div", {
+  if (!currentResults.length) return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "list list--search"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "header header--list"
+  }, /*#__PURE__*/_react["default"].createElement("h2", null, "No Results")));
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "modal__content modal__content--search"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "header header--list"
   }, /*#__PURE__*/_react["default"].createElement("h2", {
     className: "header--list--results"
-  }, "About ", /*#__PURE__*/_react["default"].createElement("b", null, total), " search keywords results")), /*#__PURE__*/_react["default"].createElement(_reactTinyVirtualList["default"], {
+  }, "About ", /*#__PURE__*/_react["default"].createElement("b", null, currentTotal), " search keywords results")), /*#__PURE__*/_react["default"].createElement(_reactTinyVirtualList["default"], {
     width: "100%",
     height: window.innerHeight - _constants.SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,
-    itemCount: results.length,
+    itemCount: currentResults.length,
     itemSize: _constants.SEARCH_RESULTS_ITEM_SIZE,
     overscanCount: _constants.SEARCH_RESULTS_OVER_SCAN_BUFFER,
     scrollToIndex: currentIndex,
@@ -114,15 +136,15 @@ var SearchResults = function SearchResults(_ref) {
     renderItem: function renderItem(_ref6) {
       var index = _ref6.index,
         style = _ref6.style;
-      var _results$index = results[index],
-        id = _results$index.id,
-        docType = _results$index.docType,
-        updated = _results$index.updated,
-        name = _results$index.name,
-        entityIdentifier = _results$index.entityIdentifier,
-        published = _results$index.published,
-        created = _results$index.created,
-        status = _results$index.status;
+      var _currentResults$index = currentResults[index],
+        id = _currentResults$index.id,
+        docType = _currentResults$index.docType,
+        updated = _currentResults$index.updated,
+        name = _currentResults$index.name,
+        entityIdentifier = _currentResults$index.entityIdentifier,
+        published = _currentResults$index.published,
+        created = _currentResults$index.created,
+        status = _currentResults$index.status;
       var updatedDate = updated ? getDateFormat(updated) : null;
       var createdDate = created ? getDateFormat(created) : null;
       var publishedDate = published ? getDateFormat(published) : null;
@@ -154,7 +176,7 @@ var SearchResults = function SearchResults(_ref) {
         className: "list__item-status"
       }, status && /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("b", null, "Status: "), status)))));
     }
-  })));
+  }), loading && /*#__PURE__*/_react["default"].createElement("span", null, "Loading..."));
 };
 SearchResults.propTypes = {
   loading: _propTypes["default"].bool.isRequired,

package/lib/components/SearchAdmin/SearchResults/SearchResults.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchResults.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactTinyVirtualList","_reactRouterDom","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchResults","_ref","currentValue","loading","results","total","setQueryParams","closeModal","history","_useState","useState","_useState2","_slicedToArray2","verifiedRanges","setVerifiedRanges","_useState3","_useState4","currentIndex","setCurrentIndex","handleRenderedItems","_ref3","_asyncToGenerator2","_regenerator","mark","_callee","_ref2","startIndex","rowsLength","loadIndex","wrap","_callee$","_context","prev","next","length","Math","floor","SEARCH_RESULTS_OVER_SCAN_BUFFER","includes","value","offset","concat","_toConsumableArray2","stop","_x","apply","arguments","getNavigationRoute","_ref4","id","docType","FILE","navigate","_ref5","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","createElement","Fragment","className","width","height","window","innerHeight","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","itemCount","itemSize","SEARCH_RESULTS_ITEM_SIZE","overscanCount","scrollToIndex","onItemsRendered","renderItem","_ref6","index","style","_results$index","updated","name","entityIdentifier","published","created","status","updatedDate","createdDate","publishedDate","href","onClick","propTypes","PropTypes","bool","isRequired","array","number","func","object","string","_default","withRouter","exports"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAK4B,SAAAM,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAR,wBAAAY,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAX5B;AACA;;AAYA,IAAMW,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAQb;EAAA,IAPJC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACZC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACVC,OAAO,GAAAP,IAAA,CAAPO,OAAO;EAEP,IAAAC,SAAA,GAA4C,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAjDI,cAAc,GAAAF,UAAA;IAAEG,iBAAiB,GAAAH,UAAA;EACxC,IAAAI,UAAA,GAAwC,IAAAL,eAAQ,EAAC,CAAC,CAAC;IAAAM,UAAA,OAAAJ,eAAA,aAAAG,UAAA;IAA5CE,YAAY,GAAAD,UAAA;IAAEE,eAAe,GAAAF,UAAA;EAEpC,IAAMG,mBAAmB;IAAA,IAAAC,KAAA,OAAAC,kBAAA,2BAAAC,YAAA,YAAAC,IAAA,CAAG,SAAAC,QAAAC,KAAA;MAAA,IAAAC,UAAA,EAAAC,UAAA,EAAAC,SAAA;MAAA,OAAAN,YAAA,YAAAO,IAAA,UAAAC,SAAAC,QAAA;QAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;UAAA;YAASP,UAAU,GAAAD,KAAA,CAAVC,UAAU;YACvCC,UAAU,GAAGvB,OAAO,CAAC8B,MAAM;YAC3BN,SAAS,GAAGO,IAAI,CAACC,KAAK,CAACT,UAAU,GAAG,CAAC,CAAC,GAAGU,0CAA+B;YAC9E,IAAIT,SAAS,GAAG,CAAC,IAAIA,SAAS,GAAGF,UAAU,IAAI,CAACb,cAAc,CAACyB,QAAQ,CAACV,SAAS,CAAC,EAAE;cAClFtB,cAAc,CAAC;gBAAEiC,KAAK,EAAErC,YAAY;gBAAEsC,MAAM,EAAEpC,OAAO,CAAC8B;cAAO,CAAC,CAAC;cAC/DpB,iBAAiB,IAAA2B,MAAA,KAAAC,mBAAA,aAAK7B,cAAc,IAAEe,SAAS,EAAC,CAAC;cACjDV,eAAe,CAACQ,UAAU,GAAGW,0CAA+B,CAAC;YAC/D;UAAC;UAAA;YAAA,OAAAN,QAAA,CAAAY,IAAA;QAAA;MAAA,GAAAnB,OAAA;IAAA,CACF;IAAA,gBARKL,mBAAmBA,CAAAyB,EAAA;MAAA,OAAAxB,KAAA,CAAAyB,KAAA,OAAAC,SAAA;IAAA;EAAA,GAQxB;EAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,KAAA;IAAA,IAAMC,EAAE,GAAAD,KAAA,CAAFC,EAAE;MAAEC,OAAO,GAAAF,KAAA,CAAPE,OAAO;IAAA,OACvCA,OAAO,KAAKC,eAAI,kBAAAV,MAAA,CAAkBQ,EAAE,qBAAAR,MAAA,CAAsBS,OAAO,cAAAT,MAAA,CAAWQ,EAAE,CAAE;EAAA;EAElF,IAAMG,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAAwB;IAAA,IAAlBJ,EAAE,GAAAI,KAAA,CAAFJ,EAAE;MAAEC,OAAO,GAAAG,KAAA,CAAPH,OAAO;IAC7B1C,OAAO,CAAC8C,IAAI,CAACP,kBAAkB,CAAC;MAAEE,EAAE,EAAFA,EAAE;MAAEC,OAAO,EAAPA;IAAQ,CAAC,CAAC,CAAC;IACjD3C,UAAU,CAAC,CAAC;EACd,CAAC;EAED,IAAMgD,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,IAAI,EAAI;IAC5B,IAAMC,OAAO,GAAG,IAAIC,IAAI,CAACF,IAAI,CAAC;IAC9B,IAAMG,GAAG,GAAG,IAAAlB,MAAA,CAAIgB,OAAO,CAACG,OAAO,CAAC,CAAC,EAAGC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC7C,IAAMC,KAAK,GAAG,IAAArB,MAAA,CAAIgB,OAAO,CAACM,QAAQ,CAAC,CAAC,GAAG,CAAC,EAAGF,KAAK,CAAC,CAAC,CAAC,CAAC;IACpD,IAAMG,IAAI,GAAGC,MAAM,CAACR,OAAO,CAACS,OAAO,CAAC,CAAC,CAAC,CAACL,KAAK,CAAC,CAAC,CAAC,CAAC;IAChD,UAAApB,MAAA,CAAUkB,GAAG,OAAAlB,MAAA,CAAIqB,KAAK,OAAArB,MAAA,CAAIuB,IAAI;EAChC,CAAC;EAED,oBACE9F,MAAA,YAAAiG,aAAA,CAAAjG,MAAA,YAAAkG,QAAA,QACGjE,OAAO,iBAAIjC,MAAA,YAAAiG,aAAA,eAAM,YAAgB,CAAC,eACnCjG,MAAA,YAAAiG,aAAA;IAAKE,SAAS,EAAC;EAAuC,gBACpDnG,MAAA,YAAAiG,aAAA;IAAKE,SAAS,EAAC;EAAqB,gBAClCnG,MAAA,YAAAiG,aAAA;IAAIE,SAAS,EAAC;EAAuB,GAAC,QAC9B,eAAAnG,MAAA,YAAAiG,aAAA,YAAI9D,KAAS,CAAC,4BAClB,CACD,CAAC,eACNnC,MAAA,YAAAiG,aAAA,CAAC5F,qBAAA,WAAW;IACV+F,KAAK,EAAC,MAAM;IACZC,MAAM,EAAEC,MAAM,CAACC,WAAW,GAAGC,mDAAyC;IACtEC,SAAS,EAAEvE,OAAO,CAAC8B,MAAO;IAC1B0C,QAAQ,EAAEC,mCAAyB;IACnCC,aAAa,EAAEzC,0CAAgC;IAC/C0C,aAAa,EAAE9D,YAAa;IAC5B+D,eAAe,EAAE7D,mBAAoB;IACrC8D,UAAU,EAAE,SAAAA,WAAAC,KAAA,EAAsB;MAAA,IAAnBC,KAAK,GAAAD,KAAA,CAALC,KAAK;QAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;MACzB,IAAAC,cAAA,GASIjF,OAAO,CAAC+E,KAAK,CAAC;QARhBlC,EAAE,GAAAoC,cAAA,CAAFpC,EAAE;QACFC,OAAO,GAAAmC,cAAA,CAAPnC,OAAO;QACPoC,OAAO,GAAAD,cAAA,CAAPC,OAAO;QACPC,IAAI,GAAAF,cAAA,CAAJE,IAAI;QACJC,gBAAgB,GAAAH,cAAA,CAAhBG,gBAAgB;QAChBC,SAAS,GAAAJ,cAAA,CAATI,SAAS;QACTC,OAAO,GAAAL,cAAA,CAAPK,OAAO;QACPC,MAAM,GAAAN,cAAA,CAANM,MAAM;MAER,IAAMC,WAAW,GAAGN,OAAO,GAAG/B,aAAa,CAAC+B,OAAO,CAAC,GAAG,IAAI;MAC3D,IAAMO,WAAW,GAAGH,OAAO,GAAGnC,aAAa,CAACmC,OAAO,CAAC,GAAG,IAAI;MAC3D,IAAMI,aAAa,GAAGL,SAAS,GAAGlC,aAAa,CAACkC,SAAS,CAAC,GAAG,IAAI;MACjE,oBACEvH,MAAA,YAAAiG,aAAA;QAAKzE,GAAG,EAAEyF,KAAM;QAACC,KAAK,EAAEA,KAAM;QAACf,SAAS,EAAC;MAA2B,gBAClEnG,MAAA,YAAAiG,aAAA;QAAKE,SAAS,EAAC;MAA+B,gBAC5CnG,MAAA,YAAAiG,aAAA;QAAKE,SAAS,EAAC;MAAuC,gBACpDnG,MAAA,YAAAiG,aAAA;QAAME,SAAS,EAAC;MAAuB,GAAEmB,gBAAuB,CAAC,eACjEtH,MAAA,YAAAiG,aAAA;QACE4B,IAAI,EAAEhD,kBAAkB,CAAC;UACvBE,EAAE,EAAFA,EAAE;UACFC,OAAO,EAAPA;QACF,CAAC,CAAE;QACH8C,OAAO,EAAE,SAAAA,QAAA;UAAA,OACP5C,QAAQ,CAAC;YACPH,EAAE,EAAFA,EAAE;YACFC,OAAO,EAAPA;UACF,CAAC,CAAC;QAAA,CACH;QACDmB,SAAS,EAAC;MAAiB,GAC1BkB,IACA,CAAC,eAEJrH,MAAA,YAAAiG,aAAA;QAAKE,SAAS,EAAC;MAAkB,GAC9ByB,aAAa,iBACZ5H,MAAA,YAAAiG,aAAA,4BACEjG,MAAA,YAAAiG,aAAA,YAAG,aAAc,CAAC,EACjB2B,aACG,CACP,eACD5H,MAAA,YAAAiG,aAAA,4BACEjG,MAAA,YAAAiG,aAAA,YAAG,WAAY,CAAC,EACf0B,WACG,CAAC,eACP3H,MAAA,YAAAiG,aAAA,4BACEjG,MAAA,YAAAiG,aAAA,YAAG,WAAY,CAAC,EACfyB,WACG,CACH,CAAC,eACN1H,MAAA,YAAAiG,aAAA;QAAKE,SAAS,EAAC;MAAmB,GAC/BsB,MAAM,iBACLzH,MAAA,YAAAiG,aAAA,4BACEjG,MAAA,YAAAiG,aAAA,YAAG,UAAW,CAAC,EACdwB,MACG,CAEL,CACF,CACF,CACF,CAAC;IAEV;EAAE,CACH,CACE,CACL,CAAC;AAEP,CAAC;AAED3F,aAAa,CAACiG,SAAS,GAAG;EACxB9F,OAAO,EAAE+F,qBAAS,CAACC,IAAI,CAACC,UAAU;EAClChG,OAAO,EAAE8F,qBAAS,CAACG,KAAK,CAACD,UAAU;EACnC/F,KAAK,EAAE6F,qBAAS,CAACI,MAAM,CAACF,UAAU;EAClC9F,cAAc,EAAE4F,qBAAS,CAACK,IAAI,CAACH,UAAU;EACzC7F,UAAU,EAAE2F,qBAAS,CAACK,IAAI,CAACH,UAAU;EACrC5F,OAAO,EAAE0F,qBAAS,CAACM,MAAM,CAACJ,UAAU;EACpClG,YAAY,EAAEgG,qBAAS,CAACO,MAAM,CAACL;AACjC,CAAC;AAAC,IAAAM,QAAA,GAEa,IAAAC,0BAAU,EAAC3G,aAAa,CAAC;AAAA4G,OAAA,cAAAF,QAAA"}
1	+ {"version":3,"file":"SearchResults.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactTinyVirtualList","_reactRouterDom","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchResults","_ref","currentValue","loading","results","total","setQueryParams","closeModal","history","_useState","useState","_useState2","_slicedToArray2","verifiedRanges","setVerifiedRanges","_useState3","_useState4","currentIndex","setCurrentIndex","_useState5","_useState6","currentResults","setCurrentResults","_useState7","_useState8","currentTotal","setCurrentTotal","useEffect","_verifiedRanges","lowestRange","length","handleRenderedItems","_ref3","_asyncToGenerator2","_regenerator","mark","_callee","_ref2","startIndex","rowsLength","loadIndex","wrap","_callee$","_context","prev","next","Math","floor","SEARCH_RESULTS_OVER_SCAN_BUFFER","includes","value","offset","concat","_toConsumableArray2","stop","_x","apply","arguments","getNavigationRoute","_ref4","id","docType","FILE","navigate","_ref5","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","createElement","className","width","height","window","innerHeight","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","itemCount","itemSize","SEARCH_RESULTS_ITEM_SIZE","overscanCount","scrollToIndex","onItemsRendered","renderItem","_ref6","index","style","_currentResults$index","updated","name","entityIdentifier","published","created","status","updatedDate","createdDate","publishedDate","href","onClick","propTypes","PropTypes","bool","isRequired","array","number","func","object","string","_default","withRouter","exports"],"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, useEffect } 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 const [currentResults, setCurrentResults] = useState([]);\n const [currentTotal, setCurrentTotal] = useState(0);\n\n useEffect(\n () => {\n if (!loading) {\n const [lowestRange] = verifiedRanges;\n setCurrentTotal(total);\n setCurrentResults(results);\n if (lowestRange > results.length) setVerifiedRanges([]);\n }\n },\n [loading, results, total, verifiedRanges]\n );\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 if (!currentResults.length)\n return (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>No Results</h2>\n </div>\n </div>\n );\n\n return (\n <div className=\"modal__content modal__content--search\">\n <div className=\"header header--list\">\n <h2 className=\"header--list--results\">\n About <b>{currentTotal}</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={currentResults.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 } = currentResults[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 {loading && <span>Loading...</span>}\n </div>\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/components/useSearch/useSearch.js CHANGED Viewed

@@ -45,8 +45,8 @@ function useSearch(_ref) {
     setSearchedValue = _useState4[1];
   var _useState5 = (0, _react.useState)([]),
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    en = _useState6[0],
-    setEn = _useState6[1];
+    previousEntities = _useState6[0],
+    setPreviousEntities = _useState6[1];
   var _useState7 = (0, _react.useState)(null),
     _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
     previousOffset = _useState8[0],
@@ -84,7 +84,7 @@ function useSearch(_ref) {
       value = queryParams.value;
     var isNewValueSet = value && value !== searchedValue;
     var isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
-    var notSameLength = en.length !== entities.length;
+    var notSameLength = previousEntities.length !== entities.length;
     var parsedEntities = entities.length ? entities.map(function (entity) {
       return {
         match: {
@@ -119,9 +119,9 @@ function useSearch(_ref) {
       });
       setSearchedValue(value);
       setPreviousOffset(offset);
-      setEn(entities);
+      setPreviousEntities(entities);
     }
-  }, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields, entities.length, en.length]);
+  }, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields, entities.length, previousEntities.length]);
   return [{
     searchedValue: queryParams.value,
     loading: loading,

package/lib/components/useSearch/useSearch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSearch.js","names":["_react","require","_client","_query","_interopRequireDefault","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useSearch","_ref","queryKey","resultKeys","_ref$entities","entities","fields","_useState","useState","limit","offset","value","_useState2","_slicedToArray2","queryParams","setParams","_useState3","_useState4","searchedValue","setSearchedValue","_useState5","_useState6","en","~~setEn~~","_useState7","_useState8","previousOffset","setPreviousOffset","buildSearchQuery","searchQueries","_useLazyQuery","useLazyQuery","ssr","_useLazyQuery2","getSearchResults","_useLazyQuery2$","loading","_useLazyQuery2$$data","data","_useLazyQuery2$$data2","search","results","total","_useLazyQuery2$$data3","jsonResults","handleQueryParams","newQueryParams","useEffect","isNewValueSet","isNewOffsetSet","notSameLength","parsedEntities","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","default_operator","should","_default","exports"],"sources":["../../../src/components/useSearch/useSearch.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useLazyQuery } from '@apollo/client';\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 [en, ~~setEn~~] = useState([]);\n const [previousOffset, setPreviousOffset] = useState(null);\n\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 }), { ssr: false });\n // todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108\n // without ssr: false clients can hang in ssr.\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 notSameLength = en.length !== entities.length;\n const parsedEntities = entities.length\n ? entities.map(entity => ({\n match: { docType: entity }\n }))\n : [];\n\n if (isNewValueSet \|\| isNewOffsetSet \|\| notSameLength) {\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 default_operator: 'AND'\n }\n },\n {\n bool: {\n should: parsedEntities\n }\n }\n ]\n }\n }\n }\n }\n });\n setSearchedValue(value);\n setPreviousOffset(offset);\n ~~setEn~~(entities);\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 entities.length,\n en.length\n ]\n );\n\n return [\n { searchedValue: queryParams.value, loading, data: { results: results \|\| jsonResults, total } },\n handleQueryParams\n ];\n}\n\nexport default useSearch;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAoD,SAAAI,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,QAAAC,gBAAA,aAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAEpD,SAASW,SAASA,CAAAC,IAAA,EAAkD;EAAA,IAA/CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAAC,aAAA,GAAAH,IAAA,CAAEI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAEE,MAAM,GAAAL,IAAA,CAANK,MAAM;EAC9D,IAAAC,SAAA,GAAiC,IAAAC,eAAQ,EAAC;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAG,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAN,SAAA;IAAvEO,WAAW,GAAAF,UAAA;IAAEG,SAAS,GAAAH,UAAA;EAC7B,IAAAI,UAAA,GAA0C,IAAAR,eAAQ,EAAC,IAAI,CAAC;IAAAS,UAAA,OAAAJ,eAAA,aAAAG,UAAA;IAAjDE,aAAa,GAAAD,UAAA;IAAEE,gBAAgB,GAAAF,UAAA;EACtC,IAAAG,UAAA,~~GAAoB~~,IAAAZ,eAAQ,EAAC,EAAE,CAAC;IAAAa,UAAA,OAAAR,eAAA,aAAAO,UAAA;~~IAAzBE~~,~~EAAE~~,GAAAD,UAAA;IAAEE,~~KAAK~~,GAAAF,UAAA;~~EAChB~~,IAAAG,UAAA,GAA4C,IAAAhB,eAAQ,EAAC,IAAI,CAAC;IAAAiB,UAAA,OAAAZ,eAAA,aAAAW,UAAA;IAAnDE,cAAc,GAAAD,UAAA;IAAEE,iBAAiB,GAAAF,UAAA;~~EAExC~~,IAAMG,gBAAgB,GAAGC,iBAAa,CAAC3B,QAAQ,CAAC;~~EAChD~~,IAAA4B,aAAA,GAQI,IAAAC,oBAAY,EAACH,gBAAgB,CAAC;MAAEzB,UAAU,EAAVA;IAAW,CAAC,CAAC,EAAE;MAAE6B,GAAG,EAAE;IAAM,CAAC,CAAC;IAAAC,cAAA,OAAApB,eAAA,aAAAiB,aAAA;IAPhEI,gBAAgB,GAAAD,cAAA;IAAAE,eAAA,GAAAF,cAAA;IAEdG,OAAO,GAAAD,eAAA,CAAPC,OAAO;IAAAC,oBAAA,GAAAF,eAAA,CACPG,IAAI;IAAAC,qBAAA,GAAAF,oBAAA,cAAgD;MAClDG,MAAM,EAAE;QAAEC,OAAO,EAAE,EAAE;QAAEC,KAAK,EAAE;MAAE;IAClC,CAAC,GAAAL,oBAAA;IAAAM,qBAAA,GAAAJ,qBAAA,CAFOC,MAAM;IAAIC,OAAO,GAAAE,qBAAA,CAAPF,OAAO;IAAEG,WAAW,GAAAD,qBAAA,CAAXC,WAAW;IAAEF,KAAK,GAAAC,qBAAA,CAALD,KAAK;EAKjD;EACA;;EAEA,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,cAAc,EAAI;IAC1C/B,SAAS,CAAA3B,aAAA,CAAAA,aAAA,KAAM0B,WAAW,GAAKgC,cAAc,CAAE,CAAC;EAClD,CAAC;EAED,IAAAC,gBAAS,EACP,YAAM;IACJ,IAAQtC,KAAK,GAAoBK,WAAW,CAApCL,KAAK;MAAEC,MAAM,GAAYI,WAAW,CAA7BJ,MAAM;MAAEC,KAAK,GAAKG,WAAW,CAArBH,KAAK;IAC5B,IAAMqC,aAAa,GAAGrC,KAAK,IAAIA,KAAK,KAAKO,aAAa;IACtD,IAAM+B,cAAc,GAAGvB,cAAc,KAAK,IAAI,IAAIhB,MAAM,KAAKgB,cAAc;IAC3E,IAAMwB,aAAa,GAAG5B,~~EAAE~~,CAAC9B,MAAM,KAAKa,QAAQ,CAACb,MAAM;~~IACnD~~,IAAM2D,cAAc,GAAG9C,QAAQ,CAACb,MAAM,GAClCa,QAAQ,CAAC+C,GAAG,CAAC,UAAAC,MAAM;MAAA,OAAK;QACtBC,KAAK,EAAE;UAAEC,OAAO,EAAEF;QAAO;MAC3B,CAAC;IAAA,CAAC,CAAC,GACH,EAAE;IAEN,IAAIL,aAAa,IAAIC,cAAc,IAAIC,aAAa,EAAE;MACpDhB,gBAAgB,CAAC;QACfsB,SAAS,EAAE;UACT/C,KAAK,EAALA,KAAK;UACLC,MAAM,EAANA,MAAM;UACN+C,QAAQ,EAAE;YACRC,KAAK,EAAE;cACLC,IAAI,EAAE;gBACJC,IAAI,EAAE,CACJ;kBACEC,YAAY,EAAE;oBACZH,KAAK,EAAE/C,KAAK;oBACZL,MAAM,EAANA,MAAM;oBACNwD,IAAI,EAAE,aAAa;oBACnBC,gBAAgB,EAAE;kBACpB;gBACF,CAAC,EACD;kBACEJ,IAAI,EAAE;oBACJK,MAAM,EAAEb;kBACV;gBACF,CAAC;cAEL;YACF;UACF;QACF;MACF,CAAC,CAAC;MACFhC,gBAAgB,CAACR,KAAK,CAAC;MACvBgB,iBAAiB,CAACjB,MAAM,CAAC;MACzBa,~~KAAK~~,CAAClB,QAAQ,CAAC;~~IACjB~~;EACF,CAAC,EACD,CACES,WAAW,EACXA,WAAW,CAACL,KAAK,EACjBK,WAAW,CAACH,KAAK,EACjBG,WAAW,CAACJ,MAAM,EAClBQ,aAAa,EACbQ,cAAc,EACdQ,gBAAgB,EAChB7B,QAAQ,EACRC,MAAM,EACND,QAAQ,CAACb,MAAM,EACf8B,~~EAAE~~,CAAC9B,MAAM,~~CAEb~~,CAAC;EAED,OAAO,CACL;IAAE0B,aAAa,EAAEJ,WAAW,CAACH,KAAK;IAAEyB,OAAO,EAAPA,OAAO;IAAEE,IAAI,EAAE;MAAEG,OAAO,EAAEA,OAAO,IAAIG,WAAW;MAAEF,KAAK,EAALA;IAAM;EAAE,CAAC,EAC/FG,iBAAiB,CAClB;AACH;AAAC,IAAAoB,QAAA,GAEcjE,SAAS;AAAAkE,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"useSearch.js","names":["_react","require","_client","_query","_interopRequireDefault","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useSearch","_ref","queryKey","resultKeys","_ref$entities","entities","fields","_useState","useState","limit","offset","value","_useState2","_slicedToArray2","queryParams","setParams","_useState3","_useState4","searchedValue","setSearchedValue","_useState5","_useState6","previousEntities","setPreviousEntities","_useState7","_useState8","previousOffset","setPreviousOffset","buildSearchQuery","searchQueries","_useLazyQuery","useLazyQuery","ssr","_useLazyQuery2","getSearchResults","_useLazyQuery2$","loading","_useLazyQuery2$$data","data","_useLazyQuery2$$data2","search","results","total","_useLazyQuery2$$data3","jsonResults","handleQueryParams","newQueryParams","useEffect","isNewValueSet","isNewOffsetSet","notSameLength","parsedEntities","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","default_operator","should","_default","exports"],"sources":["../../../src/components/useSearch/useSearch.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useLazyQuery } from '@apollo/client';\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 [previousEntities, setPreviousEntities] = useState([]);\n const [previousOffset, setPreviousOffset] = useState(null);\n const buildSearchQuery = searchQueries[queryKey];\n\n const [\n getSearchResults,\n {\n loading,\n data: { search: { results, jsonResults, total } } = {\n search: { results: [], total: 0 }\n }\n }\n ] = useLazyQuery(buildSearchQuery({ resultKeys }), { ssr: false });\n // todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108\n // without ssr: false clients can hang in ssr.\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 notSameLength = previousEntities.length !== entities.length;\n const parsedEntities = entities.length\n ? entities.map(entity => ({\n match: { docType: entity }\n }))\n : [];\n\n if (isNewValueSet \|\| isNewOffsetSet \|\| notSameLength) {\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 default_operator: 'AND'\n }\n },\n {\n bool: {\n should: parsedEntities\n }\n }\n ]\n }\n }\n }\n }\n });\n setSearchedValue(value);\n setPreviousOffset(offset);\n setPreviousEntities(entities);\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 entities.length,\n previousEntities.length\n ]\n );\n\n return [\n { searchedValue: queryParams.value, loading, data: { results: results \|\| jsonResults, total } },\n handleQueryParams\n ];\n}\n\nexport default useSearch;\n"],"mappings":"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"}

package/lib/components/useSearchResults/useSearchResults.js CHANGED Viewed

@@ -15,8 +15,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+require("core-js/modules/es.array.concat.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
 var _useSearch3 = _interopRequireDefault(require("../useSearch"));
 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) { (0, _defineProperty2["default"])(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; }
@@ -25,6 +28,14 @@ function useSearchResults(_ref) {
     resultKeys = _ref.resultKeys,
     entities = _ref.entities,
     fields = _ref.fields;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentResults = _useState2[0],
+    setCurrentResults = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    allResults = _useState4[0],
+    setAllResults = _useState4[1];
   var _useSearch = (0, _useSearch3["default"])({
       queryKey: queryKey,
       resultKeys: resultKeys,
@@ -39,7 +50,14 @@ function useSearchResults(_ref) {
     results = _useSearch2$$data.results,
     total = _useSearch2$$data.total,
     setParams = _useSearch2[1];
+  (0, _react.useEffect)(function () {
+    if (currentResults.length !== results.length) {
+      setAllResults([].concat((0, _toConsumableArray2["default"])(allResults), (0, _toConsumableArray2["default"])(results)));
+      setCurrentResults(results);
+    }
+  }, [allResults, currentResults, results]);
   var clearList = function clearList(params) {
+    setAllResults([]);
     setParams(_objectSpread(_objectSpread({}, params), {}, {
       offset: 0
     }));
@@ -49,7 +67,7 @@ function useSearchResults(_ref) {
   };
   return [{
     loading: loading,
-    results: results,
+    results: allResults,
     total: total
   }, setQueryParams];
 }

package/lib/components/useSearchResults/useSearchResults.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSearchResults.js","names":["~~_useSearch3~~","~~_interopRequireDefault~~","~~require~~","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useSearchResults","_ref","queryKey","resultKeys","entities","fields","~~_useSearch~~","~~useSearch~~","~~_useSearch2~~","_slicedToArray2","_useSearch2$","searchedValue","loading","_useSearch2$$data","data","results","total","setParams","clearList","params","offset","setQueryParams","value","_default","exports"],"sources":["../../../src/components/useSearchResults/useSearchResults.js"],"sourcesContent":["import useSearch from '../useSearch';\n\nfunction useSearchResults({ queryKey, resultKeys, entities, fields }) {\n const [\n {\n searchedValue,\n loading,\n data: { results, total }\n },\n setParams\n ] = useSearch({ queryKey, resultKeys, entities, fields });\n\n const clearList = params => {\n setParams({ ...params, offset: 0 });\n };\n\n const setQueryParams = params => {\n params.value !== searchedValue ? clearList(params) : setParams(params);\n };\n\n return [{ loading, results, total }, setQueryParams];\n}\n\nexport default useSearchResults;\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;~~AAAA,IAAAA,WAAA,GAAAC,sBAAA,~~CAAAC~~,OAAA;AAAqC,~~SAAAC~~,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,QAAAC,gBAAA,aAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAErC,SAASW,gBAAgBA,CAAAC,IAAA,EAA6C;EAAA,IAA1CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;EAChE,IAAAC,UAAA,GAOI,IAAAC,sBAAS,EAAC;~~MAAEL~~,QAAQ,EAARA,QAAQ;MAAEC,UAAU,EAAVA,UAAU;MAAEC,QAAQ,EAARA,QAAQ;MAAEC,MAAM,EAANA;IAAO,CAAC,CAAC;~~IAAAG~~,WAAA,~~OAAAC~~,eAAA,~~aAAAH~~,UAAA;~~IAAAI~~,YAAA,~~GAAAF~~,WAAA;~~IALrDG~~,aAAa,GAAAD,YAAA,CAAbC,aAAa;IACbC,OAAO,GAAAF,YAAA,CAAPE,OAAO;IAAAC,iBAAA,GAAAH,YAAA,CACPI,IAAI;IAAIC,OAAO,GAAAF,iBAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,iBAAA,CAALG,KAAK;IAExBC,SAAS,~~GAAAT~~,WAAA;EAGX,~~IAAMU~~,SAAS,GAAG,SAAZA,SAASA,CAAGC,MAAM,EAAI;~~IAC1BF~~,SAAS,~~CAAA7B~~,aAAA,CAAAA,aAAA,~~KAAM+B~~,MAAM;MAAEC,MAAM,EAAE;IAAC,EAAE,CAAC;EACrC,CAAC;EAED,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAGF,MAAM,EAAI;IAC/BA,MAAM,CAACG,KAAK,~~KAAKX~~,aAAa,~~GAAGO~~,SAAS,CAACC,MAAM,CAAC,~~GAAGF~~,SAAS,~~CAACE~~,MAAM,CAAC;EACxE,CAAC;~~EAED~~,OAAO,CAAC;~~IAAEP~~,OAAO,EAAPA,OAAO;IAAEG,OAAO,~~EAAPA~~,~~OAAO~~;~~IAAEC~~,KAAK,EAALA;EAAM,CAAC,~~EAAEK~~,cAAc,CAAC;~~AACtD~~;AAAC,IAAAE,QAAA,~~GAEcvB~~,gBAAgB;~~AAAAwB~~,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"useSearchResults.js","names":["_react","require","_useSearch3","_interopRequireDefault","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useSearchResults","_ref","queryKey","resultKeys","entities","fields","_useState","useState","_useState2","_slicedToArray2","currentResults","setCurrentResults","_useState3","_useState4","allResults","setAllResults","_useSearch","useSearch","_useSearch2","_useSearch2$","searchedValue","loading","_useSearch2$$data","data","results","total","setParams","useEffect","concat","_toConsumableArray2","clearList","params","offset","setQueryParams","value","_default","exports"],"sources":["../../../src/components/useSearchResults/useSearchResults.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport useSearch from '../useSearch';\n\nfunction useSearchResults({ queryKey, resultKeys, entities, fields }) {\n const [currentResults, setCurrentResults] = useState([]);\n const [allResults, setAllResults] = useState([]);\n const [\n {\n searchedValue,\n loading,\n data: { results, total }\n },\n setParams\n ] = useSearch({ queryKey, resultKeys, entities, fields });\n\n useEffect(\n () => {\n if (currentResults.length !== results.length) {\n setAllResults([...allResults, ...results]);\n setCurrentResults(results);\n }\n },\n [allResults, currentResults, results]\n );\n\n const clearList = params => {\n setAllResults([]);\n setParams({ ...params, offset: 0 });\n };\n\n const setQueryParams = params => {\n params.value !== searchedValue ? clearList(params) : setParams(params);\n };\n return [{ loading, results: allResults, total }, setQueryParams];\n}\n\nexport default useSearchResults;\n"],"mappings":"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"}

package/lib-es/components/SearchAdmin/SearchAdmin.js CHANGED Viewed

@@ -84,7 +84,6 @@ const SearchAdmin = () => {
   const isEmptySearchTermAndData = !searchTerm && !results.length;
   const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
   const shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
-  const showResults = enableResults && results.length;
   const handleSetEntityValues = newEntity => {
     const entityExists = entityValues.some(entity => entity.id === newEntity.id);
     if (entityExists) {
@@ -121,15 +120,11 @@ const SearchAdmin = () => {
     search: () => search({
       value: searchTerm
     })
-  })), shouldDisplayRecentSearches ? /*#__PURE__*/React.createElement(RecentSearches, {
+  })), shouldDisplayRecentSearches && /*#__PURE__*/React.createElement(RecentSearches, {
     recentSearches: recentSearches,
     handleSearchTerm: handleSearchTerm,
     search: search
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, !showResults && /*#__PURE__*/React.createElement("div", {
-    className: "list list--search"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "header header--list"
-  }, /*#__PURE__*/React.createElement("h2", null, "No Results")))), showResults && /*#__PURE__*/React.createElement(SearchResults, {
+  }), enableResults && /*#__PURE__*/React.createElement(SearchResults, {
     currentValue: searchTerm,
     searchTerm: searchTerm,
     loading: loading,

package/lib-es/components/SearchAdmin/SearchAdmin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchAdmin.js","names":["React","useState","useRef","useEffect","classnames","useDebounce","useLocalStorage","SearchBar","RecentSearches","SearchResults","TriggerModal","SearchAdminSideBar","useSearchResults","SEARCH_ADMIN","SearchAdmin","searchTerm","setSearchTerm","openSearchSideBar","setOpenSearchSideBar","entityValues","setEntityValues","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","debouncedEntityValues","loading","results","total","setQueryParams","queryKey","entities","map","e","id","current","focus","handleSearchTerm","target","value","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults","handleSetEntityValues","newEntity","entityExists","some","entity","filter","createElement","className","Fragment","currentValue","closeModal"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport SearchAdminSideBar from './SearchAdminSideBar';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [openSearchSideBar, setOpenSearchSideBar] = useState(true);\n const [entityValues, setEntityValues] = useState([]);\n\n const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n const [enableResults, setEnableResults] = useState(true);\n const searchInputRef = useRef(null);\n const debouncedEntityValues = useDebounce(entityValues, 500);\n const [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN,\n entities: debouncedEntityValues.map(e => e.id)\n });\n\n useEffect(\n () => {\n if (searchInputRef && searchInputRef.current) {\n searchInputRef.current.focus();\n }\n },\n [displaySearchModalFrame]\n );\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n const toggleSearchModal = () => {\n setSearchTerm(null);\n setEnableResults(false);\n setDisplaySearchModalFrame(!displaySearchModalFrame);\n };\n const search = ({ value }) => {\n if (!value) return;\n !enableResults && setEnableResults(true);\n const MAX_RECENT_SEARCHES = 5;\n const recentSearchesCopy = recentSearches.slice();\n\n if (!recentSearchesCopy.includes(value)) {\n recentSearchesCopy.push(value);\n if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n recentSearchesCopy.shift();\n }\n }\n\n setRecentSearches(recentSearchesCopy);\n setQueryParams({ value });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n if (!searchTerm) return clear();\n search({ value: searchTerm });\n }\n };\n\n const clear = () => {\n setSearchTerm('');\n setEnableResults(false);\n };\n\n const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n 'modal--show': displaySearchModalFrame\n });\n\n const searchModalSideBarClassName = classnames('modal__search__sidebar', {\n 'modal__search__sidebar--close': !openSearchSideBar\n });\n\n const isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData \|\| isEmptySearchTermnAndDisabledResults;\n\n const showResults = enableResults && results.length;\n\n const handleSetEntityValues = newEntity => {\n const entityExists = entityValues.some(entity => entity.id === newEntity.id);\n if (entityExists) {\n setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));\n } else {\n setEntityValues([...entityValues, newEntity]);\n }\n };\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <div className=\"modal__search\">\n <SearchAdminSideBar\n searchModalSideBarClassName={searchModalSideBarClassName}\n openSearchSideBar={openSearchSideBar}\n setOpenSearchSideBar={setOpenSearchSideBar}\n handleSetEntityValues={handleSetEntityValues}\n entityValues={entityValues}\n setEntityValues={setEntityValues}\n />\n <div className=\"modal__search__content\">\n <div className=\"modal__header modal__header--search\">\n <SearchBar\n toggleSearchModal={toggleSearchModal}\n handleKeyDown={handleKeyDown}\n searchInputRef={searchInputRef}\n handleSearchTerm={handleSearchTerm}\n searchTerm={searchTerm}\n search={() => search({ value: searchTerm })}\n />\n </div>\n {shouldDisplayRecentSearches ? (\n <RecentSearches\n recentSearches={recentSearches}\n handleSearchTerm={handleSearchTerm}\n search={search}\n />\n ) : (\n <>\n {!showResults && (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>No Results</h2>\n </div>\n </div>\n )}\n </>\n )}\n {showResults && (\n <SearchResults\n currentValue={searchTerm}\n searchTerm={searchTerm}\n loading={loading}\n results={results}\n total={total}\n setQueryParams={setQueryParams}\n closeModal={toggleSearchModal}\n />\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
1	+ {"version":3,"file":"SearchAdmin.js","names":["React","useState","useRef","useEffect","classnames","useDebounce","useLocalStorage","SearchBar","RecentSearches","SearchResults","TriggerModal","SearchAdminSideBar","useSearchResults","SEARCH_ADMIN","SearchAdmin","searchTerm","setSearchTerm","openSearchSideBar","setOpenSearchSideBar","entityValues","setEntityValues","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","debouncedEntityValues","loading","results","total","setQueryParams","queryKey","entities","map","e","id","current","focus","handleSearchTerm","target","value","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","handleSetEntityValues","newEntity","entityExists","some","entity","filter","createElement","className","currentValue","closeModal"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport SearchAdminSideBar from './SearchAdminSideBar';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [openSearchSideBar, setOpenSearchSideBar] = useState(true);\n const [entityValues, setEntityValues] = useState([]);\n\n const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n const [enableResults, setEnableResults] = useState(true);\n const searchInputRef = useRef(null);\n const debouncedEntityValues = useDebounce(entityValues, 500);\n const [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN,\n entities: debouncedEntityValues.map(e => e.id)\n });\n\n useEffect(\n () => {\n if (searchInputRef && searchInputRef.current) {\n searchInputRef.current.focus();\n }\n },\n [displaySearchModalFrame]\n );\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n\n const toggleSearchModal = () => {\n setSearchTerm(null);\n setEnableResults(false);\n setDisplaySearchModalFrame(!displaySearchModalFrame);\n };\n\n const search = ({ value }) => {\n if (!value) return;\n !enableResults && setEnableResults(true);\n const MAX_RECENT_SEARCHES = 5;\n const recentSearchesCopy = recentSearches.slice();\n\n if (!recentSearchesCopy.includes(value)) {\n recentSearchesCopy.push(value);\n if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n recentSearchesCopy.shift();\n }\n }\n\n setRecentSearches(recentSearchesCopy);\n setQueryParams({ value });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n if (!searchTerm) return clear();\n search({ value: searchTerm });\n }\n };\n\n const clear = () => {\n setSearchTerm('');\n setEnableResults(false);\n };\n\n const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n 'modal--show': displaySearchModalFrame\n });\n\n const searchModalSideBarClassName = classnames('modal__search__sidebar', {\n 'modal__search__sidebar--close': !openSearchSideBar\n });\n\n const isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData \|\| isEmptySearchTermnAndDisabledResults;\n\n const handleSetEntityValues = newEntity => {\n const entityExists = entityValues.some(entity => entity.id === newEntity.id);\n if (entityExists) {\n setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));\n } else {\n setEntityValues([...entityValues, newEntity]);\n }\n };\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <div className=\"modal__search\">\n <SearchAdminSideBar\n searchModalSideBarClassName={searchModalSideBarClassName}\n openSearchSideBar={openSearchSideBar}\n setOpenSearchSideBar={setOpenSearchSideBar}\n handleSetEntityValues={handleSetEntityValues}\n entityValues={entityValues}\n setEntityValues={setEntityValues}\n />\n <div className=\"modal__search__content\">\n <div className=\"modal__header modal__header--search\">\n <SearchBar\n toggleSearchModal={toggleSearchModal}\n handleKeyDown={handleKeyDown}\n searchInputRef={searchInputRef}\n handleSearchTerm={handleSearchTerm}\n searchTerm={searchTerm}\n search={() => search({ value: searchTerm })}\n />\n </div>\n {shouldDisplayRecentSearches && (\n <RecentSearches\n recentSearches={recentSearches}\n handleSearchTerm={handleSearchTerm}\n search={search}\n />\n )}\n {enableResults && (\n <SearchResults\n currentValue={searchTerm}\n searchTerm={searchTerm}\n loading={loading}\n results={results}\n total={total}\n setQueryParams={setQueryParams}\n closeModal={toggleSearchModal}\n />\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import VirtualList from 'react-tiny-virtual-list';
 import { withRouter } from 'react-router-dom';
@@ -16,6 +16,16 @@ const SearchResults = ({
 }) => {
   const [verifiedRanges, setVerifiedRanges] = useState([]);
   const [currentIndex, setCurrentIndex] = useState(0);
+  const [currentResults, setCurrentResults] = useState([]);
+  const [currentTotal, setCurrentTotal] = useState(0);
+  useEffect(() => {
+    if (!loading) {
+      const [lowestRange] = verifiedRanges;
+      setCurrentTotal(total);
+      setCurrentResults(results);
+      if (lowestRange > results.length) setVerifiedRanges([]);
+    }
+  }, [loading, results, total, verifiedRanges]);
   const handleRenderedItems = async ({
     startIndex
   }) => {
@@ -51,16 +61,21 @@ 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", {
+  if (!currentResults.length) return /*#__PURE__*/React.createElement("div", {
+    className: "list list--search"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "header header--list"
+  }, /*#__PURE__*/React.createElement("h2", null, "No Results")));
+  return /*#__PURE__*/React.createElement("div", {
     className: "modal__content modal__content--search"
   }, /*#__PURE__*/React.createElement("div", {
     className: "header header--list"
   }, /*#__PURE__*/React.createElement("h2", {
     className: "header--list--results"
-  }, "About ", /*#__PURE__*/React.createElement("b", null, total), " search keywords results")), /*#__PURE__*/React.createElement(VirtualList, {
+  }, "About ", /*#__PURE__*/React.createElement("b", null, currentTotal), " search keywords results")), /*#__PURE__*/React.createElement(VirtualList, {
     width: "100%",
     height: window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,
-    itemCount: results.length,
+    itemCount: currentResults.length,
     itemSize: SEARCH_RESULTS_ITEM_SIZE,
     overscanCount: SEARCH_RESULTS_OVER_SCAN_BUFFER,
     scrollToIndex: currentIndex,
@@ -78,7 +93,7 @@ const SearchResults = ({
         published,
         created,
         status
-      } = results[index];
+      } = currentResults[index];
       const updatedDate = updated ? getDateFormat(updated) : null;
       const createdDate = created ? getDateFormat(created) : null;
       const publishedDate = published ? getDateFormat(published) : null;
@@ -108,7 +123,7 @@ const SearchResults = ({
         className: "list__item-status"
       }, status && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Status: "), status)))));
     }
-  })));
+  }), loading && /*#__PURE__*/React.createElement("span", null, "Loading..."));
 };
 SearchResults.propTypes = {
   loading: PropTypes.bool.isRequired,

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

	@@ -1 +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","createElement","Fragment","className","width","height","window","innerHeight","itemCount","itemSize","overscanCount","scrollToIndex","onItemsRendered","renderItem","index","style","updated","name","entityIdentifier","published","created","status","updatedDate","createdDate","publishedDate","key","href","onClick","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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"}
1	+ {"version":3,"file":"SearchResults.js","names":["React","useState","useEffect","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","currentResults","setCurrentResults","currentTotal","setCurrentTotal","lowestRange","length","handleRenderedItems","startIndex","rowsLength","loadIndex","Math","floor","includes","value","offset","getNavigationRoute","id","docType","navigate","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","createElement","className","width","height","window","innerHeight","itemCount","itemSize","overscanCount","scrollToIndex","onItemsRendered","renderItem","index","style","updated","name","entityIdentifier","published","created","status","updatedDate","createdDate","publishedDate","key","href","onClick","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, useEffect } 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 const [currentResults, setCurrentResults] = useState([]);\n const [currentTotal, setCurrentTotal] = useState(0);\n\n useEffect(\n () => {\n if (!loading) {\n const [lowestRange] = verifiedRanges;\n setCurrentTotal(total);\n setCurrentResults(results);\n if (lowestRange > results.length) setVerifiedRanges([]);\n }\n },\n [loading, results, total, verifiedRanges]\n );\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 if (!currentResults.length)\n return (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>No Results</h2>\n </div>\n </div>\n );\n\n return (\n <div className=\"modal__content modal__content--search\">\n <div className=\"header header--list\">\n <h2 className=\"header--list--results\">\n About <b>{currentTotal}</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={currentResults.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 } = currentResults[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 {loading && <span>Loading...</span>}\n </div>\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/useSearch/useSearch.js CHANGED Viewed

@@ -16,7 +16,7 @@ function useSearch({
     value: ''
   });
   const [searchedValue, setSearchedValue] = useState(null);
-  const [en, setEn] = useState([]);
+  const [previousEntities, setPreviousEntities] = useState([]);
   const [previousOffset, setPreviousOffset] = useState(null);
   const buildSearchQuery = searchQueries[queryKey];
   const [getSearchResults, {
@@ -52,7 +52,7 @@ function useSearch({
     } = queryParams;
     const isNewValueSet = value && value !== searchedValue;
     const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
-    const notSameLength = en.length !== entities.length;
+    const notSameLength = previousEntities.length !== entities.length;
     const parsedEntities = entities.length ? entities.map(entity => ({
       match: {
         docType: entity
@@ -85,9 +85,9 @@ function useSearch({
       });
       setSearchedValue(value);
       setPreviousOffset(offset);
-      setEn(entities);
+      setPreviousEntities(entities);
     }
-  }, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields, entities.length, en.length]);
+  }, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields, entities.length, previousEntities.length]);
   return [{
     searchedValue: queryParams.value,
     loading,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useSearch.js","names":["useState","useEffect","useLazyQuery","searchQueries","useSearch","queryKey","resultKeys","entities","fields","queryParams","setParams","limit","offset","value","searchedValue","setSearchedValue","en","~~setEn~~","previousOffset","setPreviousOffset","buildSearchQuery","getSearchResults","loading","data","search","results","jsonResults","total","ssr","handleQueryParams","newQueryParams","_objectSpread","isNewValueSet","isNewOffsetSet","notSameLength","length","parsedEntities","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","default_operator","should"],"sources":["../../../src/components/useSearch/useSearch.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useLazyQuery } from '@apollo/client';\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 [en, ~~setEn~~] = useState([]);\n const [previousOffset, setPreviousOffset] = useState(null);\n\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 }), { ssr: false });\n // todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108\n // without ssr: false clients can hang in ssr.\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 notSameLength = en.length !== entities.length;\n const parsedEntities = entities.length\n ? entities.map(entity => ({\n match: { docType: entity }\n }))\n : [];\n\n if (isNewValueSet \|\| isNewOffsetSet \|\| notSameLength) {\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 default_operator: 'AND'\n }\n },\n {\n bool: {\n should: parsedEntities\n }\n }\n ]\n }\n }\n }\n }\n });\n setSearchedValue(value);\n setPreviousOffset(offset);\n ~~setEn~~(entities);\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 entities.length,\n en.length\n ]\n );\n\n return [\n { searchedValue: queryParams.value, loading, data: { results: results \|\| jsonResults, total } },\n handleQueryParams\n ];\n}\n\nexport default useSearch;\n"],"mappings":";;;AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,OAAOC,aAAa,MAAM,yBAAyB;AAEnD,SAASC,SAASA,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,QAAQ,GAAG,EAAE;EAAEC;AAAO,CAAC,EAAE;EAClE,MAAM,CAACC,WAAW,EAAEC,SAAS,CAAC,GAAGV,QAAQ,CAAC;IAAEW,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAG,CAAC,CAAC;EAC9E,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGf,QAAQ,CAAC,IAAI,CAAC;EACxD,MAAM,CAACgB,~~EAAE~~,EAAEC,~~KAAK~~,CAAC,GAAGjB,QAAQ,CAAC,EAAE,CAAC;~~EAChC~~,MAAM,CAACkB,cAAc,EAAEC,iBAAiB,CAAC,GAAGnB,QAAQ,CAAC,IAAI,CAAC;~~EAE1D~~,MAAMoB,gBAAgB,GAAGjB,aAAa,CAACE,QAAQ,CAAC;~~EAChD~~,MAAM,CACJgB,gBAAgB,EAChB;IACEC,OAAO;IACPC,IAAI,EAAE;MAAEC,MAAM,EAAE;QAAEC,OAAO;QAAEC,WAAW;QAAEC;MAAM;IAAE,CAAC,GAAG;MAClDH,MAAM,EAAE;QAAEC,OAAO,EAAE,EAAE;QAAEE,KAAK,EAAE;MAAE;IAClC;EACF,CAAC,CACF,GAAGzB,YAAY,CAACkB,gBAAgB,CAAC;IAAEd;EAAW,CAAC,CAAC,EAAE;IAAEsB,GAAG,EAAE;EAAM,CAAC,CAAC;EAClE;EACA;;EAEA,MAAMC,iBAAiB,GAAGC,cAAc,IAAI;IAC1CpB,SAAS,CAAAqB,aAAA,CAAAA,aAAA,KAAMtB,WAAW,GAAKqB,cAAc,CAAE,CAAC;EAClD,CAAC;EAED7B,SAAS,CACP,MAAM;IACJ,MAAM;MAAEU,KAAK;MAAEC,MAAM;MAAEC;IAAM,CAAC,GAAGJ,WAAW;IAC5C,MAAMuB,aAAa,GAAGnB,KAAK,IAAIA,KAAK,KAAKC,aAAa;IACtD,MAAMmB,cAAc,GAAGf,cAAc,KAAK,IAAI,IAAIN,MAAM,KAAKM,cAAc;IAC3E,MAAMgB,aAAa,GAAGlB,~~EAAE~~,CAACmB,MAAM,KAAK5B,QAAQ,CAAC4B,MAAM;~~IACnD~~,MAAMC,cAAc,GAAG7B,QAAQ,CAAC4B,MAAM,GAClC5B,QAAQ,CAAC8B,GAAG,CAACC,MAAM,KAAK;MACtBC,KAAK,EAAE;QAAEC,OAAO,EAAEF;MAAO;IAC3B,CAAC,CAAC,CAAC,GACH,EAAE;IAEN,IAAIN,aAAa,IAAIC,cAAc,IAAIC,aAAa,EAAE;MACpDb,gBAAgB,CAAC;QACfoB,SAAS,EAAE;UACT9B,KAAK;UACLC,MAAM;UACN8B,QAAQ,EAAE;YACRC,KAAK,EAAE;cACLC,IAAI,EAAE;gBACJC,IAAI,EAAE,CACJ;kBACEC,YAAY,EAAE;oBACZH,KAAK,EAAE9B,KAAK;oBACZL,MAAM;oBACNuC,IAAI,EAAE,aAAa;oBACnBC,gBAAgB,EAAE;kBACpB;gBACF,CAAC,EACD;kBACEJ,IAAI,EAAE;oBACJK,MAAM,EAAEb;kBACV;gBACF,CAAC;cAEL;YACF;UACF;QACF;MACF,CAAC,CAAC;MACFrB,gBAAgB,CAACF,KAAK,CAAC;MACvBM,iBAAiB,CAACP,MAAM,CAAC;MACzBK,~~KAAK~~,CAACV,QAAQ,CAAC;~~IACjB~~;EACF,CAAC,EACD,CACEE,WAAW,EACXA,WAAW,CAACE,KAAK,EACjBF,WAAW,CAACI,KAAK,EACjBJ,WAAW,CAACG,MAAM,EAClBE,aAAa,EACbI,cAAc,EACdG,gBAAgB,EAChBd,QAAQ,EACRC,MAAM,EACND,QAAQ,CAAC4B,MAAM,EACfnB,~~EAAE~~,CAACmB,MAAM,~~CAEb~~,CAAC;EAED,OAAO,CACL;IAAErB,aAAa,EAAEL,WAAW,CAACI,KAAK;IAAES,OAAO;IAAEC,IAAI,EAAE;MAAEE,OAAO,EAAEA,OAAO,IAAIC,WAAW;MAAEC;IAAM;EAAE,CAAC,EAC/FE,iBAAiB,CAClB;AACH;AAEA,eAAezB,SAAS"}
1	+ {"version":3,"file":"useSearch.js","names":["useState","useEffect","useLazyQuery","searchQueries","useSearch","queryKey","resultKeys","entities","fields","queryParams","setParams","limit","offset","value","searchedValue","setSearchedValue","previousEntities","setPreviousEntities","previousOffset","setPreviousOffset","buildSearchQuery","getSearchResults","loading","data","search","results","jsonResults","total","ssr","handleQueryParams","newQueryParams","_objectSpread","isNewValueSet","isNewOffsetSet","notSameLength","length","parsedEntities","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","default_operator","should"],"sources":["../../../src/components/useSearch/useSearch.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useLazyQuery } from '@apollo/client';\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 [previousEntities, setPreviousEntities] = useState([]);\n const [previousOffset, setPreviousOffset] = useState(null);\n const buildSearchQuery = searchQueries[queryKey];\n\n const [\n getSearchResults,\n {\n loading,\n data: { search: { results, jsonResults, total } } = {\n search: { results: [], total: 0 }\n }\n }\n ] = useLazyQuery(buildSearchQuery({ resultKeys }), { ssr: false });\n // todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108\n // without ssr: false clients can hang in ssr.\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 notSameLength = previousEntities.length !== entities.length;\n const parsedEntities = entities.length\n ? entities.map(entity => ({\n match: { docType: entity }\n }))\n : [];\n\n if (isNewValueSet \|\| isNewOffsetSet \|\| notSameLength) {\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 default_operator: 'AND'\n }\n },\n {\n bool: {\n should: parsedEntities\n }\n }\n ]\n }\n }\n }\n }\n });\n setSearchedValue(value);\n setPreviousOffset(offset);\n setPreviousEntities(entities);\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 entities.length,\n previousEntities.length\n ]\n );\n\n return [\n { searchedValue: queryParams.value, loading, data: { results: results \|\| jsonResults, total } },\n handleQueryParams\n ];\n}\n\nexport default useSearch;\n"],"mappings":";;;AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,OAAOC,aAAa,MAAM,yBAAyB;AAEnD,SAASC,SAASA,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,QAAQ,GAAG,EAAE;EAAEC;AAAO,CAAC,EAAE;EAClE,MAAM,CAACC,WAAW,EAAEC,SAAS,CAAC,GAAGV,QAAQ,CAAC;IAAEW,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAG,CAAC,CAAC;EAC9E,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGf,QAAQ,CAAC,IAAI,CAAC;EACxD,MAAM,CAACgB,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGjB,QAAQ,CAAC,EAAE,CAAC;EAC5D,MAAM,CAACkB,cAAc,EAAEC,iBAAiB,CAAC,GAAGnB,QAAQ,CAAC,IAAI,CAAC;EAC1D,MAAMoB,gBAAgB,GAAGjB,aAAa,CAACE,QAAQ,CAAC;EAEhD,MAAM,CACJgB,gBAAgB,EAChB;IACEC,OAAO;IACPC,IAAI,EAAE;MAAEC,MAAM,EAAE;QAAEC,OAAO;QAAEC,WAAW;QAAEC;MAAM;IAAE,CAAC,GAAG;MAClDH,MAAM,EAAE;QAAEC,OAAO,EAAE,EAAE;QAAEE,KAAK,EAAE;MAAE;IAClC;EACF,CAAC,CACF,GAAGzB,YAAY,CAACkB,gBAAgB,CAAC;IAAEd;EAAW,CAAC,CAAC,EAAE;IAAEsB,GAAG,EAAE;EAAM,CAAC,CAAC;EAClE;EACA;;EAEA,MAAMC,iBAAiB,GAAGC,cAAc,IAAI;IAC1CpB,SAAS,CAAAqB,aAAA,CAAAA,aAAA,KAAMtB,WAAW,GAAKqB,cAAc,CAAE,CAAC;EAClD,CAAC;EAED7B,SAAS,CACP,MAAM;IACJ,MAAM;MAAEU,KAAK;MAAEC,MAAM;MAAEC;IAAM,CAAC,GAAGJ,WAAW;IAC5C,MAAMuB,aAAa,GAAGnB,KAAK,IAAIA,KAAK,KAAKC,aAAa;IACtD,MAAMmB,cAAc,GAAGf,cAAc,KAAK,IAAI,IAAIN,MAAM,KAAKM,cAAc;IAC3E,MAAMgB,aAAa,GAAGlB,gBAAgB,CAACmB,MAAM,KAAK5B,QAAQ,CAAC4B,MAAM;IACjE,MAAMC,cAAc,GAAG7B,QAAQ,CAAC4B,MAAM,GAClC5B,QAAQ,CAAC8B,GAAG,CAACC,MAAM,KAAK;MACtBC,KAAK,EAAE;QAAEC,OAAO,EAAEF;MAAO;IAC3B,CAAC,CAAC,CAAC,GACH,EAAE;IAEN,IAAIN,aAAa,IAAIC,cAAc,IAAIC,aAAa,EAAE;MACpDb,gBAAgB,CAAC;QACfoB,SAAS,EAAE;UACT9B,KAAK;UACLC,MAAM;UACN8B,QAAQ,EAAE;YACRC,KAAK,EAAE;cACLC,IAAI,EAAE;gBACJC,IAAI,EAAE,CACJ;kBACEC,YAAY,EAAE;oBACZH,KAAK,EAAE9B,KAAK;oBACZL,MAAM;oBACNuC,IAAI,EAAE,aAAa;oBACnBC,gBAAgB,EAAE;kBACpB;gBACF,CAAC,EACD;kBACEJ,IAAI,EAAE;oBACJK,MAAM,EAAEb;kBACV;gBACF,CAAC;cAEL;YACF;UACF;QACF;MACF,CAAC,CAAC;MACFrB,gBAAgB,CAACF,KAAK,CAAC;MACvBM,iBAAiB,CAACP,MAAM,CAAC;MACzBK,mBAAmB,CAACV,QAAQ,CAAC;IAC/B;EACF,CAAC,EACD,CACEE,WAAW,EACXA,WAAW,CAACE,KAAK,EACjBF,WAAW,CAACI,KAAK,EACjBJ,WAAW,CAACG,MAAM,EAClBE,aAAa,EACbI,cAAc,EACdG,gBAAgB,EAChBd,QAAQ,EACRC,MAAM,EACND,QAAQ,CAAC4B,MAAM,EACfnB,gBAAgB,CAACmB,MAAM,CAE3B,CAAC;EAED,OAAO,CACL;IAAErB,aAAa,EAAEL,WAAW,CAACI,KAAK;IAAES,OAAO;IAAEC,IAAI,EAAE;MAAEE,OAAO,EAAEA,OAAO,IAAIC,WAAW;MAAEC;IAAM;EAAE,CAAC,EAC/FE,iBAAiB,CAClB;AACH;AAEA,eAAezB,SAAS"}

package/lib-es/components/useSearchResults/useSearchResults.js CHANGED Viewed

@@ -1,6 +1,7 @@
 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 useSearch from '../useSearch';
 function useSearchResults({
   queryKey,
@@ -8,6 +9,8 @@ function useSearchResults({
   entities,
   fields
 }) {
+  const [currentResults, setCurrentResults] = useState([]);
+  const [allResults, setAllResults] = useState([]);
   const [{
     searchedValue,
     loading,
@@ -21,7 +24,14 @@ function useSearchResults({
     entities,
     fields
   });
+  useEffect(() => {
+    if (currentResults.length !== results.length) {
+      setAllResults([...allResults, ...results]);
+      setCurrentResults(results);
+    }
+  }, [allResults, currentResults, results]);
   const clearList = params => {
+    setAllResults([]);
     setParams(_objectSpread(_objectSpread({}, params), {}, {
       offset: 0
     }));
@@ -31,7 +41,7 @@ function useSearchResults({
   };
   return [{
     loading,
-    results,
+    results: allResults,
     total
   }, setQueryParams];
 }

package/lib-es/components/useSearchResults/useSearchResults.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSearchResults.js","names":["useSearch","useSearchResults","queryKey","resultKeys","entities","fields","searchedValue","loading","data","results","total","setParams","clearList","params","_objectSpread","offset","setQueryParams","value"],"sources":["../../../src/components/useSearchResults/useSearchResults.js"],"sourcesContent":["import useSearch from '../useSearch';\n\nfunction useSearchResults({ queryKey, resultKeys, entities, fields }) {\n const [\n {\n searchedValue,\n loading,\n data: { results, total }\n },\n setParams\n ] = useSearch({ queryKey, resultKeys, entities, fields });\n\n const clearList = params => {\n setParams({ ...params, offset: 0 });\n };\n\n const setQueryParams = params => {\n params.value !== searchedValue ? clearList(params) : setParams(params);\n };\n\n return [{ loading, results, total }, setQueryParams];\n}\n\nexport default useSearchResults;\n"],"mappings":";;;AAAA,~~OAAOA~~,SAAS,MAAM,cAAc;AAEpC,SAASC,gBAAgBA,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,QAAQ;EAAEC;AAAO,CAAC,EAAE;EACpE,MAAM,CACJ;~~IACEC~~,aAAa;IACbC,OAAO;IACPC,IAAI,EAAE;MAAEC,OAAO;MAAEC;IAAM;EACzB,CAAC,EACDC,SAAS,CACV,~~GAAGX~~,SAAS,CAAC;IAAEE,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAO,CAAC,CAAC;~~EAEzD~~,~~MAAMO~~,SAAS,GAAGC,MAAM,IAAI;~~IAC1BF~~,SAAS,~~CAAAG~~,aAAA,CAAAA,aAAA,KAAMD,MAAM;MAAEE,MAAM,EAAE;IAAC,EAAE,CAAC;EACrC,CAAC;EAED,MAAMC,cAAc,GAAGH,MAAM,IAAI;IAC/BA,MAAM,CAACI,KAAK,~~KAAKX~~,aAAa,~~GAAGM~~,SAAS,CAACC,MAAM,CAAC,~~GAAGF~~,SAAS,~~CAACE~~,MAAM,CAAC;EACxE,CAAC;~~EAED~~,OAAO,CAAC;~~IAAEN~~,OAAO;IAAEE,OAAO;~~IAAEC~~;EAAM,CAAC,~~EAAEM~~,cAAc,CAAC;~~AACtD~~;AAEA,~~eAAef~~,gBAAgB"}
1	+ {"version":3,"file":"useSearchResults.js","names":["useState","useEffect","useSearch","useSearchResults","queryKey","resultKeys","entities","fields","currentResults","setCurrentResults","allResults","setAllResults","searchedValue","loading","data","results","total","setParams","length","clearList","params","_objectSpread","offset","setQueryParams","value"],"sources":["../../../src/components/useSearchResults/useSearchResults.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport useSearch from '../useSearch';\n\nfunction useSearchResults({ queryKey, resultKeys, entities, fields }) {\n const [currentResults, setCurrentResults] = useState([]);\n const [allResults, setAllResults] = useState([]);\n const [\n {\n searchedValue,\n loading,\n data: { results, total }\n },\n setParams\n ] = useSearch({ queryKey, resultKeys, entities, fields });\n\n useEffect(\n () => {\n if (currentResults.length !== results.length) {\n setAllResults([...allResults, ...results]);\n setCurrentResults(results);\n }\n },\n [allResults, currentResults, results]\n );\n\n const clearList = params => {\n setAllResults([]);\n setParams({ ...params, offset: 0 });\n };\n\n const setQueryParams = params => {\n params.value !== searchedValue ? clearList(params) : setParams(params);\n };\n return [{ loading, results: allResults, total }, setQueryParams];\n}\n\nexport default useSearchResults;\n"],"mappings":";;;AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,OAAOC,SAAS,MAAM,cAAc;AAEpC,SAASC,gBAAgBA,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,QAAQ;EAAEC;AAAO,CAAC,EAAE;EACpE,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGT,QAAQ,CAAC,EAAE,CAAC;EACxD,MAAM,CAACU,UAAU,EAAEC,aAAa,CAAC,GAAGX,QAAQ,CAAC,EAAE,CAAC;EAChD,MAAM,CACJ;IACEY,aAAa;IACbC,OAAO;IACPC,IAAI,EAAE;MAAEC,OAAO;MAAEC;IAAM;EACzB,CAAC,EACDC,SAAS,CACV,GAAGf,SAAS,CAAC;IAAEE,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAO,CAAC,CAAC;EAEzDN,SAAS,CACP,MAAM;IACJ,IAAIO,cAAc,CAACU,MAAM,KAAKH,OAAO,CAACG,MAAM,EAAE;MAC5CP,aAAa,CAAC,CAAC,GAAGD,UAAU,EAAE,GAAGK,OAAO,CAAC,CAAC;MAC1CN,iBAAiB,CAACM,OAAO,CAAC;IAC5B;EACF,CAAC,EACD,CAACL,UAAU,EAAEF,cAAc,EAAEO,OAAO,CACtC,CAAC;EAED,MAAMI,SAAS,GAAGC,MAAM,IAAI;IAC1BT,aAAa,CAAC,EAAE,CAAC;IACjBM,SAAS,CAAAI,aAAA,CAAAA,aAAA,KAAMD,MAAM;MAAEE,MAAM,EAAE;IAAC,EAAE,CAAC;EACrC,CAAC;EAED,MAAMC,cAAc,GAAGH,MAAM,IAAI;IAC/BA,MAAM,CAACI,KAAK,KAAKZ,aAAa,GAAGO,SAAS,CAACC,MAAM,CAAC,GAAGH,SAAS,CAACG,MAAM,CAAC;EACxE,CAAC;EACD,OAAO,CAAC;IAAEP,OAAO;IAAEE,OAAO,EAAEL,UAAU;IAAEM;EAAM,CAAC,EAAEO,cAAc,CAAC;AAClE;AAEA,eAAepB,gBAAgB"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-search-ui",
-  "version": "0.129.0-project-admin-customisations.1",
+  "version": "0.130.0-admin-updates.0",
   "description": "Blaze plugin search ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,9 +27,9 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-utils": "0.129.0-project-admin-customisations.1",
-    "@blaze-cms/core-errors": "0.129.0-project-admin-customisations.0",
-    "@blaze-cms/setup-ui": "0.129.0-project-admin-customisations.0",
+    "@blaze-cms/admin-ui-utils": "0.130.0-admin-updates.0",
+    "@blaze-cms/core-errors": "0.130.0-admin-updates.0",
+    "@blaze-cms/setup-ui": "0.130.0-admin-updates.0",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/input": "0.5.30",
     "@blaze-react/utils": "0.5.15",
@@ -40,7 +40,7 @@
     "react-tiny-virtual-list": "2.2.0"
   },
   "devDependencies": {
-    "@blaze-cms/core-ui": "0.129.0-project-admin-customisations.0"
+    "@blaze-cms/core-ui": "0.130.0-admin-updates.0"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",
@@ -52,5 +52,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "48fd7d1e3861b250bdfd88e70710ead2bd9f5b2a"
+  "gitHead": "8a7ba4ac0daaa44b8273afc4c23c2ac4f0788ca0"
 }

package/src/components/SearchAdmin/SearchAdmin.js CHANGED Viewed

@@ -37,11 +37,13 @@ const SearchAdmin = () => {
   const handleSearchTerm = ({ target: { value } }) => {
     setSearchTerm(value);
   };
   const toggleSearchModal = () => {
     setSearchTerm(null);
     setEnableResults(false);
     setDisplaySearchModalFrame(!displaySearchModalFrame);
   };
   const search = ({ value }) => {
     if (!value) return;
     !enableResults && setEnableResults(true);
@@ -84,8 +86,6 @@ const SearchAdmin = () => {
   const shouldDisplayRecentSearches =
     isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
-  const showResults = enableResults && results.length;
   const handleSetEntityValues = newEntity => {
     const entityExists = entityValues.some(entity => entity.id === newEntity.id);
     if (entityExists) {
@@ -120,24 +120,14 @@ const SearchAdmin = () => {
                   search={() => search({ value: searchTerm })}
                 />
               </div>
-              {shouldDisplayRecentSearches ? (
+              {shouldDisplayRecentSearches && (
                 <RecentSearches
                   recentSearches={recentSearches}
                   handleSearchTerm={handleSearchTerm}
                   search={search}
                 />
-              ) : (
-                <>
-                  {!showResults && (
-                    <div className="list list--search">
-                      <div className="header header--list">
-                        <h2>No Results</h2>
-                      </div>
-                    </div>
-                  )}
-                </>
               )}
-              {showResults && (
+              {enableResults && (
                 <SearchResults
                   currentValue={searchTerm}
                   searchTerm={searchTerm}

package/src/components/SearchAdmin/SearchResults/SearchResults.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import VirtualList from 'react-tiny-virtual-list';
 import { withRouter } from 'react-router-dom';
@@ -22,6 +22,20 @@ const SearchResults = ({
 }) => {
   const [verifiedRanges, setVerifiedRanges] = useState([]);
   const [currentIndex, setCurrentIndex] = useState(0);
+  const [currentResults, setCurrentResults] = useState([]);
+  const [currentTotal, setCurrentTotal] = useState(0);
+  useEffect(
+    () => {
+      if (!loading) {
+        const [lowestRange] = verifiedRanges;
+        setCurrentTotal(total);
+        setCurrentResults(results);
+        if (lowestRange > results.length) setVerifiedRanges([]);
+      }
+    },
+    [loading, results, total, verifiedRanges]
+  );
   const handleRenderedItems = async ({ startIndex }) => {
     const rowsLength = results.length;
@@ -49,89 +63,96 @@ const SearchResults = ({
     return `${day}.${month}.${year}`;
   };
-  return (
-    <>
-      {loading && <span>Loading...</span>}
-      <div className="modal__content modal__content--search">
+  if (!currentResults.length)
+    return (
+      <div className="list list--search">
         <div className="header header--list">
-          <h2 className="header--list--results">
-            About <b>{total}</b> search keywords results
-          </h2>
+          <h2>No Results</h2>
         </div>
-        <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,
-              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 (
-              <div key={index} style={style} className="list__item--resultWrapper">
-                <div className="list__item list__item--result">
-                  <div className="list__item-row list__item-row--result">
-                    <span className="list__item-identifier">{entityIdentifier}</span>
-                    <a
-                      href={getNavigationRoute({
+      </div>
+    );
+  return (
+    <div className="modal__content modal__content--search">
+      <div className="header header--list">
+        <h2 className="header--list--results">
+          About <b>{currentTotal}</b> search keywords results
+        </h2>
+      </div>
+      <VirtualList
+        width="100%"
+        height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}
+        itemCount={currentResults.length}
+        itemSize={SEARCH_RESULTS_ITEM_SIZE}
+        overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}
+        scrollToIndex={currentIndex}
+        onItemsRendered={handleRenderedItems}
+        renderItem={({ index, style }) => {
+          const {
+            id,
+            docType,
+            updated,
+            name,
+            entityIdentifier,
+            published,
+            created,
+            status
+          } = currentResults[index];
+          const updatedDate = updated ? getDateFormat(updated) : null;
+          const createdDate = created ? getDateFormat(created) : null;
+          const publishedDate = published ? getDateFormat(published) : null;
+          return (
+            <div key={index} style={style} className="list__item--resultWrapper">
+              <div className="list__item list__item--result">
+                <div className="list__item-row list__item-row--result">
+                  <span className="list__item-identifier">{entityIdentifier}</span>
+                  <a
+                    href={getNavigationRoute({
+                      id,
+                      docType
+                    })}
+                    onClick={() =>
+                      navigate({
                         id,
                         docType
-                      })}
-                      onClick={() =>
-                        navigate({
-                          id,
-                          docType
-                        })
-                      }
-                      className="list__item-link">
-                      {name}
-                    </a>
+                      })
+                    }
+                    className="list__item-link">
+                    {name}
+                  </a>
-                    <div className="list__item-dates">
-                      {publishedDate && (
-                        <span>
-                          <b>Published: </b>
-                          {publishedDate}
-                        </span>
-                      )}
+                  <div className="list__item-dates">
+                    {publishedDate && (
                       <span>
-                        <b>Created: </b>
-                        {createdDate}
+                        <b>Published: </b>
+                        {publishedDate}
                       </span>
+                    )}
+                    <span>
+                      <b>Created: </b>
+                      {createdDate}
+                    </span>
+                    <span>
+                      <b>Updated: </b>
+                      {updatedDate}
+                    </span>
+                  </div>
+                  <div className="list__item-status">
+                    {status && (
                       <span>
-                        <b>Updated: </b>
-                        {updatedDate}
+                        <b>Status: </b>
+                        {status}
                       </span>
-                    </div>
-                    <div className="list__item-status">
-                      {status && (
-                        <span>
-                          <b>Status: </b>
-                          {status}
-                        </span>
-                      )}
-                    </div>
+                    )}
                   </div>
                 </div>
               </div>
-            );
-          }}
-        />
-      </div>
-    </>
+            </div>
+          );
+        }}
+      />
+      {loading && <span>Loading...</span>}
+    </div>
   );
 };

package/src/components/useSearch/useSearch.js CHANGED Viewed

@@ -5,10 +5,10 @@ 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 [en, setEn] = useState([]);
+  const [previousEntities, setPreviousEntities] = useState([]);
   const [previousOffset, setPreviousOffset] = useState(null);
   const buildSearchQuery = searchQueries[queryKey];
   const [
     getSearchResults,
     {
@@ -30,7 +30,7 @@ function useSearch({ queryKey, resultKeys, entities = [], fields }) {
       const { limit, offset, value } = queryParams;
       const isNewValueSet = value && value !== searchedValue;
       const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
-      const notSameLength = en.length !== entities.length;
+      const notSameLength = previousEntities.length !== entities.length;
       const parsedEntities = entities.length
         ? entities.map(entity => ({
             match: { docType: entity }
@@ -67,7 +67,7 @@ function useSearch({ queryKey, resultKeys, entities = [], fields }) {
         });
         setSearchedValue(value);
         setPreviousOffset(offset);
-        setEn(entities);
+        setPreviousEntities(entities);
       }
     },
     [
@@ -81,7 +81,7 @@ function useSearch({ queryKey, resultKeys, entities = [], fields }) {
       entities,
       fields,
       entities.length,
-      en.length
+      previousEntities.length
     ]
   );

package/src/components/useSearchResults/useSearchResults.js CHANGED Viewed

@@ -1,6 +1,9 @@
+import { useState, useEffect } from 'react';
 import useSearch from '../useSearch';
 function useSearchResults({ queryKey, resultKeys, entities, fields }) {
+  const [currentResults, setCurrentResults] = useState([]);
+  const [allResults, setAllResults] = useState([]);
   const [
     {
       searchedValue,
@@ -10,15 +13,25 @@ function useSearchResults({ queryKey, resultKeys, entities, fields }) {
     setParams
   ] = useSearch({ queryKey, resultKeys, entities, fields });
+  useEffect(
+    () => {
+      if (currentResults.length !== results.length) {
+        setAllResults([...allResults, ...results]);
+        setCurrentResults(results);
+      }
+    },
+    [allResults, currentResults, results]
+  );
   const clearList = params => {
+    setAllResults([]);
     setParams({ ...params, offset: 0 });
   };
   const setQueryParams = params => {
     params.value !== searchedValue ? clearList(params) : setParams(params);
   };
-  return [{ loading, results, total }, setQueryParams];
+  return [{ loading, results: allResults, total }, setQueryParams];
 }
 export default useSearchResults;