@blaze-cms/plugin-search-ui 0.123.0-alpha.3 → 0.124.0-alpha.19
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.
- package/CHANGELOG.md +47 -0
- package/lib/application/query/index.js +1 -1
- package/lib/application/query/index.js.map +1 -1
- package/lib/components/SearchAdmin/RecentSearches/RecentSearches.js.map +1 -1
- package/lib/components/SearchAdmin/RecentSearches/index.js.map +1 -1
- package/lib/components/SearchAdmin/SearchAdmin.js.map +1 -1
- package/lib/components/SearchAdmin/SearchBar/SearchBar.js.map +1 -1
- package/lib/components/SearchAdmin/SearchBar/index.js.map +1 -1
- package/lib/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
- package/lib/components/SearchAdmin/SearchResults/index.js.map +1 -1
- package/lib/components/SearchAdmin/TriggerModal/TriggerModal.js.map +1 -1
- package/lib/components/SearchAdmin/TriggerModal/index.js.map +1 -1
- package/lib/components/SearchAdmin/index.js.map +1 -1
- package/lib/components/SearchPublishedContent/SearchPublishedContent.js.map +1 -1
- package/lib/components/SearchPublishedContent/index.js.map +1 -1
- package/lib/components/useLocalStorage/index.js.map +1 -1
- package/lib/components/useLocalStorage/useLocalStorage.js.map +1 -1
- package/lib/components/useSearch/index.js.map +1 -1
- package/lib/components/useSearch/useSearch.js.map +1 -1
- package/lib/components/useSearchResults/index.js.map +1 -1
- package/lib/components/useSearchResults/useSearchResults.js.map +1 -1
- package/lib/constants.js.map +1 -1
- package/lib/hooks/index.js +16 -0
- package/lib/hooks/index.js.map +1 -0
- package/lib/hooks/useDebounceSearch.js +73 -0
- package/lib/hooks/useDebounceSearch.js.map +1 -0
- package/lib/index.js +8 -0
- package/lib/index.js.map +1 -1
- package/lib-es/application/query/index.js +3 -1
- package/lib-es/application/query/index.js.map +1 -1
- package/lib-es/components/SearchAdmin/RecentSearches/RecentSearches.js.map +1 -1
- package/lib-es/components/SearchAdmin/RecentSearches/index.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchAdmin.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchBar/index.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchResults/index.js.map +1 -1
- package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js.map +1 -1
- package/lib-es/components/SearchAdmin/TriggerModal/index.js.map +1 -1
- package/lib-es/components/SearchAdmin/index.js.map +1 -1
- package/lib-es/components/SearchPublishedContent/SearchPublishedContent.js.map +1 -1
- package/lib-es/components/SearchPublishedContent/index.js.map +1 -1
- package/lib-es/components/useLocalStorage/index.js.map +1 -1
- package/lib-es/components/useLocalStorage/useLocalStorage.js.map +1 -1
- package/lib-es/components/useSearch/index.js.map +1 -1
- package/lib-es/components/useSearch/useSearch.js.map +1 -1
- package/lib-es/components/useSearchResults/index.js.map +1 -1
- package/lib-es/components/useSearchResults/useSearchResults.js.map +1 -1
- package/lib-es/constants.js.map +1 -1
- package/lib-es/hooks/index.js +3 -0
- package/lib-es/hooks/index.js.map +1 -0
- package/lib-es/hooks/useDebounceSearch.js +44 -0
- package/lib-es/hooks/useDebounceSearch.js.map +1 -0
- package/lib-es/index.js +2 -1
- package/lib-es/index.js.map +1 -1
- package/package.json +3 -3
- package/src/application/query/index.js +3 -1
- package/src/hooks/index.js +3 -0
- package/src/hooks/useDebounceSearch.js +39 -0
- package/src/index.js +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,53 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.124.0-alpha.19](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.18...v0.124.0-alpha.19) (2022-05-18)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* add useDebounceSearch ([806201b](https://byte9/thebyte9/blaze/commits/806201bd2839162a78d4b64d2634c8bb6737b711))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
# [0.124.0-alpha.2](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.1...v0.124.0-alpha.2) (2022-04-29)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @blaze-cms/plugin-search-ui
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
# [0.124.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.122.4...v0.124.0-alpha.1) (2022-04-27)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
# [0.123.0](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.29...v0.123.0) (2022-04-11)
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
# [0.123.0-alpha.3](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.2...v0.123.0-alpha.3) (2022-03-25)
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
# [0.123.0-alpha.2](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.1...v0.123.0-alpha.2) (2022-03-22)
|
|
38
|
+
|
|
39
|
+
**Note:** Version bump only for package @blaze-cms/plugin-search-ui
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
# [0.123.0](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.29...v0.123.0) (2022-04-11)
|
|
46
|
+
|
|
47
|
+
**Note:** Version bump only for package @blaze-cms/plugin-search-ui
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
6
53
|
# [0.123.0-alpha.3](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.2...v0.123.0-alpha.3) (2022-03-25)
|
|
7
54
|
|
|
8
55
|
**Note:** Version bump only for package @blaze-cms/plugin-search-ui
|
|
@@ -21,7 +21,7 @@ var SEARCH_ADMIN = function SEARCH_ADMIN() {
|
|
|
21
21
|
|
|
22
22
|
var SEARCH_PUBLISHED = function SEARCH_PUBLISHED(_ref) {
|
|
23
23
|
var resultKeys = _ref.resultKeys;
|
|
24
|
-
return (0, _client.gql)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchPublishedContent(\n limit: $limit\n offset: $offset\n sort: $sort\n rawQuery: $rawQuery\n ) {\n results {\n ", "\n }\n total\n }\n }\n"])), resultKeys);
|
|
24
|
+
return (0, _client.gql)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchPublishedContent(\n limit: $limit\n offset: $offset\n sort: $sort\n rawQuery: $rawQuery\n ) {\n results {\n ...on ContentContentInterface {\n ", "\n }\n }\n total\n }\n }\n"])), resultKeys);
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
var _default = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SEARCH_ADMIN","gql","SEARCH_PUBLISHED","resultKeys"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst SEARCH_ADMIN = () => gql`\n query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {\n jsonResults\n total\n }\n }\n`;\n\nconst SEARCH_PUBLISHED = ({ resultKeys }) => gql`\n query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchPublishedContent(\n limit: $limit\n offset: $offset\n sort: $sort\n rawQuery: $rawQuery\n ) {\n results {\n ...on ContentContentInterface {\n ${resultKeys}\n }\n }\n total\n }\n }\n`;\n\nexport default { SEARCH_ADMIN, SEARCH_PUBLISHED };\n"],"mappings":";;;;;;;;;;;;;AAAA;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,WAAMC,WAAN;AAAA,CAArB;;AASA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IAAGC,UAAH,QAAGA,UAAH;EAAA,WAAoBF,WAApB,ybAUbE,UAVa;AAAA,CAAzB;;eAkBe;EAAEH,YAAY,EAAZA,YAAF;EAAgBE,gBAAgB,EAAhBA;AAAhB,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"RecentSearches.js","names":["RecentSearches","recentSearches","handleSearchTerm","search","map","searchedTerm","target","value","propTypes","PropTypes","array","isRequired","func"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/RecentSearches.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst RecentSearches = ({ recentSearches, handleSearchTerm, search }) => (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>Recent searches</h2>\n </div>\n {recentSearches.map(searchedTerm => (\n <div\n key={searchedTerm}\n role=\"button\"\n className=\"list__item list__item--search\"\n onClick={() => {\n handleSearchTerm({ target: { value: searchedTerm } });\n search({ value: searchedTerm });\n }}>\n <div className=\"list__item-row list__item-row--search\">\n <i className=\"material-icons\">search</i>\n <div className=\"list__item-text list__item-text--search\">{searchedTerm}</div>\n </div>\n </div>\n ))}\n </div>\n);\n\nRecentSearches.propTypes = {\n recentSearches: PropTypes.array.isRequired,\n handleSearchTerm: PropTypes.func.isRequired,\n search: PropTypes.func.isRequired\n};\n\nexport default RecentSearches;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IAAGC,cAAH,QAAGA,cAAH;EAAA,IAAmBC,gBAAnB,QAAmBA,gBAAnB;EAAA,IAAqCC,MAArC,QAAqCA,MAArC;EAAA,oBACrB;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE,8DADF,CADF,EAIGF,cAAc,CAACG,GAAf,CAAmB,UAAAC,YAAY;IAAA,oBAC9B;MACE,GAAG,EAAEA,YADP;MAEE,IAAI,EAAC,QAFP;MAGE,SAAS,EAAC,+BAHZ;MAIE,OAAO,EAAE,mBAAM;QACbH,gBAAgB,CAAC;UAAEI,MAAM,EAAE;YAAEC,KAAK,EAAEF;UAAT;QAAV,CAAD,CAAhB;QACAF,MAAM,CAAC;UAAEI,KAAK,EAAEF;QAAT,CAAD,CAAN;MACD;IAPH,gBAQE;MAAK,SAAS,EAAC;IAAf,gBACE;MAAG,SAAS,EAAC;IAAb,YADF,eAEE;MAAK,SAAS,EAAC;IAAf,GAA0DA,YAA1D,CAFF,CARF,CAD8B;EAAA,CAA/B,CAJH,CADqB;AAAA,CAAvB;;AAuBAL,cAAc,CAACQ,SAAf,GAA2B;EACzBP,cAAc,EAAEQ,sBAAUC,KAAV,CAAgBC,UADP;EAEzBT,gBAAgB,EAAEO,sBAAUG,IAAV,CAAeD,UAFR;EAGzBR,MAAM,EAAEM,sBAAUG,IAAV,CAAeD;AAHE,CAA3B;eAMeX,c"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["RecentSearches"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/index.js"],"sourcesContent":["import RecentSearches from './RecentSearches';\n\nexport default RecentSearches;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,0B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SearchAdmin.js","names":["SearchAdmin","searchTerm","setSearchTerm","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","queryKey","SEARCH_ADMIN","loading","results","total","setQueryParams","current","focus","handleSearchTerm","value","target","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\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 [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN\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 isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n const showResults = enableResults && results.length;\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <>\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 </>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SearchBar.js","names":["SearchBar","handleKeyDown","searchInputRef","handleSearchTerm","searchTerm","toggleSearchModal","close","search","placeholder","propTypes","PropTypes","bool","func","isRequired","object","string","defaultProps"],"sources":["../../../../src/components/SearchAdmin/SearchBar/SearchBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SearchBar = ({\n handleKeyDown,\n searchInputRef,\n handleSearchTerm,\n searchTerm,\n toggleSearchModal,\n close,\n search,\n placeholder\n}) => (\n <div className=\"search__wrapper\">\n <input\n onKeyDown={handleKeyDown}\n ref={searchInputRef}\n placeholder={placeholder}\n type=\"text\"\n onChange={handleSearchTerm}\n value={searchTerm}\n />\n <span\n onClick={search}\n role=\"button\"\n className=\"icon-button icon-button--search icon-button--toggle\">\n <i className=\"material-icons\">search</i>\n </span>\n {close && (\n <div className=\"modal__close\">\n <i className=\"material-icons\" onClick={toggleSearchModal} role=\"button\">\n close\n </i>\n </div>\n )}\n </div>\n);\n\nSearchBar.propTypes = {\n close: PropTypes.bool,\n handleKeyDown: PropTypes.func.isRequired,\n searchInputRef: PropTypes.object,\n handleSearchTerm: PropTypes.func.isRequired,\n searchTerm: PropTypes.string,\n toggleSearchModal: PropTypes.func,\n search: PropTypes.func.isRequired,\n placeholder: PropTypes.string\n};\n\nSearchBar.defaultProps = {\n searchTerm: '',\n close: true,\n placeholder: 'Search...',\n toggleSearchModal: null,\n searchInputRef: null\n};\n\nexport default SearchBar;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAChBC,aADgB,QAChBA,aADgB;EAAA,IAEhBC,cAFgB,QAEhBA,cAFgB;EAAA,IAGhBC,gBAHgB,QAGhBA,gBAHgB;EAAA,IAIhBC,UAJgB,QAIhBA,UAJgB;EAAA,IAKhBC,iBALgB,QAKhBA,iBALgB;EAAA,IAMhBC,KANgB,QAMhBA,KANgB;EAAA,IAOhBC,MAPgB,QAOhBA,MAPgB;EAAA,IAQhBC,WARgB,QAQhBA,WARgB;EAAA,oBAUhB;IAAK,SAAS,EAAC;EAAf,gBACE;IACE,SAAS,EAAEP,aADb;IAEE,GAAG,EAAEC,cAFP;IAGE,WAAW,EAAEM,WAHf;IAIE,IAAI,EAAC,MAJP;IAKE,QAAQ,EAAEL,gBALZ;IAME,KAAK,EAAEC;EANT,EADF,eASE;IACE,OAAO,EAAEG,MADX;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAC;EAHZ,gBAIE;IAAG,SAAS,EAAC;EAAb,YAJF,CATF,EAeGD,KAAK,iBACJ;IAAK,SAAS,EAAC;EAAf,gBACE;IAAG,SAAS,EAAC,gBAAb;IAA8B,OAAO,EAAED,iBAAvC;IAA0D,IAAI,EAAC;EAA/D,WADF,CAhBJ,CAVgB;AAAA,CAAlB;;AAmCAL,SAAS,CAACS,SAAV,GAAsB;EACpBH,KAAK,EAAEI,sBAAUC,IADG;EAEpBV,aAAa,EAAES,sBAAUE,IAAV,CAAeC,UAFV;EAGpBX,cAAc,EAAEQ,sBAAUI,MAHN;EAIpBX,gBAAgB,EAAEO,sBAAUE,IAAV,CAAeC,UAJb;EAKpBT,UAAU,EAAEM,sBAAUK,MALF;EAMpBV,iBAAiB,EAAEK,sBAAUE,IANT;EAOpBL,MAAM,EAAEG,sBAAUE,IAAV,CAAeC,UAPH;EAQpBL,WAAW,EAAEE,sBAAUK;AARH,CAAtB;AAWAf,SAAS,CAACgB,YAAV,GAAyB;EACvBZ,UAAU,EAAE,EADW;EAEvBE,KAAK,EAAE,IAFgB;EAGvBE,WAAW,EAAE,WAHU;EAIvBH,iBAAiB,EAAE,IAJI;EAKvBH,cAAc,EAAE;AALO,CAAzB;eAQeF,S"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchBar"],"sources":["../../../../src/components/SearchAdmin/SearchBar/index.js"],"sourcesContent":["import SearchBar from './SearchBar';\n\nexport default SearchBar;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,qB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SearchResults.js","names":["SearchResults","currentValue","loading","results","total","setQueryParams","closeModal","history","verifiedRanges","setVerifiedRanges","currentIndex","setCurrentIndex","handleRenderedItems","startIndex","rowsLength","length","loadIndex","Math","floor","SEARCH_RESULTS_OVER_SCAN_BUFFER","includes","value","offset","getNavigationRoute","id","docType","FILE","navigate","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","window","innerHeight","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","index","style","updated","name","updatedDate","propTypes","PropTypes","bool","isRequired","array","number","func","object","string"],"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { withRouter } from 'react-router-dom';\nimport {\n SEARCH_RESULTS_OVER_SCAN_BUFFER,\n SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n SEARCH_RESULTS_ITEM_SIZE,\n FILE\n} from '../../../constants';\n\nconst SearchResults = ({\n currentValue,\n loading,\n results,\n total,\n setQueryParams,\n closeModal,\n history\n}) => {\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [currentIndex, setCurrentIndex] = useState(0);\n\n const handleRenderedItems = async ({ startIndex }) => {\n const rowsLength = results.length;\n const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;\n if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n setQueryParams({ value: currentValue, offset: results.length });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);\n }\n };\n\n const getNavigationRoute = ({ id, docType }) =>\n docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;\n\n const navigate = ({ id, docType }) => {\n history.push(getNavigationRoute({ id, docType }));\n closeModal();\n };\n\n const getDateFormat = date => {\n const newDate = new Date(date);\n const day = `0${newDate.getDate()}`.slice(-2);\n const month = `0${newDate.getMonth() + 1}`.slice(-2);\n const year = String(newDate.getYear()).slice(-2);\n return `${day}.${month}.${year}`;\n };\n\n return (\n <>\n {loading && <span>Loading...</span>}\n <div className=\"modal__content modal__content--search\">\n <div className=\"header header--list\">\n <h2>{total} results</h2>\n </div>\n <VirtualList\n width=\"100%\"\n height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}\n itemCount={results.length}\n itemSize={SEARCH_RESULTS_ITEM_SIZE}\n overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}\n scrollToIndex={currentIndex}\n onItemsRendered={handleRenderedItems}\n renderItem={({ index, style }) => {\n const { id, docType, updated, name } = results[index];\n const updatedDate = updated ? getDateFormat(updated) : null;\n return (\n <div key={index} style={style} className=\"list__item--resultWrapper\">\n <div className=\"list__item list__item--result\">\n <div className=\"list__item-row list__item-row--result\">\n <span className=\"badge badge--primary\">\n {docType} {updatedDate}\n </span>\n <a\n href={getNavigationRoute({\n id,\n docType\n })}\n onClick={() =>\n navigate({\n id,\n docType\n })\n }\n className=\"list__item-text list__item-text--result\">\n {name}\n </a>\n </div>\n </div>\n </div>\n );\n }}\n />\n </div>\n </>\n );\n};\n\nSearchResults.propTypes = {\n loading: PropTypes.bool.isRequired,\n results: PropTypes.array.isRequired,\n total: PropTypes.number.isRequired,\n setQueryParams: PropTypes.func.isRequired,\n closeModal: PropTypes.func.isRequired,\n history: PropTypes.object.isRequired,\n currentValue: PropTypes.string.isRequired\n};\n\nexport default withRouter(SearchResults);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchResults"],"sources":["../../../../src/components/SearchAdmin/SearchResults/index.js"],"sourcesContent":["import SearchResults from './SearchResults';\n\nexport default SearchResults;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,yB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"TriggerModal.js","names":["TriggerModal","toggleSearchModal","propTypes","PropTypes","func","isRequired"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/TriggerModal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst TriggerModal = ({ toggleSearchModal }) => (\n <span\n role=\"button\"\n className=\"material-icons searchModal-search-icon\"\n onClick={toggleSearchModal}>\n search\n </span>\n);\n\nTriggerModal.propTypes = {\n toggleSearchModal: PropTypes.func.isRequired\n};\n\nexport default TriggerModal;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,iBAAH,QAAGA,iBAAH;EAAA,oBACnB;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAC,wCAFZ;IAGE,OAAO,EAAEA;EAHX,YADmB;AAAA,CAArB;;AASAD,YAAY,CAACE,SAAb,GAAyB;EACvBD,iBAAiB,EAAEE,sBAAUC,IAAV,CAAeC;AADX,CAAzB;eAIeL,Y"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["TriggerModal"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/index.js"],"sourcesContent":["import TriggerModal from './TriggerModal';\n\nexport default TriggerModal;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,wB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchAdmin"],"sources":["../../../src/components/SearchAdmin/index.js"],"sourcesContent":["import SearchAdmin from './SearchAdmin';\n\nexport default SearchAdmin;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,uB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SearchPublishedContent.js","names":["SearchPublishedContent","entities","children","resultKeys","getIsOpenSearchBar","SearchIcon","CloseIcon","className","onChange","placeholder","onEnterPress","inputRef","isSearchBarOpen","fields","displaySearchBar","setDisplaySearchBar","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","queryKey","SEARCH_PUBLISHED","loading","results","setQueryParams","current","focus","value","handleOnChange","target","handleKeyPress","event","onEnter","key","handleSearchBar","voidSearchTerm","searchWrapperClassname","triggerClassname","open","SEARCH_BUTTON","length","propTypes","PropTypes","array","func","isRequired","string","object","bool","defaultProps","DEFAULT_RESULTS_KEYS","state"],"sources":["../../../src/components/SearchPublishedContent/SearchPublishedContent.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { MdClose, MdSearch } from 'react-icons/md';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';\n\nconst SearchPublishedContent = ({\n entities,\n children,\n resultKeys,\n getIsOpenSearchBar,\n SearchIcon,\n CloseIcon,\n className,\n onChange,\n placeholder,\n onEnterPress,\n inputRef,\n isSearchBarOpen,\n fields\n}) => {\n const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);\n const [searchTerm, setSearchTerm] = useState('');\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n const [{ loading, results }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_PUBLISHED,\n resultKeys,\n entities,\n fields\n });\n\n useEffect(\n () => {\n if (isSearchBarOpen !== displaySearchBar) {\n setDisplaySearchBar(isSearchBarOpen);\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isSearchBarOpen]\n );\n\n useEffect(\n () => {\n if (inputRef && inputRef.current && displaySearchBar) {\n inputRef.current.focus();\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [displaySearchBar]\n );\n\n useEffect(\n () => {\n if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n setQueryParams({ value: debouncedSearchTerm });\n setPreviousSearchTerm(debouncedSearchTerm);\n }\n },\n [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n );\n\n const handleOnChange = ({ target: { value = '' } = {} }) => {\n onChange(value);\n setSearchTerm(value);\n };\n\n const handleKeyPress = event => {\n const onEnter = event.key === 'Enter';\n onEnter && onEnterPress();\n };\n\n const handleSearchBar = () => {\n const voidSearchTerm = '';\n displaySearchBar && setSearchTerm(voidSearchTerm);\n handleOnChange({ value: voidSearchTerm });\n if (isSearchBarOpen !== null) {\n getIsOpenSearchBar(!displaySearchBar);\n }\n setDisplaySearchBar(!displaySearchBar);\n };\n\n const searchWrapperClassname = classnames('search__wrapper', {\n 'search__wrapper--toggle-display': displaySearchBar,\n 'search__wrapper--toggle': !displaySearchBar\n });\n\n const triggerClassname = classnames('search__icon', {\n open: displaySearchBar\n });\n\n return (\n <div className={`search-wrapper ${className}`}>\n <div className=\"search search--header search--toggle\">\n <div className={searchWrapperClassname}>\n <input\n data-testid=\"search-input\"\n onKeyPress={handleKeyPress}\n placeholder={placeholder}\n type=\"text\"\n onChange={handleOnChange}\n value={searchTerm}\n ref={inputRef}\n />\n <button type=\"button\" className=\"icon-button icon-button--search icon-button--toggle\">\n <SearchIcon />\n </button>\n </div>\n <div\n role=\"button\"\n className={triggerClassname}\n onClick={handleSearchBar}\n id={SEARCH_BUTTON}\n title={SEARCH_BUTTON}>\n {!displaySearchBar ? <SearchIcon /> : <CloseIcon />}\n </div>\n </div>\n <div className=\"search-modal\">\n {children({ results: results.length && searchTerm ? results : [], loading })}\n </div>\n </div>\n );\n};\n\nSearchPublishedContent.propTypes = {\n entities: PropTypes.array,\n children: PropTypes.func.isRequired,\n resultKeys: PropTypes.string,\n getIsOpenSearchBar: PropTypes.func,\n SearchIcon: PropTypes.func,\n CloseIcon: PropTypes.func,\n onChange: PropTypes.func,\n onEnterPress: PropTypes.func,\n className: PropTypes.string,\n placeholder: PropTypes.string,\n inputRef: PropTypes.object,\n isSearchBarOpen: PropTypes.bool,\n fields: PropTypes.array\n};\n\nSearchPublishedContent.defaultProps = {\n entities: ['published_page'],\n placeholder: '',\n resultKeys: DEFAULT_RESULTS_KEYS,\n onChange: () => {},\n onEnterPress: () => {},\n getIsOpenSearchBar: state => state,\n SearchIcon: () => (\n <i>\n <MdSearch />\n </i>\n ),\n CloseIcon: () => (\n <i>\n <MdClose />\n </i>\n ),\n className: '',\n inputRef: null,\n isSearchBarOpen: null,\n fields: []\n};\n\nexport default SearchPublishedContent;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchPublishedContent"],"sources":["../../../src/components/SearchPublishedContent/index.js"],"sourcesContent":["import SearchPublishedContent from './SearchPublishedContent';\n\nexport default SearchPublishedContent;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,kC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["useLocalStorage"],"sources":["../../../src/components/useLocalStorage/index.js"],"sourcesContent":["import useLocalStorage from './useLocalStorage';\n\nexport default useLocalStorage;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,2B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useLocalStorage.js","names":["useLocalStorage","key","initialValue","item","window","localStorage","getItem","JSON","parse","storedValue","setStoredValue","setValue","value","valueToStore","Function","setItem","stringify"],"sources":["../../../src/components/useLocalStorage/useLocalStorage.js"],"sourcesContent":["import { useState } from 'react';\n\nfunction useLocalStorage(key, initialValue) {\n const [storedValue, setStoredValue] = useState(() => {\n const item = window.localStorage.getItem(key);\n return item ? JSON.parse(item) : initialValue;\n });\n\n const setValue = value => {\n const valueToStore = value instanceof Function ? value(storedValue) : value;\n setStoredValue(valueToStore);\n window.localStorage.setItem(key, JSON.stringify(valueToStore));\n };\n\n return [storedValue, setValue];\n}\n\nexport default useLocalStorage;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA,SAASA,eAAT,CAAyBC,GAAzB,EAA8BC,YAA9B,EAA4C;EAC1C,gBAAsC,qBAAS,YAAM;IACnD,IAAMC,IAAI,GAAGC,MAAM,CAACC,YAAP,CAAoBC,OAApB,CAA4BL,GAA5B,CAAb;IACA,OAAOE,IAAI,GAAGI,IAAI,CAACC,KAAL,CAAWL,IAAX,CAAH,GAAsBD,YAAjC;EACD,CAHqC,CAAtC;EAAA;EAAA,IAAOO,WAAP;EAAA,IAAoBC,cAApB;;EAKA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,KAAK,EAAI;IACxB,IAAMC,YAAY,GAAGD,KAAK,YAAYE,QAAjB,GAA4BF,KAAK,CAACH,WAAD,CAAjC,GAAiDG,KAAtE;IACAF,cAAc,CAACG,YAAD,CAAd;IACAT,MAAM,CAACC,YAAP,CAAoBU,OAApB,CAA4Bd,GAA5B,EAAiCM,IAAI,CAACS,SAAL,CAAeH,YAAf,CAAjC;EACD,CAJD;;EAMA,OAAO,CAACJ,WAAD,EAAcE,QAAd,CAAP;AACD;;eAEcX,e"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["useSearch"],"sources":["../../../src/components/useSearch/index.js"],"sourcesContent":["import useSearch from './useSearch';\n\nexport default useSearch;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,qB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useSearch.js","names":["useSearch","queryKey","resultKeys","entities","fields","limit","offset","value","queryParams","setParams","searchedValue","setSearchedValue","previousOffset","setPreviousOffset","buildSearchQuery","searchQueries","ssr","getSearchResults","loading","data","search","results","total","jsonResults","handleQueryParams","newQueryParams","isNewValueSet","isNewOffsetSet","parsedEntities","length","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","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 [previousOffset, setPreviousOffset] = useState(null);\n const buildSearchQuery = searchQueries[queryKey];\n const [\n getSearchResults,\n {\n loading,\n data: { search: { results, jsonResults, total } } = {\n search: { results: [], total: 0 }\n }\n }\n ] = useLazyQuery(buildSearchQuery({ resultKeys }), { 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 parsedEntities = entities.length\n ? entities.map(entity => ({\n match: { docType: entity }\n }))\n : [];\n\n if (isNewValueSet || isNewOffsetSet) {\n getSearchResults({\n variables: {\n limit,\n offset,\n rawQuery: {\n query: {\n bool: {\n must: [\n {\n query_string: {\n query: value,\n fields,\n type: 'most_fields'\n }\n },\n {\n bool: {\n should: parsedEntities\n }\n }\n ]\n }\n }\n }\n }\n });\n setSearchedValue(value);\n setPreviousOffset(offset);\n }\n },\n [\n queryParams,\n queryParams.limit,\n queryParams.value,\n queryParams.offset,\n searchedValue,\n previousOffset,\n getSearchResults,\n entities,\n fields\n ]\n );\n\n return [\n { searchedValue: queryParams.value, loading, data: { results: results || jsonResults, total } },\n handleQueryParams\n ];\n}\n\nexport default useSearch;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["useSearchResults"],"sources":["../../../src/components/useSearchResults/index.js"],"sourcesContent":["import useSearchResults from './useSearchResults';\n\nexport default useSearchResults;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,4B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useSearchResults.js","names":["useSearchResults","queryKey","resultKeys","entities","fields","searchedValue","loading","data","results","total","setParams","currentResults","setCurrentResults","allResults","setAllResults","length","clearList","params","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 [\n {\n searchedValue,\n loading,\n data: { results, total }\n },\n setParams\n ] = useSearch({ queryKey, resultKeys, entities, fields });\n const [currentResults, setCurrentResults] = useState([]);\n const [allResults, setAllResults] = useState([]);\n\n useEffect(\n () => {\n if (currentResults.length !== results.length) {\n setAllResults([...allResults, ...results]);\n setCurrentResults(results);\n }\n },\n [allResults, currentResults, currentResults.length, 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\n return [{ loading, results: allResults, total }, setQueryParams];\n}\n\nexport default useSearchResults;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,SAASA,gBAAT,OAAsE;EAAA,IAA1CC,QAA0C,QAA1CA,QAA0C;EAAA,IAAhCC,UAAgC,QAAhCA,UAAgC;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,MAAU,QAAVA,MAAU;;EACpE,iBAOI,4BAAU;IAAEH,QAAQ,EAARA,QAAF;IAAYC,UAAU,EAAVA,UAAZ;IAAwBC,QAAQ,EAARA,QAAxB;IAAkCC,MAAM,EAANA;EAAlC,CAAV,CAPJ;EAAA;EAAA;EAAA,IAEIC,aAFJ,gBAEIA,aAFJ;EAAA,IAGIC,OAHJ,gBAGIA,OAHJ;EAAA,qCAIIC,IAJJ;EAAA,IAIYC,OAJZ,qBAIYA,OAJZ;EAAA,IAIqBC,KAJrB,qBAIqBA,KAJrB;EAAA,IAMEC,SANF;;EAQA,gBAA4C,qBAAS,EAAT,CAA5C;EAAA;EAAA,IAAOC,cAAP;EAAA,IAAuBC,iBAAvB;;EACA,iBAAoC,qBAAS,EAAT,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EAEA,sBACE,YAAM;IACJ,IAAIH,cAAc,CAACI,MAAf,KAA0BP,OAAO,CAACO,MAAtC,EAA8C;MAC5CD,aAAa,+CAAKD,UAAL,uCAAoBL,OAApB,GAAb;MACAI,iBAAiB,CAACJ,OAAD,CAAjB;IACD;EACF,CANH,EAOE,CAACK,UAAD,EAAaF,cAAb,EAA6BA,cAAc,CAACI,MAA5C,EAAoDP,OAApD,CAPF;;EAUA,IAAMQ,SAAS,GAAG,SAAZA,SAAY,CAAAC,MAAM,EAAI;IAC1BH,aAAa,CAAC,EAAD,CAAb;IACAJ,SAAS,iCAAMO,MAAN;MAAcC,MAAM,EAAE;IAAtB,GAAT;EACD,CAHD;;EAKA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAF,MAAM,EAAI;IAC/BA,MAAM,CAACG,KAAP,KAAiBf,aAAjB,GAAiCW,SAAS,CAACC,MAAD,CAA1C,GAAqDP,SAAS,CAACO,MAAD,CAA9D;EACD,CAFD;;EAIA,OAAO,CAAC;IAAEX,OAAO,EAAPA,OAAF;IAAWE,OAAO,EAAEK,UAApB;IAAgCJ,KAAK,EAALA;EAAhC,CAAD,EAA0CU,cAA1C,CAAP;AACD;;eAEcnB,gB"}
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"constants.js","names":["SEARCH_ADMIN","SEARCH_PUBLISHED","SEARCH_RESULTS_OVER_SCAN_BUFFER","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","DEFAULT_RESULTS_KEYS","SEARCH_BUTTON","FILE"],"sources":["../src/constants.js"],"sourcesContent":["const SEARCH_ADMIN = 'SEARCH_ADMIN';\nconst SEARCH_PUBLISHED = 'SEARCH_PUBLISHED';\nconst SEARCH_RESULTS_OVER_SCAN_BUFFER = 0;\nconst SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST = 186;\nconst SEARCH_RESULTS_ITEM_SIZE = 105;\nconst DEFAULT_RESULTS_KEYS = 'name, url';\nconst SEARCH_BUTTON = 'search-button';\nconst FILE = 'file';\n\nexport {\n SEARCH_ADMIN,\n SEARCH_PUBLISHED,\n SEARCH_RESULTS_OVER_SCAN_BUFFER,\n SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n SEARCH_RESULTS_ITEM_SIZE,\n DEFAULT_RESULTS_KEYS,\n SEARCH_BUTTON,\n FILE\n};\n"],"mappings":";;;;;;;;AAAA,IAAMA,YAAY,GAAG,cAArB;;AACA,IAAMC,gBAAgB,GAAG,kBAAzB;;AACA,IAAMC,+BAA+B,GAAG,CAAxC;;AACA,IAAMC,wCAAwC,GAAG,GAAjD;;AACA,IAAMC,wBAAwB,GAAG,GAAjC;;AACA,IAAMC,oBAAoB,GAAG,WAA7B;;AACA,IAAMC,aAAa,GAAG,eAAtB;;AACA,IAAMC,IAAI,GAAG,MAAb"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
exports["default"] = void 0;
|
|
11
|
+
|
|
12
|
+
var _useDebounceSearch = _interopRequireDefault(require("./useDebounceSearch"));
|
|
13
|
+
|
|
14
|
+
var _default = _useDebounceSearch["default"];
|
|
15
|
+
exports["default"] = _default;
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["useDebounceSearch"],"sources":["../../src/hooks/index.js"],"sourcesContent":["import useDebounceSearch from './useDebounceSearch';\n\nexport default useDebounceSearch;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,6B"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
exports["default"] = void 0;
|
|
11
|
+
|
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
+
|
|
14
|
+
var _react = require("react");
|
|
15
|
+
|
|
16
|
+
var _customHooks = require("@blaze-react/utils/lib/customHooks");
|
|
17
|
+
|
|
18
|
+
var _useSearchResults3 = _interopRequireDefault(require("../components/useSearchResults"));
|
|
19
|
+
|
|
20
|
+
var _constants = require("../constants");
|
|
21
|
+
|
|
22
|
+
var useDebounceSearch = function useDebounceSearch(_ref) {
|
|
23
|
+
var entities = _ref.entities,
|
|
24
|
+
resultKeys = _ref.resultKeys,
|
|
25
|
+
fields = _ref.fields,
|
|
26
|
+
initialSearchTerm = _ref.initialSearchTerm;
|
|
27
|
+
|
|
28
|
+
var _useState = (0, _react.useState)(initialSearchTerm !== null && initialSearchTerm !== void 0 ? initialSearchTerm : ''),
|
|
29
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
30
|
+
searchTerm = _useState2[0],
|
|
31
|
+
setSearchTerm = _useState2[1];
|
|
32
|
+
|
|
33
|
+
var _useState3 = (0, _react.useState)(null),
|
|
34
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
35
|
+
previousSearchTerm = _useState4[0],
|
|
36
|
+
setPreviousSearchTerm = _useState4[1];
|
|
37
|
+
|
|
38
|
+
var debouncedSearchTerm = (0, _customHooks.useDebounce)(searchTerm, 500);
|
|
39
|
+
|
|
40
|
+
var _useSearchResults = (0, _useSearchResults3["default"])({
|
|
41
|
+
queryKey: _constants.SEARCH_PUBLISHED,
|
|
42
|
+
resultKeys: resultKeys,
|
|
43
|
+
entities: entities,
|
|
44
|
+
fields: fields
|
|
45
|
+
}),
|
|
46
|
+
_useSearchResults2 = (0, _slicedToArray2["default"])(_useSearchResults, 2),
|
|
47
|
+
_useSearchResults2$ = _useSearchResults2[0],
|
|
48
|
+
loading = _useSearchResults2$.loading,
|
|
49
|
+
results = _useSearchResults2$.results,
|
|
50
|
+
setQueryParams = _useSearchResults2[1];
|
|
51
|
+
|
|
52
|
+
(0, _react.useEffect)(function () {
|
|
53
|
+
if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
|
|
54
|
+
setQueryParams({
|
|
55
|
+
value: debouncedSearchTerm
|
|
56
|
+
});
|
|
57
|
+
setPreviousSearchTerm(debouncedSearchTerm);
|
|
58
|
+
}
|
|
59
|
+
}, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);
|
|
60
|
+
return {
|
|
61
|
+
loading: loading,
|
|
62
|
+
results: results,
|
|
63
|
+
searchTerm: searchTerm,
|
|
64
|
+
setSearchTerm: setSearchTerm,
|
|
65
|
+
setPreviousSearchTerm: setPreviousSearchTerm,
|
|
66
|
+
debouncedSearchTerm: debouncedSearchTerm,
|
|
67
|
+
previousSearchTerm: previousSearchTerm
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
var _default = useDebounceSearch;
|
|
72
|
+
exports["default"] = _default;
|
|
73
|
+
//# sourceMappingURL=useDebounceSearch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDebounceSearch.js","names":["useDebounceSearch","entities","resultKeys","fields","initialSearchTerm","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","queryKey","SEARCH_PUBLISHED","loading","results","setQueryParams","value"],"sources":["../../src/hooks/useDebounceSearch.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../components/useSearchResults';\nimport { SEARCH_PUBLISHED } from '../constants';\n\nconst useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm }) => {\n const [searchTerm, setSearchTerm] = useState(initialSearchTerm ?? '');\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n const [{ loading, results }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_PUBLISHED,\n resultKeys,\n entities,\n fields\n });\n\n useEffect(\n () => {\n if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n setQueryParams({ value: debouncedSearchTerm });\n setPreviousSearchTerm(debouncedSearchTerm);\n }\n },\n [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n );\n\n return {\n loading,\n results,\n searchTerm,\n setSearchTerm,\n setPreviousSearchTerm,\n debouncedSearchTerm,\n previousSearchTerm\n };\n};\n\nexport default useDebounceSearch;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAAyD;EAAA,IAAtDC,QAAsD,QAAtDA,QAAsD;EAAA,IAA5CC,UAA4C,QAA5CA,UAA4C;EAAA,IAAhCC,MAAgC,QAAhCA,MAAgC;EAAA,IAAxBC,iBAAwB,QAAxBA,iBAAwB;;EACjF,gBAAoC,qBAASA,iBAAT,aAASA,iBAAT,cAASA,iBAAT,GAA8B,EAA9B,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EACA,iBAAoD,qBAAS,IAAT,CAApD;EAAA;EAAA,IAAOC,kBAAP;EAAA,IAA2BC,qBAA3B;;EACA,IAAMC,mBAAmB,GAAG,8BAAYJ,UAAZ,EAAwB,GAAxB,CAA5B;;EAEA,wBAA+C,mCAAiB;IAC9DK,QAAQ,EAAEC,2BADoD;IAE9DT,UAAU,EAAVA,UAF8D;IAG9DD,QAAQ,EAARA,QAH8D;IAI9DE,MAAM,EAANA;EAJ8D,CAAjB,CAA/C;EAAA;EAAA;EAAA,IAASS,OAAT,uBAASA,OAAT;EAAA,IAAkBC,OAAlB,uBAAkBA,OAAlB;EAAA,IAA6BC,cAA7B;;EAOA,sBACE,YAAM;IACJ,IAAIL,mBAAmB,IAAIA,mBAAmB,KAAKF,kBAAnD,EAAuE;MACrEO,cAAc,CAAC;QAAEC,KAAK,EAAEN;MAAT,CAAD,CAAd;MACAD,qBAAqB,CAACC,mBAAD,CAArB;IACD;EACF,CANH,EAOE,CAACA,mBAAD,EAAsBF,kBAAtB,EAA0CO,cAA1C,CAPF;EAUA,OAAO;IACLF,OAAO,EAAPA,OADK;IAELC,OAAO,EAAPA,OAFK;IAGLR,UAAU,EAAVA,UAHK;IAILC,aAAa,EAAbA,aAJK;IAKLE,qBAAqB,EAArBA,qBALK;IAMLC,mBAAmB,EAAnBA,mBANK;IAOLF,kBAAkB,EAAlBA;EAPK,CAAP;AASD,CA/BD;;eAiCeP,iB"}
|
package/lib/index.js
CHANGED
|
@@ -25,10 +25,18 @@ Object.defineProperty(exports, "SearchPublishedContent", {
|
|
|
25
25
|
return _SearchPublishedContent["default"];
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
+
Object.defineProperty(exports, "useDebounceSearch", {
|
|
29
|
+
enumerable: true,
|
|
30
|
+
get: function get() {
|
|
31
|
+
return _hooks["default"];
|
|
32
|
+
}
|
|
33
|
+
});
|
|
28
34
|
|
|
29
35
|
var _SearchAdmin = _interopRequireDefault(require("./components/SearchAdmin"));
|
|
30
36
|
|
|
31
37
|
var _SearchPublishedContent = _interopRequireDefault(require("./components/SearchPublishedContent"));
|
|
32
38
|
|
|
33
39
|
var _SearchBar = _interopRequireDefault(require("./components/SearchAdmin/SearchBar"));
|
|
40
|
+
|
|
41
|
+
var _hooks = _interopRequireDefault(require("./hooks"));
|
|
34
42
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import SearchAdmin from './components/SearchAdmin';\nimport SearchPublishedContent from './components/SearchPublishedContent';\nimport SearchBar from './components/SearchAdmin/SearchBar';\nimport useDebounceSearch from './hooks';\n\nexport { SearchAdmin, SearchPublishedContent, SearchBar, useDebounceSearch };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["gql","SEARCH_ADMIN","SEARCH_PUBLISHED","resultKeys"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst SEARCH_ADMIN = () => gql`\n query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {\n jsonResults\n total\n }\n }\n`;\n\nconst SEARCH_PUBLISHED = ({ resultKeys }) => gql`\n query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchPublishedContent(\n limit: $limit\n offset: $offset\n sort: $sort\n rawQuery: $rawQuery\n ) {\n results {\n ...on ContentContentInterface {\n ${resultKeys}\n }\n }\n total\n }\n }\n`;\n\nexport default { SEARCH_ADMIN, SEARCH_PUBLISHED };\n"],"mappings":"AAAA,SAASA,GAAT,QAAoB,gBAApB;;AAEA,MAAMC,YAAY,GAAG,MAAMD,GAAI;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,CAPA;;AASA,MAAME,gBAAgB,GAAG,CAAC;EAAEC;AAAF,CAAD,KAAoBH,GAAI;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAYG,UAAW;AACvB;AACA;AACA;AACA;AACA;AACA,CAhBA;;AAkBA,eAAe;EAAEF,YAAF;EAAgBC;AAAhB,CAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"RecentSearches.js","names":["React","PropTypes","RecentSearches","recentSearches","handleSearchTerm","search","map","searchedTerm","target","value","propTypes","array","isRequired","func"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/RecentSearches.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst RecentSearches = ({ recentSearches, handleSearchTerm, search }) => (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>Recent searches</h2>\n </div>\n {recentSearches.map(searchedTerm => (\n <div\n key={searchedTerm}\n role=\"button\"\n className=\"list__item list__item--search\"\n onClick={() => {\n handleSearchTerm({ target: { value: searchedTerm } });\n search({ value: searchedTerm });\n }}>\n <div className=\"list__item-row list__item-row--search\">\n <i className=\"material-icons\">search</i>\n <div className=\"list__item-text list__item-text--search\">{searchedTerm}</div>\n </div>\n </div>\n ))}\n </div>\n);\n\nRecentSearches.propTypes = {\n recentSearches: PropTypes.array.isRequired,\n handleSearchTerm: PropTypes.func.isRequired,\n search: PropTypes.func.isRequired\n};\n\nexport default RecentSearches;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EAAEC,cAAF;EAAkBC,gBAAlB;EAAoCC;AAApC,CAAD,kBACrB;EAAK,SAAS,EAAC;AAAf,gBACE;EAAK,SAAS,EAAC;AAAf,gBACE,kDADF,CADF,EAIGF,cAAc,CAACG,GAAf,CAAmBC,YAAY,iBAC9B;EACE,GAAG,EAAEA,YADP;EAEE,IAAI,EAAC,QAFP;EAGE,SAAS,EAAC,+BAHZ;EAIE,OAAO,EAAE,MAAM;IACbH,gBAAgB,CAAC;MAAEI,MAAM,EAAE;QAAEC,KAAK,EAAEF;MAAT;IAAV,CAAD,CAAhB;IACAF,MAAM,CAAC;MAAEI,KAAK,EAAEF;IAAT,CAAD,CAAN;EACD;AAPH,gBAQE;EAAK,SAAS,EAAC;AAAf,gBACE;EAAG,SAAS,EAAC;AAAb,YADF,eAEE;EAAK,SAAS,EAAC;AAAf,GAA0DA,YAA1D,CAFF,CARF,CADD,CAJH,CADF;;AAuBAL,cAAc,CAACQ,SAAf,GAA2B;EACzBP,cAAc,EAAEF,SAAS,CAACU,KAAV,CAAgBC,UADP;EAEzBR,gBAAgB,EAAEH,SAAS,CAACY,IAAV,CAAeD,UAFR;EAGzBP,MAAM,EAAEJ,SAAS,CAACY,IAAV,CAAeD;AAHE,CAA3B;AAMA,eAAeV,cAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["RecentSearches"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/index.js"],"sourcesContent":["import RecentSearches from './RecentSearches';\n\nexport default RecentSearches;\n"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,kBAA3B;AAEA,eAAeA,cAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SearchAdmin.js","names":["React","useState","useRef","useEffect","classnames","useLocalStorage","SearchBar","RecentSearches","SearchResults","TriggerModal","useSearchResults","SEARCH_ADMIN","SearchAdmin","searchTerm","setSearchTerm","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","loading","results","total","setQueryParams","queryKey","current","focus","handleSearchTerm","target","value","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\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 [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN\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 isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n const showResults = enableResults && results.length;\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <>\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 </>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SearchBar.js","names":["React","PropTypes","SearchBar","handleKeyDown","searchInputRef","handleSearchTerm","searchTerm","toggleSearchModal","close","search","placeholder","propTypes","bool","func","isRequired","object","string","defaultProps"],"sources":["../../../../src/components/SearchAdmin/SearchBar/SearchBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SearchBar = ({\n handleKeyDown,\n searchInputRef,\n handleSearchTerm,\n searchTerm,\n toggleSearchModal,\n close,\n search,\n placeholder\n}) => (\n <div className=\"search__wrapper\">\n <input\n onKeyDown={handleKeyDown}\n ref={searchInputRef}\n placeholder={placeholder}\n type=\"text\"\n onChange={handleSearchTerm}\n value={searchTerm}\n />\n <span\n onClick={search}\n role=\"button\"\n className=\"icon-button icon-button--search icon-button--toggle\">\n <i className=\"material-icons\">search</i>\n </span>\n {close && (\n <div className=\"modal__close\">\n <i className=\"material-icons\" onClick={toggleSearchModal} role=\"button\">\n close\n </i>\n </div>\n )}\n </div>\n);\n\nSearchBar.propTypes = {\n close: PropTypes.bool,\n handleKeyDown: PropTypes.func.isRequired,\n searchInputRef: PropTypes.object,\n handleSearchTerm: PropTypes.func.isRequired,\n searchTerm: PropTypes.string,\n toggleSearchModal: PropTypes.func,\n search: PropTypes.func.isRequired,\n placeholder: PropTypes.string\n};\n\nSearchBar.defaultProps = {\n searchTerm: '',\n close: true,\n placeholder: 'Search...',\n toggleSearchModal: null,\n searchInputRef: null\n};\n\nexport default SearchBar;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,SAAS,GAAG,CAAC;EACjBC,aADiB;EAEjBC,cAFiB;EAGjBC,gBAHiB;EAIjBC,UAJiB;EAKjBC,iBALiB;EAMjBC,KANiB;EAOjBC,MAPiB;EAQjBC;AARiB,CAAD,kBAUhB;EAAK,SAAS,EAAC;AAAf,gBACE;EACE,SAAS,EAAEP,aADb;EAEE,GAAG,EAAEC,cAFP;EAGE,WAAW,EAAEM,WAHf;EAIE,IAAI,EAAC,MAJP;EAKE,QAAQ,EAAEL,gBALZ;EAME,KAAK,EAAEC;AANT,EADF,eASE;EACE,OAAO,EAAEG,MADX;EAEE,IAAI,EAAC,QAFP;EAGE,SAAS,EAAC;AAHZ,gBAIE;EAAG,SAAS,EAAC;AAAb,YAJF,CATF,EAeGD,KAAK,iBACJ;EAAK,SAAS,EAAC;AAAf,gBACE;EAAG,SAAS,EAAC,gBAAb;EAA8B,OAAO,EAAED,iBAAvC;EAA0D,IAAI,EAAC;AAA/D,WADF,CAhBJ,CAVF;;AAmCAL,SAAS,CAACS,SAAV,GAAsB;EACpBH,KAAK,EAAEP,SAAS,CAACW,IADG;EAEpBT,aAAa,EAAEF,SAAS,CAACY,IAAV,CAAeC,UAFV;EAGpBV,cAAc,EAAEH,SAAS,CAACc,MAHN;EAIpBV,gBAAgB,EAAEJ,SAAS,CAACY,IAAV,CAAeC,UAJb;EAKpBR,UAAU,EAAEL,SAAS,CAACe,MALF;EAMpBT,iBAAiB,EAAEN,SAAS,CAACY,IANT;EAOpBJ,MAAM,EAAER,SAAS,CAACY,IAAV,CAAeC,UAPH;EAQpBJ,WAAW,EAAET,SAAS,CAACe;AARH,CAAtB;AAWAd,SAAS,CAACe,YAAV,GAAyB;EACvBX,UAAU,EAAE,EADW;EAEvBE,KAAK,EAAE,IAFgB;EAGvBE,WAAW,EAAE,WAHU;EAIvBH,iBAAiB,EAAE,IAJI;EAKvBH,cAAc,EAAE;AALO,CAAzB;AAQA,eAAeF,SAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchBar"],"sources":["../../../../src/components/SearchAdmin/SearchBar/index.js"],"sourcesContent":["import SearchBar from './SearchBar';\n\nexport default SearchBar;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,aAAtB;AAEA,eAAeA,SAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SearchResults.js","names":["React","useState","PropTypes","VirtualList","withRouter","SEARCH_RESULTS_OVER_SCAN_BUFFER","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","FILE","SearchResults","currentValue","loading","results","total","setQueryParams","closeModal","history","verifiedRanges","setVerifiedRanges","currentIndex","setCurrentIndex","handleRenderedItems","startIndex","rowsLength","length","loadIndex","Math","floor","includes","value","offset","getNavigationRoute","id","docType","navigate","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","window","innerHeight","index","style","updated","name","updatedDate","propTypes","bool","isRequired","array","number","func","object","string"],"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { withRouter } from 'react-router-dom';\nimport {\n SEARCH_RESULTS_OVER_SCAN_BUFFER,\n SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n SEARCH_RESULTS_ITEM_SIZE,\n FILE\n} from '../../../constants';\n\nconst SearchResults = ({\n currentValue,\n loading,\n results,\n total,\n setQueryParams,\n closeModal,\n history\n}) => {\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [currentIndex, setCurrentIndex] = useState(0);\n\n const handleRenderedItems = async ({ startIndex }) => {\n const rowsLength = results.length;\n const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;\n if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n setQueryParams({ value: currentValue, offset: results.length });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);\n }\n };\n\n const getNavigationRoute = ({ id, docType }) =>\n docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;\n\n const navigate = ({ id, docType }) => {\n history.push(getNavigationRoute({ id, docType }));\n closeModal();\n };\n\n const getDateFormat = date => {\n const newDate = new Date(date);\n const day = `0${newDate.getDate()}`.slice(-2);\n const month = `0${newDate.getMonth() + 1}`.slice(-2);\n const year = String(newDate.getYear()).slice(-2);\n return `${day}.${month}.${year}`;\n };\n\n return (\n <>\n {loading && <span>Loading...</span>}\n <div className=\"modal__content modal__content--search\">\n <div className=\"header header--list\">\n <h2>{total} results</h2>\n </div>\n <VirtualList\n width=\"100%\"\n height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}\n itemCount={results.length}\n itemSize={SEARCH_RESULTS_ITEM_SIZE}\n overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}\n scrollToIndex={currentIndex}\n onItemsRendered={handleRenderedItems}\n renderItem={({ index, style }) => {\n const { id, docType, updated, name } = results[index];\n const updatedDate = updated ? getDateFormat(updated) : null;\n return (\n <div key={index} style={style} className=\"list__item--resultWrapper\">\n <div className=\"list__item list__item--result\">\n <div className=\"list__item-row list__item-row--result\">\n <span className=\"badge badge--primary\">\n {docType} {updatedDate}\n </span>\n <a\n href={getNavigationRoute({\n id,\n docType\n })}\n onClick={() =>\n navigate({\n id,\n docType\n })\n }\n className=\"list__item-text list__item-text--result\">\n {name}\n </a>\n </div>\n </div>\n </div>\n );\n }}\n />\n </div>\n </>\n );\n};\n\nSearchResults.propTypes = {\n loading: PropTypes.bool.isRequired,\n results: PropTypes.array.isRequired,\n total: PropTypes.number.isRequired,\n setQueryParams: PropTypes.func.isRequired,\n closeModal: PropTypes.func.isRequired,\n history: PropTypes.object.isRequired,\n currentValue: PropTypes.string.isRequired\n};\n\nexport default withRouter(SearchResults);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchResults"],"sources":["../../../../src/components/SearchAdmin/SearchResults/index.js"],"sourcesContent":["import SearchResults from './SearchResults';\n\nexport default SearchResults;\n"],"mappings":"AAAA,OAAOA,aAAP,MAA0B,iBAA1B;AAEA,eAAeA,aAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"TriggerModal.js","names":["React","PropTypes","TriggerModal","toggleSearchModal","propTypes","func","isRequired"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/TriggerModal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst TriggerModal = ({ toggleSearchModal }) => (\n <span\n role=\"button\"\n className=\"material-icons searchModal-search-icon\"\n onClick={toggleSearchModal}>\n search\n </span>\n);\n\nTriggerModal.propTypes = {\n toggleSearchModal: PropTypes.func.isRequired\n};\n\nexport default TriggerModal;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,YAAY,GAAG,CAAC;EAAEC;AAAF,CAAD,kBACnB;EACE,IAAI,EAAC,QADP;EAEE,SAAS,EAAC,wCAFZ;EAGE,OAAO,EAAEA;AAHX,YADF;;AASAD,YAAY,CAACE,SAAb,GAAyB;EACvBD,iBAAiB,EAAEF,SAAS,CAACI,IAAV,CAAeC;AADX,CAAzB;AAIA,eAAeJ,YAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["TriggerModal"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/index.js"],"sourcesContent":["import TriggerModal from './TriggerModal';\n\nexport default TriggerModal;\n"],"mappings":"AAAA,OAAOA,YAAP,MAAyB,gBAAzB;AAEA,eAAeA,YAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchAdmin"],"sources":["../../../src/components/SearchAdmin/index.js"],"sourcesContent":["import SearchAdmin from './SearchAdmin';\n\nexport default SearchAdmin;\n"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,eAAxB;AAEA,eAAeA,WAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SearchPublishedContent.js","names":["React","useState","useEffect","classnames","PropTypes","MdClose","MdSearch","useDebounce","useSearchResults","SEARCH_PUBLISHED","DEFAULT_RESULTS_KEYS","SEARCH_BUTTON","SearchPublishedContent","entities","children","resultKeys","getIsOpenSearchBar","SearchIcon","CloseIcon","className","onChange","placeholder","onEnterPress","inputRef","isSearchBarOpen","fields","displaySearchBar","setDisplaySearchBar","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","loading","results","setQueryParams","queryKey","current","focus","value","handleOnChange","target","handleKeyPress","event","onEnter","key","handleSearchBar","voidSearchTerm","searchWrapperClassname","triggerClassname","open","length","propTypes","array","func","isRequired","string","object","bool","defaultProps","state"],"sources":["../../../src/components/SearchPublishedContent/SearchPublishedContent.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { MdClose, MdSearch } from 'react-icons/md';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';\n\nconst SearchPublishedContent = ({\n entities,\n children,\n resultKeys,\n getIsOpenSearchBar,\n SearchIcon,\n CloseIcon,\n className,\n onChange,\n placeholder,\n onEnterPress,\n inputRef,\n isSearchBarOpen,\n fields\n}) => {\n const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);\n const [searchTerm, setSearchTerm] = useState('');\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n const [{ loading, results }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_PUBLISHED,\n resultKeys,\n entities,\n fields\n });\n\n useEffect(\n () => {\n if (isSearchBarOpen !== displaySearchBar) {\n setDisplaySearchBar(isSearchBarOpen);\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isSearchBarOpen]\n );\n\n useEffect(\n () => {\n if (inputRef && inputRef.current && displaySearchBar) {\n inputRef.current.focus();\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [displaySearchBar]\n );\n\n useEffect(\n () => {\n if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n setQueryParams({ value: debouncedSearchTerm });\n setPreviousSearchTerm(debouncedSearchTerm);\n }\n },\n [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n );\n\n const handleOnChange = ({ target: { value = '' } = {} }) => {\n onChange(value);\n setSearchTerm(value);\n };\n\n const handleKeyPress = event => {\n const onEnter = event.key === 'Enter';\n onEnter && onEnterPress();\n };\n\n const handleSearchBar = () => {\n const voidSearchTerm = '';\n displaySearchBar && setSearchTerm(voidSearchTerm);\n handleOnChange({ value: voidSearchTerm });\n if (isSearchBarOpen !== null) {\n getIsOpenSearchBar(!displaySearchBar);\n }\n setDisplaySearchBar(!displaySearchBar);\n };\n\n const searchWrapperClassname = classnames('search__wrapper', {\n 'search__wrapper--toggle-display': displaySearchBar,\n 'search__wrapper--toggle': !displaySearchBar\n });\n\n const triggerClassname = classnames('search__icon', {\n open: displaySearchBar\n });\n\n return (\n <div className={`search-wrapper ${className}`}>\n <div className=\"search search--header search--toggle\">\n <div className={searchWrapperClassname}>\n <input\n data-testid=\"search-input\"\n onKeyPress={handleKeyPress}\n placeholder={placeholder}\n type=\"text\"\n onChange={handleOnChange}\n value={searchTerm}\n ref={inputRef}\n />\n <button type=\"button\" className=\"icon-button icon-button--search icon-button--toggle\">\n <SearchIcon />\n </button>\n </div>\n <div\n role=\"button\"\n className={triggerClassname}\n onClick={handleSearchBar}\n id={SEARCH_BUTTON}\n title={SEARCH_BUTTON}>\n {!displaySearchBar ? <SearchIcon /> : <CloseIcon />}\n </div>\n </div>\n <div className=\"search-modal\">\n {children({ results: results.length && searchTerm ? results : [], loading })}\n </div>\n </div>\n );\n};\n\nSearchPublishedContent.propTypes = {\n entities: PropTypes.array,\n children: PropTypes.func.isRequired,\n resultKeys: PropTypes.string,\n getIsOpenSearchBar: PropTypes.func,\n SearchIcon: PropTypes.func,\n CloseIcon: PropTypes.func,\n onChange: PropTypes.func,\n onEnterPress: PropTypes.func,\n className: PropTypes.string,\n placeholder: PropTypes.string,\n inputRef: PropTypes.object,\n isSearchBarOpen: PropTypes.bool,\n fields: PropTypes.array\n};\n\nSearchPublishedContent.defaultProps = {\n entities: ['published_page'],\n placeholder: '',\n resultKeys: DEFAULT_RESULTS_KEYS,\n onChange: () => {},\n onEnterPress: () => {},\n getIsOpenSearchBar: state => state,\n SearchIcon: () => (\n <i>\n <MdSearch />\n </i>\n ),\n CloseIcon: () => (\n <i>\n <MdClose />\n </i>\n ),\n className: '',\n inputRef: null,\n isSearchBarOpen: null,\n fields: []\n};\n\nexport default SearchPublishedContent;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchPublishedContent"],"sources":["../../../src/components/SearchPublishedContent/index.js"],"sourcesContent":["import SearchPublishedContent from './SearchPublishedContent';\n\nexport default SearchPublishedContent;\n"],"mappings":"AAAA,OAAOA,sBAAP,MAAmC,0BAAnC;AAEA,eAAeA,sBAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["useLocalStorage"],"sources":["../../../src/components/useLocalStorage/index.js"],"sourcesContent":["import useLocalStorage from './useLocalStorage';\n\nexport default useLocalStorage;\n"],"mappings":"AAAA,OAAOA,eAAP,MAA4B,mBAA5B;AAEA,eAAeA,eAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useLocalStorage.js","names":["useState","useLocalStorage","key","initialValue","storedValue","setStoredValue","item","window","localStorage","getItem","JSON","parse","setValue","value","valueToStore","Function","setItem","stringify"],"sources":["../../../src/components/useLocalStorage/useLocalStorage.js"],"sourcesContent":["import { useState } from 'react';\n\nfunction useLocalStorage(key, initialValue) {\n const [storedValue, setStoredValue] = useState(() => {\n const item = window.localStorage.getItem(key);\n return item ? JSON.parse(item) : initialValue;\n });\n\n const setValue = value => {\n const valueToStore = value instanceof Function ? value(storedValue) : value;\n setStoredValue(valueToStore);\n window.localStorage.setItem(key, JSON.stringify(valueToStore));\n };\n\n return [storedValue, setValue];\n}\n\nexport default useLocalStorage;\n"],"mappings":"AAAA,SAASA,QAAT,QAAyB,OAAzB;;AAEA,SAASC,eAAT,CAAyBC,GAAzB,EAA8BC,YAA9B,EAA4C;EAC1C,MAAM,CAACC,WAAD,EAAcC,cAAd,IAAgCL,QAAQ,CAAC,MAAM;IACnD,MAAMM,IAAI,GAAGC,MAAM,CAACC,YAAP,CAAoBC,OAApB,CAA4BP,GAA5B,CAAb;IACA,OAAOI,IAAI,GAAGI,IAAI,CAACC,KAAL,CAAWL,IAAX,CAAH,GAAsBH,YAAjC;EACD,CAH6C,CAA9C;;EAKA,MAAMS,QAAQ,GAAGC,KAAK,IAAI;IACxB,MAAMC,YAAY,GAAGD,KAAK,YAAYE,QAAjB,GAA4BF,KAAK,CAACT,WAAD,CAAjC,GAAiDS,KAAtE;IACAR,cAAc,CAACS,YAAD,CAAd;IACAP,MAAM,CAACC,YAAP,CAAoBQ,OAApB,CAA4Bd,GAA5B,EAAiCQ,IAAI,CAACO,SAAL,CAAeH,YAAf,CAAjC;EACD,CAJD;;EAMA,OAAO,CAACV,WAAD,EAAcQ,QAAd,CAAP;AACD;;AAED,eAAeX,eAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["useSearch"],"sources":["../../../src/components/useSearch/index.js"],"sourcesContent":["import useSearch from './useSearch';\n\nexport default useSearch;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,aAAtB;AAEA,eAAeA,SAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useSearch.js","names":["useState","useEffect","useLazyQuery","searchQueries","useSearch","queryKey","resultKeys","entities","fields","queryParams","setParams","limit","offset","value","searchedValue","setSearchedValue","previousOffset","setPreviousOffset","buildSearchQuery","getSearchResults","loading","data","search","results","jsonResults","total","ssr","handleQueryParams","newQueryParams","isNewValueSet","isNewOffsetSet","parsedEntities","length","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","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 [previousOffset, setPreviousOffset] = useState(null);\n const buildSearchQuery = searchQueries[queryKey];\n const [\n getSearchResults,\n {\n loading,\n data: { search: { results, jsonResults, total } } = {\n search: { results: [], total: 0 }\n }\n }\n ] = useLazyQuery(buildSearchQuery({ resultKeys }), { 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 parsedEntities = entities.length\n ? entities.map(entity => ({\n match: { docType: entity }\n }))\n : [];\n\n if (isNewValueSet || isNewOffsetSet) {\n getSearchResults({\n variables: {\n limit,\n offset,\n rawQuery: {\n query: {\n bool: {\n must: [\n {\n query_string: {\n query: value,\n fields,\n type: 'most_fields'\n }\n },\n {\n bool: {\n should: parsedEntities\n }\n }\n ]\n }\n }\n }\n }\n });\n setSearchedValue(value);\n setPreviousOffset(offset);\n }\n },\n [\n queryParams,\n queryParams.limit,\n queryParams.value,\n queryParams.offset,\n searchedValue,\n previousOffset,\n getSearchResults,\n entities,\n fields\n ]\n );\n\n return [\n { searchedValue: queryParams.value, loading, data: { results: results || jsonResults, total } },\n handleQueryParams\n ];\n}\n\nexport default useSearch;\n"],"mappings":";;;;;;AAAA,SAASA,QAAT,EAAmBC,SAAnB,QAAoC,OAApC;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,OAAOC,aAAP,MAA0B,yBAA1B;;AAEA,SAASC,SAAT,CAAmB;EAAEC,QAAF;EAAYC,UAAZ;EAAwBC,QAAQ,GAAG,EAAnC;EAAuCC;AAAvC,CAAnB,EAAoE;EAClE,MAAM,CAACC,WAAD,EAAcC,SAAd,IAA2BV,QAAQ,CAAC;IAAEW,KAAK,EAAE,EAAT;IAAaC,MAAM,EAAE,CAArB;IAAwBC,KAAK,EAAE;EAA/B,CAAD,CAAzC;EACA,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCf,QAAQ,CAAC,IAAD,CAAlD;EACA,MAAM,CAACgB,cAAD,EAAiBC,iBAAjB,IAAsCjB,QAAQ,CAAC,IAAD,CAApD;EACA,MAAMkB,gBAAgB,GAAGf,aAAa,CAACE,QAAD,CAAtC;EACA,MAAM,CACJc,gBADI,EAEJ;IACEC,OADF;IAEEC,IAAI,EAAE;MAAEC,MAAM,EAAE;QAAEC,OAAF;QAAWC,WAAX;QAAwBC;MAAxB;IAAV,IAA8C;MAClDH,MAAM,EAAE;QAAEC,OAAO,EAAE,EAAX;QAAeE,KAAK,EAAE;MAAtB;IAD0C;EAFtD,CAFI,IAQFvB,YAAY,CAACgB,gBAAgB,CAAC;IAAEZ;EAAF,CAAD,CAAjB,EAAmC;IAAEoB,GAAG,EAAE;EAAP,CAAnC,CARhB,CALkE,CAclE;EACA;;EAEA,MAAMC,iBAAiB,GAAGC,cAAc,IAAI;IAC1ClB,SAAS,iCAAMD,WAAN,GAAsBmB,cAAtB,EAAT;EACD,CAFD;;EAIA3B,SAAS,CACP,MAAM;IACJ,MAAM;MAAEU,KAAF;MAASC,MAAT;MAAiBC;IAAjB,IAA2BJ,WAAjC;IACA,MAAMoB,aAAa,GAAGhB,KAAK,IAAIA,KAAK,KAAKC,aAAzC;IACA,MAAMgB,cAAc,GAAGd,cAAc,KAAK,IAAnB,IAA2BJ,MAAM,KAAKI,cAA7D;IACA,MAAMe,cAAc,GAAGxB,QAAQ,CAACyB,MAAT,GACnBzB,QAAQ,CAAC0B,GAAT,CAAaC,MAAM,KAAK;MACtBC,KAAK,EAAE;QAAEC,OAAO,EAAEF;MAAX;IADe,CAAL,CAAnB,CADmB,GAInB,EAJJ;;IAMA,IAAIL,aAAa,IAAIC,cAArB,EAAqC;MACnCX,gBAAgB,CAAC;QACfkB,SAAS,EAAE;UACT1B,KADS;UAETC,MAFS;UAGT0B,QAAQ,EAAE;YACRC,KAAK,EAAE;cACLC,IAAI,EAAE;gBACJC,IAAI,EAAE,CACJ;kBACEC,YAAY,EAAE;oBACZH,KAAK,EAAE1B,KADK;oBAEZL,MAFY;oBAGZmC,IAAI,EAAE;kBAHM;gBADhB,CADI,EAQJ;kBACEH,IAAI,EAAE;oBACJI,MAAM,EAAEb;kBADJ;gBADR,CARI;cADF;YADD;UADC;QAHD;MADI,CAAD,CAAhB;MA0BAhB,gBAAgB,CAACF,KAAD,CAAhB;MACAI,iBAAiB,CAACL,MAAD,CAAjB;IACD;EACF,CAzCM,EA0CP,CACEH,WADF,EAEEA,WAAW,CAACE,KAFd,EAGEF,WAAW,CAACI,KAHd,EAIEJ,WAAW,CAACG,MAJd,EAKEE,aALF,EAMEE,cANF,EAOEG,gBAPF,EAQEZ,QARF,EASEC,MATF,CA1CO,CAAT;EAuDA,OAAO,CACL;IAAEM,aAAa,EAAEL,WAAW,CAACI,KAA7B;IAAoCO,OAApC;IAA6CC,IAAI,EAAE;MAAEE,OAAO,EAAEA,OAAO,IAAIC,WAAtB;MAAmCC;IAAnC;EAAnD,CADK,EAELE,iBAFK,CAAP;AAID;;AAED,eAAevB,SAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["useSearchResults"],"sources":["../../../src/components/useSearchResults/index.js"],"sourcesContent":["import useSearchResults from './useSearchResults';\n\nexport default useSearchResults;\n"],"mappings":"AAAA,OAAOA,gBAAP,MAA6B,oBAA7B;AAEA,eAAeA,gBAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useSearchResults.js","names":["useState","useEffect","useSearch","useSearchResults","queryKey","resultKeys","entities","fields","searchedValue","loading","data","results","total","setParams","currentResults","setCurrentResults","allResults","setAllResults","length","clearList","params","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 [\n {\n searchedValue,\n loading,\n data: { results, total }\n },\n setParams\n ] = useSearch({ queryKey, resultKeys, entities, fields });\n const [currentResults, setCurrentResults] = useState([]);\n const [allResults, setAllResults] = useState([]);\n\n useEffect(\n () => {\n if (currentResults.length !== results.length) {\n setAllResults([...allResults, ...results]);\n setCurrentResults(results);\n }\n },\n [allResults, currentResults, currentResults.length, 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\n return [{ loading, results: allResults, total }, setQueryParams];\n}\n\nexport default useSearchResults;\n"],"mappings":";;;;;;AAAA,SAASA,QAAT,EAAmBC,SAAnB,QAAoC,OAApC;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,SAASC,gBAAT,CAA0B;EAAEC,QAAF;EAAYC,UAAZ;EAAwBC,QAAxB;EAAkCC;AAAlC,CAA1B,EAAsE;EACpE,MAAM,CACJ;IACEC,aADF;IAEEC,OAFF;IAGEC,IAAI,EAAE;MAAEC,OAAF;MAAWC;IAAX;EAHR,CADI,EAMJC,SANI,IAOFX,SAAS,CAAC;IAAEE,QAAF;IAAYC,UAAZ;IAAwBC,QAAxB;IAAkCC;EAAlC,CAAD,CAPb;EAQA,MAAM,CAACO,cAAD,EAAiBC,iBAAjB,IAAsCf,QAAQ,CAAC,EAAD,CAApD;EACA,MAAM,CAACgB,UAAD,EAAaC,aAAb,IAA8BjB,QAAQ,CAAC,EAAD,CAA5C;EAEAC,SAAS,CACP,MAAM;IACJ,IAAIa,cAAc,CAACI,MAAf,KAA0BP,OAAO,CAACO,MAAtC,EAA8C;MAC5CD,aAAa,CAAC,CAAC,GAAGD,UAAJ,EAAgB,GAAGL,OAAnB,CAAD,CAAb;MACAI,iBAAiB,CAACJ,OAAD,CAAjB;IACD;EACF,CANM,EAOP,CAACK,UAAD,EAAaF,cAAb,EAA6BA,cAAc,CAACI,MAA5C,EAAoDP,OAApD,CAPO,CAAT;;EAUA,MAAMQ,SAAS,GAAGC,MAAM,IAAI;IAC1BH,aAAa,CAAC,EAAD,CAAb;IACAJ,SAAS,iCAAMO,MAAN;MAAcC,MAAM,EAAE;IAAtB,GAAT;EACD,CAHD;;EAKA,MAAMC,cAAc,GAAGF,MAAM,IAAI;IAC/BA,MAAM,CAACG,KAAP,KAAiBf,aAAjB,GAAiCW,SAAS,CAACC,MAAD,CAA1C,GAAqDP,SAAS,CAACO,MAAD,CAA9D;EACD,CAFD;;EAIA,OAAO,CAAC;IAAEX,OAAF;IAAWE,OAAO,EAAEK,UAApB;IAAgCJ;EAAhC,CAAD,EAA0CU,cAA1C,CAAP;AACD;;AAED,eAAenB,gBAAf"}
|
package/lib-es/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"constants.js","names":["SEARCH_ADMIN","SEARCH_PUBLISHED","SEARCH_RESULTS_OVER_SCAN_BUFFER","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","DEFAULT_RESULTS_KEYS","SEARCH_BUTTON","FILE"],"sources":["../src/constants.js"],"sourcesContent":["const SEARCH_ADMIN = 'SEARCH_ADMIN';\nconst SEARCH_PUBLISHED = 'SEARCH_PUBLISHED';\nconst SEARCH_RESULTS_OVER_SCAN_BUFFER = 0;\nconst SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST = 186;\nconst SEARCH_RESULTS_ITEM_SIZE = 105;\nconst DEFAULT_RESULTS_KEYS = 'name, url';\nconst SEARCH_BUTTON = 'search-button';\nconst FILE = 'file';\n\nexport {\n SEARCH_ADMIN,\n SEARCH_PUBLISHED,\n SEARCH_RESULTS_OVER_SCAN_BUFFER,\n SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n SEARCH_RESULTS_ITEM_SIZE,\n DEFAULT_RESULTS_KEYS,\n SEARCH_BUTTON,\n FILE\n};\n"],"mappings":"AAAA,MAAMA,YAAY,GAAG,cAArB;AACA,MAAMC,gBAAgB,GAAG,kBAAzB;AACA,MAAMC,+BAA+B,GAAG,CAAxC;AACA,MAAMC,wCAAwC,GAAG,GAAjD;AACA,MAAMC,wBAAwB,GAAG,GAAjC;AACA,MAAMC,oBAAoB,GAAG,WAA7B;AACA,MAAMC,aAAa,GAAG,eAAtB;AACA,MAAMC,IAAI,GAAG,MAAb;AAEA,SACEP,YADF,EAEEC,gBAFF,EAGEC,+BAHF,EAIEC,wCAJF,EAKEC,wBALF,EAMEC,oBANF,EAOEC,aAPF,EAQEC,IARF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["useDebounceSearch"],"sources":["../../src/hooks/index.js"],"sourcesContent":["import useDebounceSearch from './useDebounceSearch';\n\nexport default useDebounceSearch;\n"],"mappings":"AAAA,OAAOA,iBAAP,MAA8B,qBAA9B;AAEA,eAAeA,iBAAf"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { useEffect, useState } from 'react';
|
|
2
|
+
import { useDebounce } from '@blaze-react/utils/lib/customHooks';
|
|
3
|
+
import useSearchResults from '../components/useSearchResults';
|
|
4
|
+
import { SEARCH_PUBLISHED } from '../constants';
|
|
5
|
+
|
|
6
|
+
const useDebounceSearch = ({
|
|
7
|
+
entities,
|
|
8
|
+
resultKeys,
|
|
9
|
+
fields,
|
|
10
|
+
initialSearchTerm
|
|
11
|
+
}) => {
|
|
12
|
+
const [searchTerm, setSearchTerm] = useState(initialSearchTerm !== null && initialSearchTerm !== void 0 ? initialSearchTerm : '');
|
|
13
|
+
const [previousSearchTerm, setPreviousSearchTerm] = useState(null);
|
|
14
|
+
const debouncedSearchTerm = useDebounce(searchTerm, 500);
|
|
15
|
+
const [{
|
|
16
|
+
loading,
|
|
17
|
+
results
|
|
18
|
+
}, setQueryParams] = useSearchResults({
|
|
19
|
+
queryKey: SEARCH_PUBLISHED,
|
|
20
|
+
resultKeys,
|
|
21
|
+
entities,
|
|
22
|
+
fields
|
|
23
|
+
});
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
|
|
26
|
+
setQueryParams({
|
|
27
|
+
value: debouncedSearchTerm
|
|
28
|
+
});
|
|
29
|
+
setPreviousSearchTerm(debouncedSearchTerm);
|
|
30
|
+
}
|
|
31
|
+
}, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);
|
|
32
|
+
return {
|
|
33
|
+
loading,
|
|
34
|
+
results,
|
|
35
|
+
searchTerm,
|
|
36
|
+
setSearchTerm,
|
|
37
|
+
setPreviousSearchTerm,
|
|
38
|
+
debouncedSearchTerm,
|
|
39
|
+
previousSearchTerm
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
export default useDebounceSearch;
|
|
44
|
+
//# sourceMappingURL=useDebounceSearch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDebounceSearch.js","names":["useEffect","useState","useDebounce","useSearchResults","SEARCH_PUBLISHED","useDebounceSearch","entities","resultKeys","fields","initialSearchTerm","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","loading","results","setQueryParams","queryKey","value"],"sources":["../../src/hooks/useDebounceSearch.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../components/useSearchResults';\nimport { SEARCH_PUBLISHED } from '../constants';\n\nconst useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm }) => {\n const [searchTerm, setSearchTerm] = useState(initialSearchTerm ?? '');\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n const [{ loading, results }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_PUBLISHED,\n resultKeys,\n entities,\n fields\n });\n\n useEffect(\n () => {\n if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n setQueryParams({ value: debouncedSearchTerm });\n setPreviousSearchTerm(debouncedSearchTerm);\n }\n },\n [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n );\n\n return {\n loading,\n results,\n searchTerm,\n setSearchTerm,\n setPreviousSearchTerm,\n debouncedSearchTerm,\n previousSearchTerm\n };\n};\n\nexport default useDebounceSearch;\n"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,OAApC;AACA,SAASC,WAAT,QAA4B,oCAA5B;AACA,OAAOC,gBAAP,MAA6B,gCAA7B;AACA,SAASC,gBAAT,QAAiC,cAAjC;;AAEA,MAAMC,iBAAiB,GAAG,CAAC;EAAEC,QAAF;EAAYC,UAAZ;EAAwBC,MAAxB;EAAgCC;AAAhC,CAAD,KAAyD;EACjF,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BV,QAAQ,CAACQ,iBAAD,aAACA,iBAAD,cAACA,iBAAD,GAAsB,EAAtB,CAA5C;EACA,MAAM,CAACG,kBAAD,EAAqBC,qBAArB,IAA8CZ,QAAQ,CAAC,IAAD,CAA5D;EACA,MAAMa,mBAAmB,GAAGZ,WAAW,CAACQ,UAAD,EAAa,GAAb,CAAvC;EAEA,MAAM,CAAC;IAAEK,OAAF;IAAWC;EAAX,CAAD,EAAuBC,cAAvB,IAAyCd,gBAAgB,CAAC;IAC9De,QAAQ,EAAEd,gBADoD;IAE9DG,UAF8D;IAG9DD,QAH8D;IAI9DE;EAJ8D,CAAD,CAA/D;EAOAR,SAAS,CACP,MAAM;IACJ,IAAIc,mBAAmB,IAAIA,mBAAmB,KAAKF,kBAAnD,EAAuE;MACrEK,cAAc,CAAC;QAAEE,KAAK,EAAEL;MAAT,CAAD,CAAd;MACAD,qBAAqB,CAACC,mBAAD,CAArB;IACD;EACF,CANM,EAOP,CAACA,mBAAD,EAAsBF,kBAAtB,EAA0CK,cAA1C,CAPO,CAAT;EAUA,OAAO;IACLF,OADK;IAELC,OAFK;IAGLN,UAHK;IAILC,aAJK;IAKLE,qBALK;IAMLC,mBANK;IAOLF;EAPK,CAAP;AASD,CA/BD;;AAiCA,eAAeP,iBAAf"}
|
package/lib-es/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import SearchAdmin from './components/SearchAdmin';
|
|
2
2
|
import SearchPublishedContent from './components/SearchPublishedContent';
|
|
3
3
|
import SearchBar from './components/SearchAdmin/SearchBar';
|
|
4
|
-
|
|
4
|
+
import useDebounceSearch from './hooks';
|
|
5
|
+
export { SearchAdmin, SearchPublishedContent, SearchBar, useDebounceSearch };
|
|
5
6
|
//# sourceMappingURL=index.js.map
|
package/lib-es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchAdmin","SearchPublishedContent","SearchBar","useDebounceSearch"],"sources":["../src/index.js"],"sourcesContent":["import SearchAdmin from './components/SearchAdmin';\nimport SearchPublishedContent from './components/SearchPublishedContent';\nimport SearchBar from './components/SearchAdmin/SearchBar';\nimport useDebounceSearch from './hooks';\n\nexport { SearchAdmin, SearchPublishedContent, SearchBar, useDebounceSearch };\n"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,0BAAxB;AACA,OAAOC,sBAAP,MAAmC,qCAAnC;AACA,OAAOC,SAAP,MAAsB,oCAAtB;AACA,OAAOC,iBAAP,MAA8B,SAA9B;AAEA,SAASH,WAAT,EAAsBC,sBAAtB,EAA8CC,SAA9C,EAAyDC,iBAAzD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-search-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.124.0-alpha.19",
|
|
4
4
|
"description": "Blaze plugin search ui",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-es/index.js",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"license": "GPL-3.0",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@blaze-cms/admin-ui-utils": "^0.
|
|
30
|
+
"@blaze-cms/admin-ui-utils": "^0.124.0-alpha.2",
|
|
31
31
|
"@blaze-cms/core-errors": "^0.118.0",
|
|
32
32
|
"@blaze-cms/setup-ui": "^0.92.0",
|
|
33
33
|
"@blaze-react/button": "0.5.19",
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"lib/*",
|
|
53
53
|
"lib-es/*"
|
|
54
54
|
],
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "251b709daea87edb3b0c05a861808342ef9dc13f"
|
|
56
56
|
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { useEffect, useState } from 'react';
|
|
2
|
+
import { useDebounce } from '@blaze-react/utils/lib/customHooks';
|
|
3
|
+
import useSearchResults from '../components/useSearchResults';
|
|
4
|
+
import { SEARCH_PUBLISHED } from '../constants';
|
|
5
|
+
|
|
6
|
+
const useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm }) => {
|
|
7
|
+
const [searchTerm, setSearchTerm] = useState(initialSearchTerm ?? '');
|
|
8
|
+
const [previousSearchTerm, setPreviousSearchTerm] = useState(null);
|
|
9
|
+
const debouncedSearchTerm = useDebounce(searchTerm, 500);
|
|
10
|
+
|
|
11
|
+
const [{ loading, results }, setQueryParams] = useSearchResults({
|
|
12
|
+
queryKey: SEARCH_PUBLISHED,
|
|
13
|
+
resultKeys,
|
|
14
|
+
entities,
|
|
15
|
+
fields
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
useEffect(
|
|
19
|
+
() => {
|
|
20
|
+
if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
|
|
21
|
+
setQueryParams({ value: debouncedSearchTerm });
|
|
22
|
+
setPreviousSearchTerm(debouncedSearchTerm);
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
[debouncedSearchTerm, previousSearchTerm, setQueryParams]
|
|
26
|
+
);
|
|
27
|
+
|
|
28
|
+
return {
|
|
29
|
+
loading,
|
|
30
|
+
results,
|
|
31
|
+
searchTerm,
|
|
32
|
+
setSearchTerm,
|
|
33
|
+
setPreviousSearchTerm,
|
|
34
|
+
debouncedSearchTerm,
|
|
35
|
+
previousSearchTerm
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
export default useDebounceSearch;
|
package/src/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import SearchAdmin from './components/SearchAdmin';
|
|
2
2
|
import SearchPublishedContent from './components/SearchPublishedContent';
|
|
3
3
|
import SearchBar from './components/SearchAdmin/SearchBar';
|
|
4
|
+
import useDebounceSearch from './hooks';
|
|
4
5
|
|
|
5
|
-
export { SearchAdmin, SearchPublishedContent, SearchBar };
|
|
6
|
+
export { SearchAdmin, SearchPublishedContent, SearchBar, useDebounceSearch };
|