@blaze-cms/plugin-search-ui 0.146.0-node18.1 → 0.146.0-rc-eagle.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.
- package/CHANGELOG.md +10 -13
- package/lib/application/query/index.js +31 -15
- package/lib/application/query/index.js.map +1 -1
- package/lib/components/SearchAdmin/RecentSearches/RecentSearches.js +33 -43
- package/lib/components/SearchAdmin/RecentSearches/RecentSearches.js.map +1 -1
- package/lib/components/SearchAdmin/RecentSearches/index.js +2 -3
- package/lib/components/SearchAdmin/RecentSearches/index.js.map +1 -1
- package/lib/components/SearchAdmin/SearchAdmin.js +63 -105
- package/lib/components/SearchAdmin/SearchAdmin.js.map +1 -1
- package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +50 -78
- package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +1 -1
- package/lib/components/SearchAdmin/SearchAdminSideBar/index.js +2 -3
- package/lib/components/SearchAdmin/SearchAdminSideBar/index.js.map +1 -1
- package/lib/components/SearchAdmin/SearchBar/SearchBar.js +41 -45
- package/lib/components/SearchAdmin/SearchBar/SearchBar.js.map +1 -1
- package/lib/components/SearchAdmin/SearchBar/index.js +2 -3
- package/lib/components/SearchAdmin/SearchBar/index.js.map +1 -1
- package/lib/components/SearchAdmin/SearchResults/SearchResults.js +100 -149
- package/lib/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
- package/lib/components/SearchAdmin/SearchResults/index.js +2 -3
- package/lib/components/SearchAdmin/SearchResults/index.js.map +1 -1
- package/lib/components/SearchAdmin/TriggerModal/TriggerModal.js +10 -12
- package/lib/components/SearchAdmin/TriggerModal/TriggerModal.js.map +1 -1
- package/lib/components/SearchAdmin/TriggerModal/index.js +2 -3
- package/lib/components/SearchAdmin/TriggerModal/index.js.map +1 -1
- package/lib/components/SearchAdmin/index.js +2 -3
- package/lib/components/SearchAdmin/index.js.map +1 -1
- package/lib/components/SearchPublishedContent/SearchPublishedContent.js +74 -100
- package/lib/components/SearchPublishedContent/SearchPublishedContent.js.map +1 -1
- package/lib/components/SearchPublishedContent/index.js +2 -3
- package/lib/components/SearchPublishedContent/index.js.map +1 -1
- package/lib/components/useLocalStorage/index.js +2 -3
- package/lib/components/useLocalStorage/index.js.map +1 -1
- package/lib/components/useLocalStorage/useLocalStorage.js +8 -16
- package/lib/components/useLocalStorage/useLocalStorage.js.map +1 -1
- package/lib/components/useSearch/index.js +2 -3
- package/lib/components/useSearch/index.js.map +1 -1
- package/lib/components/useSearch/useSearch.js +64 -88
- package/lib/components/useSearch/useSearch.js.map +1 -1
- package/lib/components/useSearchResults/index.js +2 -3
- package/lib/components/useSearchResults/index.js.map +1 -1
- package/lib/components/useSearchResults/useSearchResults.js +34 -51
- package/lib/components/useSearchResults/useSearchResults.js.map +1 -1
- package/lib/constants.js +10 -10
- package/lib/constants.js.map +1 -1
- package/lib/hooks/index.js +2 -3
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useDebounceSearch.js +31 -38
- package/lib/hooks/useDebounceSearch.js.map +1 -1
- package/lib/index.js +8 -9
- package/lib/index.js.map +1 -1
- package/package.json +10 -12
- package/src/components/SearchAdmin/SearchResults/SearchResults.js +7 -2
- package/src/components/useSearch/useSearch.js +8 -5
- package/src/components/useSearchResults/useSearchResults.js +2 -2
- package/src/constants.js +4 -2
- package/src/hooks/useDebounceSearch.js +3 -2
- package/lib-es/application/query/index.js +0 -33
- package/lib-es/application/query/index.js.map +0 -1
- package/lib-es/components/SearchAdmin/RecentSearches/RecentSearches.js +0 -38
- package/lib-es/components/SearchAdmin/RecentSearches/RecentSearches.js.map +0 -1
- package/lib-es/components/SearchAdmin/RecentSearches/index.js +0 -3
- package/lib-es/components/SearchAdmin/RecentSearches/index.js.map +0 -1
- package/lib-es/components/SearchAdmin/SearchAdmin.js +0 -147
- package/lib-es/components/SearchAdmin/SearchAdmin.js.map +0 -1
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +0 -76
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +0 -1
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js +0 -3
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js.map +0 -1
- package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js +0 -52
- package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js.map +0 -1
- package/lib-es/components/SearchAdmin/SearchBar/index.js +0 -3
- package/lib-es/components/SearchAdmin/SearchBar/index.js.map +0 -1
- package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js +0 -151
- package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js.map +0 -1
- package/lib-es/components/SearchAdmin/SearchResults/index.js +0 -3
- package/lib-es/components/SearchAdmin/SearchResults/index.js.map +0 -1
- package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js +0 -14
- package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js.map +0 -1
- package/lib-es/components/SearchAdmin/TriggerModal/index.js +0 -3
- package/lib-es/components/SearchAdmin/TriggerModal/index.js.map +0 -1
- package/lib-es/components/SearchAdmin/index.js +0 -3
- package/lib-es/components/SearchAdmin/index.js.map +0 -1
- package/lib-es/components/SearchPublishedContent/SearchPublishedContent.js +0 -148
- package/lib-es/components/SearchPublishedContent/SearchPublishedContent.js.map +0 -1
- package/lib-es/components/SearchPublishedContent/index.js +0 -3
- package/lib-es/components/SearchPublishedContent/index.js.map +0 -1
- package/lib-es/components/useLocalStorage/index.js +0 -3
- package/lib-es/components/useLocalStorage/index.js.map +0 -1
- package/lib-es/components/useLocalStorage/useLocalStorage.js +0 -15
- package/lib-es/components/useLocalStorage/useLocalStorage.js.map +0 -1
- package/lib-es/components/useSearch/index.js +0 -3
- package/lib-es/components/useSearch/index.js.map +0 -1
- package/lib-es/components/useSearch/useSearch.js +0 -106
- package/lib-es/components/useSearch/useSearch.js.map +0 -1
- package/lib-es/components/useSearchResults/index.js +0 -3
- package/lib-es/components/useSearchResults/index.js.map +0 -1
- package/lib-es/components/useSearchResults/useSearchResults.js +0 -51
- package/lib-es/components/useSearchResults/useSearchResults.js.map +0 -1
- package/lib-es/constants.js +0 -10
- package/lib-es/constants.js.map +0 -1
- package/lib-es/hooks/index.js +0 -3
- package/lib-es/hooks/index.js.map +0 -1
- package/lib-es/hooks/useDebounceSearch.js +0 -42
- package/lib-es/hooks/useDebounceSearch.js.map +0 -1
- package/lib-es/index.js +0 -6
- package/lib-es/index.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.js","names":["React","PropTypes","SearchBar","handleKeyDown","searchInputRef","handleSearchTerm","searchTerm","toggleSearchModal","close","search","placeholder","createElement","className","onKeyDown","ref","type","onChange","value","onClick","role","propTypes","bool","func","isRequired","object","string","defaultProps"],"sources":["../../../../src/components/SearchAdmin/SearchBar/SearchBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SearchBar = ({\n handleKeyDown,\n searchInputRef,\n handleSearchTerm,\n searchTerm,\n toggleSearchModal,\n close,\n search,\n placeholder\n}) => (\n <div className=\"search__wrapper\">\n <input\n onKeyDown={handleKeyDown}\n ref={searchInputRef}\n placeholder={placeholder}\n type=\"text\"\n onChange={handleSearchTerm}\n value={searchTerm}\n />\n <span\n onClick={search}\n role=\"button\"\n className=\"icon-button icon-button--search icon-button--toggle\">\n <i className=\"material-icons\">search</i>\n </span>\n {close && (\n <div className=\"modal__close\">\n <i className=\"material-icons\" onClick={toggleSearchModal} role=\"button\">\n close\n </i>\n </div>\n )}\n </div>\n);\n\nSearchBar.propTypes = {\n close: PropTypes.bool,\n handleKeyDown: PropTypes.func.isRequired,\n searchInputRef: PropTypes.object,\n handleSearchTerm: PropTypes.func.isRequired,\n searchTerm: PropTypes.string,\n toggleSearchModal: PropTypes.func,\n search: PropTypes.func.isRequired,\n placeholder: PropTypes.string\n};\n\nSearchBar.defaultProps = {\n searchTerm: '',\n close: true,\n placeholder: 'Search...',\n toggleSearchModal: null,\n searchInputRef: null\n};\n\nexport default SearchBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAGA,CAAC;EACjBC,aAAa;EACbC,cAAc;EACdC,gBAAgB;EAChBC,UAAU;EACVC,iBAAiB;EACjBC,KAAK;EACLC,MAAM;EACNC;AACF,CAAC,kBACCV,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAC;AAAiB,gBAC9BZ,KAAA,CAAAW,aAAA;EACEE,SAAS,EAAEV,aAAc;EACzBW,GAAG,EAAEV,cAAe;EACpBM,WAAW,EAAEA,WAAY;EACzBK,IAAI,EAAC,MAAM;EACXC,QAAQ,EAAEX,gBAAiB;EAC3BY,KAAK,EAAEX;AAAW,CACnB,CAAC,eACFN,KAAA,CAAAW,aAAA;EACEO,OAAO,EAAET,MAAO;EAChBU,IAAI,EAAC,QAAQ;EACbP,SAAS,EAAC;AAAqD,gBAC/DZ,KAAA,CAAAW,aAAA;EAAGC,SAAS,EAAC;AAAgB,GAAC,QAAS,CACnC,CAAC,EACNJ,KAAK,iBACJR,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAC;AAAc,gBAC3BZ,KAAA,CAAAW,aAAA;EAAGC,SAAS,EAAC,gBAAgB;EAACM,OAAO,EAAEX,iBAAkB;EAACY,IAAI,EAAC;AAAQ,GAAC,OAErE,CACA,CAEJ,CACN;AAEDjB,SAAS,CAACkB,SAAS,GAAG;EACpBZ,KAAK,EAAEP,SAAS,CAACoB,IAAI;EACrBlB,aAAa,EAAEF,SAAS,CAACqB,IAAI,CAACC,UAAU;EACxCnB,cAAc,EAAEH,SAAS,CAACuB,MAAM;EAChCnB,gBAAgB,EAAEJ,SAAS,CAACqB,IAAI,CAACC,UAAU;EAC3CjB,UAAU,EAAEL,SAAS,CAACwB,MAAM;EAC5BlB,iBAAiB,EAAEN,SAAS,CAACqB,IAAI;EACjCb,MAAM,EAAER,SAAS,CAACqB,IAAI,CAACC,UAAU;EACjCb,WAAW,EAAET,SAAS,CAACwB;AACzB,CAAC;AAEDvB,SAAS,CAACwB,YAAY,GAAG;EACvBpB,UAAU,EAAE,EAAE;EACdE,KAAK,EAAE,IAAI;EACXE,WAAW,EAAE,WAAW;EACxBH,iBAAiB,EAAE,IAAI;EACvBH,cAAc,EAAE;AAClB,CAAC;AAED,eAAeF,SAAS","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
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,SAAS,MAAM,aAAa;AAEnC,eAAeA,SAAS","ignoreList":[]}
|
|
@@ -1,151 +0,0 @@
|
|
|
1
|
-
/* eslint-disable jsx-a11y/anchor-is-valid */
|
|
2
|
-
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
3
|
-
import React, { useState, useEffect } from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import VirtualList from 'react-tiny-virtual-list';
|
|
6
|
-
import { withRouter } from 'react-router-dom';
|
|
7
|
-
import { SEARCH_RESULTS_OVER_SCAN_BUFFER, SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST, SEARCH_RESULTS_ITEM_SIZE, FILE } from '../../../constants';
|
|
8
|
-
const SearchResults = ({
|
|
9
|
-
currentValue,
|
|
10
|
-
entities,
|
|
11
|
-
loading,
|
|
12
|
-
results,
|
|
13
|
-
total,
|
|
14
|
-
setQueryParams,
|
|
15
|
-
closeModal,
|
|
16
|
-
history
|
|
17
|
-
}) => {
|
|
18
|
-
const [verifiedRanges, setVerifiedRanges] = useState([]);
|
|
19
|
-
const [currentIndex, setCurrentIndex] = useState(0);
|
|
20
|
-
const [currentResults, setCurrentResults] = useState('');
|
|
21
|
-
const [allResults, setAllResults] = useState([]);
|
|
22
|
-
const [currentParams, setCurrentParams] = useState('');
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
if (!loading) {
|
|
25
|
-
const newResults = results.map(({
|
|
26
|
-
id
|
|
27
|
-
}) => id).join(',');
|
|
28
|
-
if (currentResults !== newResults) {
|
|
29
|
-
const newParams = `${currentValue},${entities.join(',')}`;
|
|
30
|
-
if (newParams !== currentParams) {
|
|
31
|
-
setAllResults(results);
|
|
32
|
-
setCurrentParams(newParams);
|
|
33
|
-
if (verifiedRanges.length) setVerifiedRanges([]);
|
|
34
|
-
} else {
|
|
35
|
-
setAllResults(allResults.concat(results));
|
|
36
|
-
}
|
|
37
|
-
setCurrentResults(newResults);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}, [allResults, currentParams, currentResults, currentValue, entities, loading, results, total, verifiedRanges.length]);
|
|
41
|
-
const handleRenderedItems = async ({
|
|
42
|
-
startIndex
|
|
43
|
-
}) => {
|
|
44
|
-
const rowsLength = allResults.length;
|
|
45
|
-
const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;
|
|
46
|
-
if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {
|
|
47
|
-
setQueryParams({
|
|
48
|
-
value: currentValue,
|
|
49
|
-
offset: allResults.length
|
|
50
|
-
});
|
|
51
|
-
setVerifiedRanges([...verifiedRanges, loadIndex]);
|
|
52
|
-
setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
const getNavigationRoute = ({
|
|
56
|
-
id,
|
|
57
|
-
docType
|
|
58
|
-
}) => docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;
|
|
59
|
-
const navigate = ({
|
|
60
|
-
id,
|
|
61
|
-
docType
|
|
62
|
-
}) => {
|
|
63
|
-
history.push(getNavigationRoute({
|
|
64
|
-
id,
|
|
65
|
-
docType
|
|
66
|
-
}));
|
|
67
|
-
closeModal();
|
|
68
|
-
};
|
|
69
|
-
const getDateFormat = date => {
|
|
70
|
-
const newDate = new Date(date);
|
|
71
|
-
const day = `0${newDate.getDate()}`.slice(-2);
|
|
72
|
-
const month = `0${newDate.getMonth() + 1}`.slice(-2);
|
|
73
|
-
const year = String(newDate.getYear()).slice(-2);
|
|
74
|
-
return `${day}.${month}.${year}`;
|
|
75
|
-
};
|
|
76
|
-
if (!allResults.length) return /*#__PURE__*/React.createElement("div", {
|
|
77
|
-
className: "list list--search"
|
|
78
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
79
|
-
className: "header header--list"
|
|
80
|
-
}, /*#__PURE__*/React.createElement("h2", null, "No Results")));
|
|
81
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
82
|
-
className: "modal__content modal__content--search"
|
|
83
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
84
|
-
className: "header header--list"
|
|
85
|
-
}, /*#__PURE__*/React.createElement("h2", {
|
|
86
|
-
className: "header--list--results"
|
|
87
|
-
}, "About ", /*#__PURE__*/React.createElement("b", null, total), " search keywords results")), /*#__PURE__*/React.createElement(VirtualList, {
|
|
88
|
-
width: "100%",
|
|
89
|
-
height: window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,
|
|
90
|
-
itemCount: allResults.length,
|
|
91
|
-
itemSize: SEARCH_RESULTS_ITEM_SIZE,
|
|
92
|
-
overscanCount: SEARCH_RESULTS_OVER_SCAN_BUFFER,
|
|
93
|
-
scrollToIndex: currentIndex,
|
|
94
|
-
onItemsRendered: handleRenderedItems,
|
|
95
|
-
renderItem: ({
|
|
96
|
-
index,
|
|
97
|
-
style
|
|
98
|
-
}) => {
|
|
99
|
-
const {
|
|
100
|
-
id,
|
|
101
|
-
docType,
|
|
102
|
-
updated,
|
|
103
|
-
name,
|
|
104
|
-
entityIdentifier,
|
|
105
|
-
published,
|
|
106
|
-
created,
|
|
107
|
-
status
|
|
108
|
-
} = allResults[index];
|
|
109
|
-
const updatedDate = updated ? getDateFormat(updated) : null;
|
|
110
|
-
const createdDate = created ? getDateFormat(created) : null;
|
|
111
|
-
const publishedDate = published ? getDateFormat(published) : null;
|
|
112
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
113
|
-
key: index,
|
|
114
|
-
style: style,
|
|
115
|
-
className: "list__item--resultWrapper"
|
|
116
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
117
|
-
className: "list__item list__item--result"
|
|
118
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
119
|
-
className: "list__item-row list__item-row--result"
|
|
120
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
121
|
-
className: "list__item-identifier"
|
|
122
|
-
}, entityIdentifier), /*#__PURE__*/React.createElement("a", {
|
|
123
|
-
href: getNavigationRoute({
|
|
124
|
-
id,
|
|
125
|
-
docType
|
|
126
|
-
}),
|
|
127
|
-
onClick: () => navigate({
|
|
128
|
-
id,
|
|
129
|
-
docType
|
|
130
|
-
}),
|
|
131
|
-
className: "list__item-link"
|
|
132
|
-
}, name), /*#__PURE__*/React.createElement("div", {
|
|
133
|
-
className: "list__item-dates"
|
|
134
|
-
}, publishedDate && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Published: "), publishedDate), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Created: "), createdDate), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Updated: "), updatedDate)), /*#__PURE__*/React.createElement("div", {
|
|
135
|
-
className: "list__item-status"
|
|
136
|
-
}, status && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Status: "), status)))));
|
|
137
|
-
}
|
|
138
|
-
}), loading && /*#__PURE__*/React.createElement("span", null, "Loading..."));
|
|
139
|
-
};
|
|
140
|
-
SearchResults.propTypes = {
|
|
141
|
-
loading: PropTypes.bool.isRequired,
|
|
142
|
-
results: PropTypes.array.isRequired,
|
|
143
|
-
total: PropTypes.number.isRequired,
|
|
144
|
-
setQueryParams: PropTypes.func.isRequired,
|
|
145
|
-
closeModal: PropTypes.func.isRequired,
|
|
146
|
-
history: PropTypes.object.isRequired,
|
|
147
|
-
currentValue: PropTypes.string.isRequired,
|
|
148
|
-
entities: PropTypes.array.isRequired
|
|
149
|
-
};
|
|
150
|
-
export default withRouter(SearchResults);
|
|
151
|
-
//# sourceMappingURL=SearchResults.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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","entities","loading","results","total","setQueryParams","closeModal","history","verifiedRanges","setVerifiedRanges","currentIndex","setCurrentIndex","currentResults","setCurrentResults","allResults","setAllResults","currentParams","setCurrentParams","newResults","map","id","join","newParams","length","concat","handleRenderedItems","startIndex","rowsLength","loadIndex","Math","floor","includes","value","offset","getNavigationRoute","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 entities,\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 [allResults, setAllResults] = useState([]);\n const [currentParams, setCurrentParams] = useState('');\n\n useEffect(() => {\n if (!loading) {\n const newResults = results.map(({ id }) => id).join(',');\n if (currentResults !== newResults) {\n const newParams = `${currentValue},${entities.join(',')}`;\n if (newParams !== currentParams) {\n setAllResults(results);\n setCurrentParams(newParams);\n if (verifiedRanges.length) setVerifiedRanges([]);\n } else {\n setAllResults(allResults.concat(results));\n }\n setCurrentResults(newResults);\n }\n }\n }, [\n allResults,\n currentParams,\n currentResults,\n currentValue,\n entities,\n loading,\n results,\n total,\n verifiedRanges.length\n ]);\n\n const handleRenderedItems = async ({ startIndex }) => {\n const rowsLength = allResults.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: allResults.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 (!allResults.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>{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={allResults.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, entityIdentifier, published, created, status } =\n allResults[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 entities: PropTypes.array.isRequired\n};\n\nexport default withRouter(SearchResults);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
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,aAAa,MAAM,iBAAiB;AAE3C,eAAeA,aAAa","ignoreList":[]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
const TriggerModal = ({
|
|
4
|
-
toggleSearchModal
|
|
5
|
-
}) => /*#__PURE__*/React.createElement("span", {
|
|
6
|
-
role: "button",
|
|
7
|
-
className: "material-icons searchModal-search-icon",
|
|
8
|
-
onClick: toggleSearchModal
|
|
9
|
-
}, "search");
|
|
10
|
-
TriggerModal.propTypes = {
|
|
11
|
-
toggleSearchModal: PropTypes.func.isRequired
|
|
12
|
-
};
|
|
13
|
-
export default TriggerModal;
|
|
14
|
-
//# sourceMappingURL=TriggerModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TriggerModal.js","names":["React","PropTypes","TriggerModal","toggleSearchModal","createElement","role","className","onClick","propTypes","func","isRequired"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/TriggerModal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst TriggerModal = ({ toggleSearchModal }) => (\n <span\n role=\"button\"\n className=\"material-icons searchModal-search-icon\"\n onClick={toggleSearchModal}>\n search\n </span>\n);\n\nTriggerModal.propTypes = {\n toggleSearchModal: PropTypes.func.isRequired\n};\n\nexport default TriggerModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAkB,CAAC,kBACzCH,KAAA,CAAAI,aAAA;EACEC,IAAI,EAAC,QAAQ;EACbC,SAAS,EAAC,wCAAwC;EAClDC,OAAO,EAAEJ;AAAkB,GAAC,QAExB,CACP;AAEDD,YAAY,CAACM,SAAS,GAAG;EACvBL,iBAAiB,EAAEF,SAAS,CAACQ,IAAI,CAACC;AACpC,CAAC;AAED,eAAeR,YAAY","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
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,YAAY,MAAM,gBAAgB;AAEzC,eAAeA,YAAY","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
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,WAAW,MAAM,eAAe;AAEvC,eAAeA,WAAW","ignoreList":[]}
|
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import classnames from 'classnames';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import { MdClose, MdSearch } from 'react-icons/md';
|
|
5
|
-
import { useDebounce } from '@blaze-react/utils/lib/customHooks';
|
|
6
|
-
import useSearchResults from '../useSearchResults';
|
|
7
|
-
import { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';
|
|
8
|
-
const SearchPublishedContent = ({
|
|
9
|
-
entities,
|
|
10
|
-
children,
|
|
11
|
-
resultKeys,
|
|
12
|
-
getIsOpenSearchBar,
|
|
13
|
-
SearchIcon,
|
|
14
|
-
CloseIcon,
|
|
15
|
-
className,
|
|
16
|
-
onChange,
|
|
17
|
-
placeholder,
|
|
18
|
-
onEnterPress,
|
|
19
|
-
inputRef,
|
|
20
|
-
isSearchBarOpen,
|
|
21
|
-
fields
|
|
22
|
-
}) => {
|
|
23
|
-
const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);
|
|
24
|
-
const [searchTerm, setSearchTerm] = useState('');
|
|
25
|
-
const [previousSearchTerm, setPreviousSearchTerm] = useState(null);
|
|
26
|
-
const debouncedSearchTerm = useDebounce(searchTerm, 500);
|
|
27
|
-
const [{
|
|
28
|
-
loading,
|
|
29
|
-
results
|
|
30
|
-
}, setQueryParams] = useSearchResults({
|
|
31
|
-
queryKey: SEARCH_PUBLISHED,
|
|
32
|
-
resultKeys,
|
|
33
|
-
entities,
|
|
34
|
-
fields
|
|
35
|
-
});
|
|
36
|
-
useEffect(() => {
|
|
37
|
-
if (isSearchBarOpen !== displaySearchBar) {
|
|
38
|
-
setDisplaySearchBar(isSearchBarOpen);
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
42
|
-
[isSearchBarOpen]);
|
|
43
|
-
useEffect(() => {
|
|
44
|
-
if (inputRef && inputRef.current && displaySearchBar) {
|
|
45
|
-
inputRef.current.focus();
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
49
|
-
[displaySearchBar]);
|
|
50
|
-
useEffect(() => {
|
|
51
|
-
if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
|
|
52
|
-
setQueryParams({
|
|
53
|
-
value: `${debouncedSearchTerm}*`
|
|
54
|
-
});
|
|
55
|
-
setPreviousSearchTerm(debouncedSearchTerm);
|
|
56
|
-
}
|
|
57
|
-
}, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);
|
|
58
|
-
const handleOnChange = ({
|
|
59
|
-
target: {
|
|
60
|
-
value = ''
|
|
61
|
-
} = {}
|
|
62
|
-
}) => {
|
|
63
|
-
onChange(value);
|
|
64
|
-
setSearchTerm(value);
|
|
65
|
-
};
|
|
66
|
-
const handleKeyPress = event => {
|
|
67
|
-
const onEnter = event.key === 'Enter';
|
|
68
|
-
onEnter && onEnterPress();
|
|
69
|
-
};
|
|
70
|
-
const handleSearchBar = () => {
|
|
71
|
-
const voidSearchTerm = '';
|
|
72
|
-
displaySearchBar && setSearchTerm(voidSearchTerm);
|
|
73
|
-
handleOnChange({
|
|
74
|
-
value: voidSearchTerm
|
|
75
|
-
});
|
|
76
|
-
if (isSearchBarOpen !== null) {
|
|
77
|
-
getIsOpenSearchBar(!displaySearchBar);
|
|
78
|
-
}
|
|
79
|
-
setDisplaySearchBar(!displaySearchBar);
|
|
80
|
-
};
|
|
81
|
-
const searchWrapperClassname = classnames('search__wrapper', {
|
|
82
|
-
'search__wrapper--toggle-display': displaySearchBar,
|
|
83
|
-
'search__wrapper--toggle': !displaySearchBar
|
|
84
|
-
});
|
|
85
|
-
const triggerClassname = classnames('search__icon', {
|
|
86
|
-
open: displaySearchBar
|
|
87
|
-
});
|
|
88
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
89
|
-
className: `search-wrapper ${className}`
|
|
90
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
91
|
-
className: "search search--header search--toggle"
|
|
92
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
93
|
-
className: searchWrapperClassname
|
|
94
|
-
}, /*#__PURE__*/React.createElement("input", {
|
|
95
|
-
"data-testid": "search-input",
|
|
96
|
-
onKeyPress: handleKeyPress,
|
|
97
|
-
placeholder: placeholder,
|
|
98
|
-
type: "text",
|
|
99
|
-
onChange: handleOnChange,
|
|
100
|
-
value: searchTerm,
|
|
101
|
-
ref: inputRef
|
|
102
|
-
}), /*#__PURE__*/React.createElement("button", {
|
|
103
|
-
type: "button",
|
|
104
|
-
className: "icon-button icon-button--search icon-button--toggle"
|
|
105
|
-
}, /*#__PURE__*/React.createElement(SearchIcon, null))), /*#__PURE__*/React.createElement("div", {
|
|
106
|
-
role: "button",
|
|
107
|
-
className: triggerClassname,
|
|
108
|
-
onClick: handleSearchBar,
|
|
109
|
-
id: SEARCH_BUTTON,
|
|
110
|
-
title: SEARCH_BUTTON
|
|
111
|
-
}, !displaySearchBar ? /*#__PURE__*/React.createElement(SearchIcon, null) : /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement("div", {
|
|
112
|
-
className: "search-modal"
|
|
113
|
-
}, children({
|
|
114
|
-
results: results.length && searchTerm ? results : [],
|
|
115
|
-
loading
|
|
116
|
-
})));
|
|
117
|
-
};
|
|
118
|
-
SearchPublishedContent.propTypes = {
|
|
119
|
-
entities: PropTypes.array,
|
|
120
|
-
children: PropTypes.func.isRequired,
|
|
121
|
-
resultKeys: PropTypes.string,
|
|
122
|
-
getIsOpenSearchBar: PropTypes.func,
|
|
123
|
-
SearchIcon: PropTypes.func,
|
|
124
|
-
CloseIcon: PropTypes.func,
|
|
125
|
-
onChange: PropTypes.func,
|
|
126
|
-
onEnterPress: PropTypes.func,
|
|
127
|
-
className: PropTypes.string,
|
|
128
|
-
placeholder: PropTypes.string,
|
|
129
|
-
inputRef: PropTypes.object,
|
|
130
|
-
isSearchBarOpen: PropTypes.bool,
|
|
131
|
-
fields: PropTypes.array
|
|
132
|
-
};
|
|
133
|
-
SearchPublishedContent.defaultProps = {
|
|
134
|
-
entities: ['published_page'],
|
|
135
|
-
placeholder: '',
|
|
136
|
-
resultKeys: DEFAULT_RESULTS_KEYS,
|
|
137
|
-
onChange: () => {},
|
|
138
|
-
onEnterPress: () => {},
|
|
139
|
-
getIsOpenSearchBar: state => state,
|
|
140
|
-
SearchIcon: () => /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(MdSearch, null)),
|
|
141
|
-
CloseIcon: () => /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(MdClose, null)),
|
|
142
|
-
className: '',
|
|
143
|
-
inputRef: null,
|
|
144
|
-
isSearchBarOpen: null,
|
|
145
|
-
fields: []
|
|
146
|
-
};
|
|
147
|
-
export default SearchPublishedContent;
|
|
148
|
-
//# sourceMappingURL=SearchPublishedContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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","createElement","onKeyPress","type","ref","role","onClick","id","title","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 if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n setQueryParams({ value: `${debouncedSearchTerm}*` });\n setPreviousSearchTerm(debouncedSearchTerm);\n }\n }, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);\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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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
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,sBAAsB,MAAM,0BAA0B;AAE7D,eAAeA,sBAAsB","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
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,eAAe,MAAM,mBAAmB;AAE/C,eAAeA,eAAe","ignoreList":[]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { useState } from 'react';
|
|
2
|
-
function useLocalStorage(key, initialValue) {
|
|
3
|
-
const [storedValue, setStoredValue] = useState(() => {
|
|
4
|
-
const item = window.localStorage.getItem(key);
|
|
5
|
-
return item ? JSON.parse(item) : initialValue;
|
|
6
|
-
});
|
|
7
|
-
const setValue = value => {
|
|
8
|
-
const valueToStore = value instanceof Function ? value(storedValue) : value;
|
|
9
|
-
setStoredValue(valueToStore);
|
|
10
|
-
window.localStorage.setItem(key, JSON.stringify(valueToStore));
|
|
11
|
-
};
|
|
12
|
-
return [storedValue, setValue];
|
|
13
|
-
}
|
|
14
|
-
export default useLocalStorage;
|
|
15
|
-
//# sourceMappingURL=useLocalStorage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,QAAQ,QAAQ,OAAO;AAEhC,SAASC,eAAeA,CAACC,GAAG,EAAEC,YAAY,EAAE;EAC1C,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGL,QAAQ,CAAC,MAAM;IACnD,MAAMM,IAAI,GAAGC,MAAM,CAACC,YAAY,CAACC,OAAO,CAACP,GAAG,CAAC;IAC7C,OAAOI,IAAI,GAAGI,IAAI,CAACC,KAAK,CAACL,IAAI,CAAC,GAAGH,YAAY;EAC/C,CAAC,CAAC;EAEF,MAAMS,QAAQ,GAAGC,KAAK,IAAI;IACxB,MAAMC,YAAY,GAAGD,KAAK,YAAYE,QAAQ,GAAGF,KAAK,CAACT,WAAW,CAAC,GAAGS,KAAK;IAC3ER,cAAc,CAACS,YAAY,CAAC;IAC5BP,MAAM,CAACC,YAAY,CAACQ,OAAO,CAACd,GAAG,EAAEQ,IAAI,CAACO,SAAS,CAACH,YAAY,CAAC,CAAC;EAChE,CAAC;EAED,OAAO,CAACV,WAAW,EAAEQ,QAAQ,CAAC;AAChC;AAEA,eAAeX,eAAe","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
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,SAAS,MAAM,aAAa;AAEnC,eAAeA,SAAS","ignoreList":[]}
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
import { useState, useEffect } from 'react';
|
|
5
|
-
import { useLazyQuery } from '@apollo/client';
|
|
6
|
-
import searchQueries from '../../application/query';
|
|
7
|
-
function useSearch({
|
|
8
|
-
queryKey,
|
|
9
|
-
resultKeys,
|
|
10
|
-
entities = [],
|
|
11
|
-
fields,
|
|
12
|
-
extraFilters
|
|
13
|
-
}) {
|
|
14
|
-
const [queryParams, setParams] = useState({
|
|
15
|
-
limit: 20,
|
|
16
|
-
offset: 0,
|
|
17
|
-
value: ''
|
|
18
|
-
});
|
|
19
|
-
const [searchedValue, setSearchedValue] = useState(null);
|
|
20
|
-
const [previousEntities, setPreviousEntities] = useState([]);
|
|
21
|
-
const [previousOffset, setPreviousOffset] = useState(null);
|
|
22
|
-
const buildSearchQuery = searchQueries[queryKey];
|
|
23
|
-
const [getSearchResults, {
|
|
24
|
-
loading,
|
|
25
|
-
data = {}
|
|
26
|
-
} = {}] = useLazyQuery(buildSearchQuery({
|
|
27
|
-
resultKeys
|
|
28
|
-
}), {
|
|
29
|
-
ssr: false
|
|
30
|
-
});
|
|
31
|
-
const {
|
|
32
|
-
search
|
|
33
|
-
} = data;
|
|
34
|
-
const defaultSearch = {
|
|
35
|
-
results: [],
|
|
36
|
-
jsonResults: null,
|
|
37
|
-
total: 0
|
|
38
|
-
};
|
|
39
|
-
const {
|
|
40
|
-
results,
|
|
41
|
-
jsonResults,
|
|
42
|
-
total
|
|
43
|
-
} = search !== null && search !== void 0 ? search : defaultSearch;
|
|
44
|
-
|
|
45
|
-
// todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108
|
|
46
|
-
// without ssr: false clients can hang in ssr.
|
|
47
|
-
|
|
48
|
-
const handleQueryParams = newQueryParams => {
|
|
49
|
-
setParams(_objectSpread(_objectSpread({}, queryParams), newQueryParams));
|
|
50
|
-
};
|
|
51
|
-
useEffect(() => {
|
|
52
|
-
const {
|
|
53
|
-
limit,
|
|
54
|
-
offset,
|
|
55
|
-
value
|
|
56
|
-
} = queryParams;
|
|
57
|
-
const isNewValueSet = value && value !== searchedValue;
|
|
58
|
-
const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
|
|
59
|
-
const notSameLength = previousEntities.length !== entities.length;
|
|
60
|
-
const parsedEntities = entities.length ? entities.map(entity => ({
|
|
61
|
-
match: {
|
|
62
|
-
docType: entity
|
|
63
|
-
}
|
|
64
|
-
})) : [];
|
|
65
|
-
if (isNewValueSet || isNewOffsetSet || notSameLength) {
|
|
66
|
-
getSearchResults({
|
|
67
|
-
variables: {
|
|
68
|
-
limit,
|
|
69
|
-
offset,
|
|
70
|
-
rawQuery: {
|
|
71
|
-
query: {
|
|
72
|
-
bool: {
|
|
73
|
-
must: [{
|
|
74
|
-
query_string: {
|
|
75
|
-
query: value,
|
|
76
|
-
fields,
|
|
77
|
-
type: 'most_fields',
|
|
78
|
-
default_operator: 'AND',
|
|
79
|
-
extraFilters
|
|
80
|
-
}
|
|
81
|
-
}, {
|
|
82
|
-
bool: {
|
|
83
|
-
should: parsedEntities
|
|
84
|
-
}
|
|
85
|
-
}]
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
setSearchedValue(value);
|
|
92
|
-
setPreviousOffset(offset);
|
|
93
|
-
setPreviousEntities(entities);
|
|
94
|
-
}
|
|
95
|
-
}, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields, entities.length, previousEntities.length, extraFilters]);
|
|
96
|
-
return [{
|
|
97
|
-
searchedValue: queryParams.value,
|
|
98
|
-
loading,
|
|
99
|
-
data: {
|
|
100
|
-
results: results || jsonResults,
|
|
101
|
-
total
|
|
102
|
-
}
|
|
103
|
-
}, handleQueryParams];
|
|
104
|
-
}
|
|
105
|
-
export default useSearch;
|
|
106
|
-
//# sourceMappingURL=useSearch.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useSearch.js","names":["useState","useEffect","useLazyQuery","searchQueries","useSearch","queryKey","resultKeys","entities","fields","extraFilters","queryParams","setParams","limit","offset","value","searchedValue","setSearchedValue","previousEntities","setPreviousEntities","previousOffset","setPreviousOffset","buildSearchQuery","getSearchResults","loading","data","ssr","search","defaultSearch","results","jsonResults","total","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, extraFilters }) {\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 [getSearchResults, { loading, data = {} } = {}] = useLazyQuery(\n buildSearchQuery({ resultKeys }),\n { ssr: false }\n );\n\n const { search } = data;\n\n const defaultSearch = {\n results: [],\n jsonResults: null,\n total: 0\n };\n\n const { results, jsonResults, total } = search ?? defaultSearch;\n\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 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 extraFilters\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 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 extraFilters\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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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
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,gBAAgB,MAAM,oBAAoB;AAEjD,eAAeA,gBAAgB","ignoreList":[]}
|