@blaze-cms/plugin-search-ui 0.146.0-rc-eagle.0 → 0.146.0-rc-eagle-3.2
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/lib-es/application/query/index.js +33 -0
- package/lib-es/application/query/index.js.map +1 -0
- package/lib-es/components/SearchAdmin/RecentSearches/RecentSearches.js +38 -0
- package/lib-es/components/SearchAdmin/RecentSearches/RecentSearches.js.map +1 -0
- package/lib-es/components/SearchAdmin/RecentSearches/index.js +3 -0
- package/lib-es/components/SearchAdmin/RecentSearches/index.js.map +1 -0
- package/lib-es/components/SearchAdmin/SearchAdmin.js +147 -0
- package/lib-es/components/SearchAdmin/SearchAdmin.js.map +1 -0
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +76 -0
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +1 -0
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js +3 -0
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js.map +1 -0
- package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js +52 -0
- package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js.map +1 -0
- package/lib-es/components/SearchAdmin/SearchBar/index.js +3 -0
- package/lib-es/components/SearchAdmin/SearchBar/index.js.map +1 -0
- package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js +151 -0
- package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -0
- package/lib-es/components/SearchAdmin/SearchResults/index.js +3 -0
- package/lib-es/components/SearchAdmin/SearchResults/index.js.map +1 -0
- package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js +14 -0
- package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js.map +1 -0
- package/lib-es/components/SearchAdmin/TriggerModal/index.js +3 -0
- package/lib-es/components/SearchAdmin/TriggerModal/index.js.map +1 -0
- package/lib-es/components/SearchAdmin/index.js +3 -0
- package/lib-es/components/SearchAdmin/index.js.map +1 -0
- package/lib-es/components/SearchPublishedContent/SearchPublishedContent.js +148 -0
- package/lib-es/components/SearchPublishedContent/SearchPublishedContent.js.map +1 -0
- package/lib-es/components/SearchPublishedContent/index.js +3 -0
- package/lib-es/components/SearchPublishedContent/index.js.map +1 -0
- package/lib-es/components/useLocalStorage/index.js +3 -0
- package/lib-es/components/useLocalStorage/index.js.map +1 -0
- package/lib-es/components/useLocalStorage/useLocalStorage.js +15 -0
- package/lib-es/components/useLocalStorage/useLocalStorage.js.map +1 -0
- package/lib-es/components/useSearch/index.js +3 -0
- package/lib-es/components/useSearch/index.js.map +1 -0
- package/lib-es/components/useSearch/useSearch.js +109 -0
- package/lib-es/components/useSearch/useSearch.js.map +1 -0
- package/lib-es/components/useSearchResults/index.js +3 -0
- package/lib-es/components/useSearchResults/index.js.map +1 -0
- package/lib-es/components/useSearchResults/useSearchResults.js +53 -0
- package/lib-es/components/useSearchResults/useSearchResults.js.map +1 -0
- package/lib-es/constants.js +11 -0
- package/lib-es/constants.js.map +1 -0
- 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 +6 -0
- package/lib-es/index.js.map +1 -0
- package/package.json +12 -6
- package/CHANGELOG.md +0 -914
- package/babel.config.js +0 -3
- package/jest.config.js +0 -5
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { gql } from '@apollo/client';
|
|
2
|
+
const SEARCH_ADMIN = () => gql`
|
|
3
|
+
query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {
|
|
4
|
+
search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {
|
|
5
|
+
jsonResults
|
|
6
|
+
total
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
`;
|
|
10
|
+
const SEARCH_PUBLISHED = ({
|
|
11
|
+
resultKeys
|
|
12
|
+
}) => gql`
|
|
13
|
+
query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {
|
|
14
|
+
search: searchPublishedContent(
|
|
15
|
+
limit: $limit
|
|
16
|
+
offset: $offset
|
|
17
|
+
sort: $sort
|
|
18
|
+
rawQuery: $rawQuery
|
|
19
|
+
) {
|
|
20
|
+
results {
|
|
21
|
+
...on ContentContentInterface {
|
|
22
|
+
${resultKeys}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
total
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
`;
|
|
29
|
+
export default {
|
|
30
|
+
SEARCH_ADMIN,
|
|
31
|
+
SEARCH_PUBLISHED
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,YAAY,GAAGA,CAAA,KAAMD,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,gBAAgB,GAAGA,CAAC;EAAEC;AAAW,CAAC,KAAKH,GAAG;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAYG,UAAU;AACtB;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,eAAe;EAAEF,YAAY;EAAEC;AAAiB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
const RecentSearches = ({
|
|
4
|
+
recentSearches,
|
|
5
|
+
handleSearchTerm,
|
|
6
|
+
search
|
|
7
|
+
}) => /*#__PURE__*/React.createElement("div", {
|
|
8
|
+
className: "list list--search"
|
|
9
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
10
|
+
className: "header header--list"
|
|
11
|
+
}, /*#__PURE__*/React.createElement("h2", null, "Recent searches")), [...recentSearches].reverse().map(searchedTerm => /*#__PURE__*/React.createElement("div", {
|
|
12
|
+
key: searchedTerm,
|
|
13
|
+
role: "button",
|
|
14
|
+
className: "list__item list__item--search",
|
|
15
|
+
onClick: () => {
|
|
16
|
+
handleSearchTerm({
|
|
17
|
+
target: {
|
|
18
|
+
value: searchedTerm
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
search({
|
|
22
|
+
value: searchedTerm
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
26
|
+
className: "list__item-row list__item-row--search"
|
|
27
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
28
|
+
className: "material-icons"
|
|
29
|
+
}, "search"), /*#__PURE__*/React.createElement("div", {
|
|
30
|
+
className: "list__item-text list__item-text--search"
|
|
31
|
+
}, searchedTerm)))));
|
|
32
|
+
RecentSearches.propTypes = {
|
|
33
|
+
recentSearches: PropTypes.array.isRequired,
|
|
34
|
+
handleSearchTerm: PropTypes.func.isRequired,
|
|
35
|
+
search: PropTypes.func.isRequired
|
|
36
|
+
};
|
|
37
|
+
export default RecentSearches;
|
|
38
|
+
//# sourceMappingURL=RecentSearches.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RecentSearches.js","names":["React","PropTypes","RecentSearches","recentSearches","handleSearchTerm","search","createElement","className","reverse","map","searchedTerm","key","role","onClick","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].reverse().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,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,cAAc,GAAGA,CAAC;EAAEC,cAAc;EAAEC,gBAAgB;EAAEC;AAAO,CAAC,kBAClEL,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAmB,gBAChCP,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAqB,gBAClCP,KAAA,CAAAM,aAAA,aAAI,iBAAmB,CACpB,CAAC,EACL,CAAC,GAAGH,cAAc,CAAC,CAACK,OAAO,CAAC,CAAC,CAACC,GAAG,CAACC,YAAY,iBAC7CV,KAAA,CAAAM,aAAA;EACEK,GAAG,EAAED,YAAa;EAClBE,IAAI,EAAC,QAAQ;EACbL,SAAS,EAAC,+BAA+B;EACzCM,OAAO,EAAEA,CAAA,KAAM;IACbT,gBAAgB,CAAC;MAAEU,MAAM,EAAE;QAAEC,KAAK,EAAEL;MAAa;IAAE,CAAC,CAAC;IACrDL,MAAM,CAAC;MAAEU,KAAK,EAAEL;IAAa,CAAC,CAAC;EACjC;AAAE,gBACFV,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAuC,gBACpDP,KAAA,CAAAM,aAAA;EAAGC,SAAS,EAAC;AAAgB,GAAC,QAAS,CAAC,eACxCP,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAyC,GAAEG,YAAkB,CACzE,CACF,CACN,CACE,CACN;AAEDR,cAAc,CAACc,SAAS,GAAG;EACzBb,cAAc,EAAEF,SAAS,CAACgB,KAAK,CAACC,UAAU;EAC1Cd,gBAAgB,EAAEH,SAAS,CAACkB,IAAI,CAACD,UAAU;EAC3Cb,MAAM,EAAEJ,SAAS,CAACkB,IAAI,CAACD;AACzB,CAAC;AAED,eAAehB,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
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,cAAc,MAAM,kBAAkB;AAE7C,eAAeA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import React, { useState, useRef, useEffect } from 'react';
|
|
2
|
+
import classnames from 'classnames';
|
|
3
|
+
import { useDebounce } from '@blaze-react/utils/lib/customHooks';
|
|
4
|
+
import useLocalStorage from '../useLocalStorage';
|
|
5
|
+
import SearchBar from './SearchBar';
|
|
6
|
+
import RecentSearches from './RecentSearches';
|
|
7
|
+
import SearchResults from './SearchResults';
|
|
8
|
+
import TriggerModal from './TriggerModal';
|
|
9
|
+
import SearchAdminSideBar from './SearchAdminSideBar';
|
|
10
|
+
import useSearchResults from '../useSearchResults';
|
|
11
|
+
import { SEARCH_ADMIN } from '../../constants';
|
|
12
|
+
const SearchAdmin = () => {
|
|
13
|
+
const [searchTerm, setSearchTerm] = useState('');
|
|
14
|
+
const [openSearchSideBar, setOpenSearchSideBar] = useState(true);
|
|
15
|
+
const [entityValues, setEntityValues] = useState([]);
|
|
16
|
+
const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);
|
|
17
|
+
const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);
|
|
18
|
+
const [enableResults, setEnableResults] = useState(true);
|
|
19
|
+
const searchInputRef = useRef(null);
|
|
20
|
+
const debouncedEntityValues = useDebounce(entityValues, 500);
|
|
21
|
+
const entities = debouncedEntityValues.map(e => e.id);
|
|
22
|
+
const [{
|
|
23
|
+
loading,
|
|
24
|
+
newResults: results = [],
|
|
25
|
+
total
|
|
26
|
+
}, setQueryParams] = useSearchResults({
|
|
27
|
+
queryKey: SEARCH_ADMIN,
|
|
28
|
+
entities
|
|
29
|
+
});
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
if (searchInputRef && searchInputRef.current) {
|
|
32
|
+
searchInputRef.current.focus();
|
|
33
|
+
}
|
|
34
|
+
}, [displaySearchModalFrame]);
|
|
35
|
+
const handleSearchTerm = ({
|
|
36
|
+
target: {
|
|
37
|
+
value
|
|
38
|
+
}
|
|
39
|
+
}) => {
|
|
40
|
+
setSearchTerm(value);
|
|
41
|
+
};
|
|
42
|
+
const toggleSearchModal = () => {
|
|
43
|
+
setSearchTerm(null);
|
|
44
|
+
setEnableResults(false);
|
|
45
|
+
setDisplaySearchModalFrame(!displaySearchModalFrame);
|
|
46
|
+
};
|
|
47
|
+
const search = ({
|
|
48
|
+
value
|
|
49
|
+
}) => {
|
|
50
|
+
if (!value) return;
|
|
51
|
+
!enableResults && setEnableResults(true);
|
|
52
|
+
const MAX_RECENT_SEARCHES = 5;
|
|
53
|
+
const recentSearchesCopy = recentSearches.slice();
|
|
54
|
+
if (!recentSearchesCopy.includes(value)) {
|
|
55
|
+
recentSearchesCopy.push(value);
|
|
56
|
+
if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {
|
|
57
|
+
recentSearchesCopy.shift();
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
setRecentSearches(recentSearchesCopy);
|
|
61
|
+
setQueryParams({
|
|
62
|
+
value
|
|
63
|
+
});
|
|
64
|
+
};
|
|
65
|
+
const handleKeyDown = ({
|
|
66
|
+
key
|
|
67
|
+
}) => {
|
|
68
|
+
if (key === 'Enter') {
|
|
69
|
+
if (!searchTerm) return clear();
|
|
70
|
+
search({
|
|
71
|
+
value: searchTerm
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
const clear = () => {
|
|
76
|
+
setSearchTerm('');
|
|
77
|
+
setEnableResults(false);
|
|
78
|
+
};
|
|
79
|
+
const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {
|
|
80
|
+
'modal--show': displaySearchModalFrame
|
|
81
|
+
});
|
|
82
|
+
const searchModalSideBarClassName = classnames('modal__search__sidebar', {
|
|
83
|
+
'modal__search__sidebar--close': !openSearchSideBar
|
|
84
|
+
});
|
|
85
|
+
const isEmptySearchTermAndData = !searchTerm && !results.length;
|
|
86
|
+
const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
|
|
87
|
+
const shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
|
|
88
|
+
const handleSetEntityValues = newEntity => {
|
|
89
|
+
const entityExists = entityValues.some(entity => entity.id === newEntity.id);
|
|
90
|
+
if (entityExists) {
|
|
91
|
+
setQueryParams({
|
|
92
|
+
value: searchTerm,
|
|
93
|
+
offset: 0
|
|
94
|
+
});
|
|
95
|
+
setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));
|
|
96
|
+
} else {
|
|
97
|
+
setQueryParams({
|
|
98
|
+
value: searchTerm,
|
|
99
|
+
offset: 0
|
|
100
|
+
});
|
|
101
|
+
setEntityValues([...entityValues, newEntity]);
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
105
|
+
className: "search search--header"
|
|
106
|
+
}, /*#__PURE__*/React.createElement(TriggerModal, {
|
|
107
|
+
toggleSearchModal: toggleSearchModal
|
|
108
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
109
|
+
className: searchModalResultsClassName
|
|
110
|
+
}, displaySearchModalFrame && /*#__PURE__*/React.createElement("div", {
|
|
111
|
+
className: "modal__search"
|
|
112
|
+
}, /*#__PURE__*/React.createElement(SearchAdminSideBar, {
|
|
113
|
+
searchModalSideBarClassName: searchModalSideBarClassName,
|
|
114
|
+
openSearchSideBar: openSearchSideBar,
|
|
115
|
+
setOpenSearchSideBar: setOpenSearchSideBar,
|
|
116
|
+
handleSetEntityValues: handleSetEntityValues,
|
|
117
|
+
entityValues: entityValues,
|
|
118
|
+
setEntityValues: setEntityValues
|
|
119
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
120
|
+
className: "modal__search__content"
|
|
121
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
122
|
+
className: "modal__header modal__header--search"
|
|
123
|
+
}, /*#__PURE__*/React.createElement(SearchBar, {
|
|
124
|
+
toggleSearchModal: toggleSearchModal,
|
|
125
|
+
handleKeyDown: handleKeyDown,
|
|
126
|
+
searchInputRef: searchInputRef,
|
|
127
|
+
handleSearchTerm: handleSearchTerm,
|
|
128
|
+
searchTerm: searchTerm,
|
|
129
|
+
search: () => search({
|
|
130
|
+
value: searchTerm
|
|
131
|
+
})
|
|
132
|
+
})), shouldDisplayRecentSearches && /*#__PURE__*/React.createElement(RecentSearches, {
|
|
133
|
+
recentSearches: recentSearches,
|
|
134
|
+
handleSearchTerm: handleSearchTerm,
|
|
135
|
+
search: search
|
|
136
|
+
}), enableResults && /*#__PURE__*/React.createElement(SearchResults, {
|
|
137
|
+
currentValue: searchTerm,
|
|
138
|
+
entities: entities,
|
|
139
|
+
loading: loading,
|
|
140
|
+
results: results,
|
|
141
|
+
total: total,
|
|
142
|
+
setQueryParams: setQueryParams,
|
|
143
|
+
closeModal: toggleSearchModal
|
|
144
|
+
})))));
|
|
145
|
+
};
|
|
146
|
+
export default SearchAdmin;
|
|
147
|
+
//# sourceMappingURL=SearchAdmin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchAdmin.js","names":["React","useState","useRef","useEffect","classnames","useDebounce","useLocalStorage","SearchBar","RecentSearches","SearchResults","TriggerModal","SearchAdminSideBar","useSearchResults","SEARCH_ADMIN","SearchAdmin","searchTerm","setSearchTerm","openSearchSideBar","setOpenSearchSideBar","entityValues","setEntityValues","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","debouncedEntityValues","entities","map","e","id","loading","newResults","results","total","setQueryParams","queryKey","current","focus","handleSearchTerm","target","value","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","handleSetEntityValues","newEntity","entityExists","some","entity","offset","filter","createElement","className","currentValue","closeModal"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport SearchAdminSideBar from './SearchAdminSideBar';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [openSearchSideBar, setOpenSearchSideBar] = useState(true);\n const [entityValues, setEntityValues] = useState([]);\n const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n const [enableResults, setEnableResults] = useState(true);\n const searchInputRef = useRef(null);\n const debouncedEntityValues = useDebounce(entityValues, 500);\n const entities = debouncedEntityValues.map(e => e.id);\n const [{ loading, newResults: results = [], total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN,\n entities\n });\n\n useEffect(() => {\n if (searchInputRef && searchInputRef.current) {\n searchInputRef.current.focus();\n }\n }, [displaySearchModalFrame]);\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n\n const toggleSearchModal = () => {\n setSearchTerm(null);\n setEnableResults(false);\n setDisplaySearchModalFrame(!displaySearchModalFrame);\n };\n\n const search = ({ value }) => {\n if (!value) return;\n !enableResults && setEnableResults(true);\n const MAX_RECENT_SEARCHES = 5;\n const recentSearchesCopy = recentSearches.slice();\n\n if (!recentSearchesCopy.includes(value)) {\n recentSearchesCopy.push(value);\n if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n recentSearchesCopy.shift();\n }\n }\n\n setRecentSearches(recentSearchesCopy);\n setQueryParams({ value });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n if (!searchTerm) return clear();\n search({ value: searchTerm });\n }\n };\n\n const clear = () => {\n setSearchTerm('');\n setEnableResults(false);\n };\n\n const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n 'modal--show': displaySearchModalFrame\n });\n\n const searchModalSideBarClassName = classnames('modal__search__sidebar', {\n 'modal__search__sidebar--close': !openSearchSideBar\n });\n\n const isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n const handleSetEntityValues = newEntity => {\n const entityExists = entityValues.some(entity => entity.id === newEntity.id);\n if (entityExists) {\n setQueryParams({ value: searchTerm, offset: 0 });\n setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));\n } else {\n setQueryParams({ value: searchTerm, offset: 0 });\n setEntityValues([...entityValues, newEntity]);\n }\n };\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <div className=\"modal__search\">\n <SearchAdminSideBar\n searchModalSideBarClassName={searchModalSideBarClassName}\n openSearchSideBar={openSearchSideBar}\n setOpenSearchSideBar={setOpenSearchSideBar}\n handleSetEntityValues={handleSetEntityValues}\n entityValues={entityValues}\n setEntityValues={setEntityValues}\n />\n <div className=\"modal__search__content\">\n <div className=\"modal__header modal__header--search\">\n <SearchBar\n toggleSearchModal={toggleSearchModal}\n handleKeyDown={handleKeyDown}\n searchInputRef={searchInputRef}\n handleSearchTerm={handleSearchTerm}\n searchTerm={searchTerm}\n search={() => search({ value: searchTerm })}\n />\n </div>\n {shouldDisplayRecentSearches && (\n <RecentSearches\n recentSearches={recentSearches}\n handleSearchTerm={handleSearchTerm}\n search={search}\n />\n )}\n {enableResults && (\n <SearchResults\n currentValue={searchTerm}\n entities={entities}\n loading={loading}\n results={results}\n total={total}\n setQueryParams={setQueryParams}\n closeModal={toggleSearchModal}\n />\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { useQuery } from '@apollo/client';
|
|
3
|
+
import { getQuery } from '@blaze-cms/admin-ui-utils';
|
|
4
|
+
import { Checkbox } from '@blaze-react/checkboxes';
|
|
5
|
+
const MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];
|
|
6
|
+
const SearchAdminSideBar = ({
|
|
7
|
+
searchModalSideBarClassName,
|
|
8
|
+
openSearchSideBar,
|
|
9
|
+
setOpenSearchSideBar,
|
|
10
|
+
handleSetEntityValues,
|
|
11
|
+
entityValues,
|
|
12
|
+
setEntityValues
|
|
13
|
+
}) => {
|
|
14
|
+
const [loadMore, setLoadMore] = useState(false);
|
|
15
|
+
const {
|
|
16
|
+
data: {
|
|
17
|
+
getEntitySchemas = []
|
|
18
|
+
} = {},
|
|
19
|
+
loading
|
|
20
|
+
} = useQuery(getQuery('GET_USER_EDITABLE_ENTITIES'), {
|
|
21
|
+
variables: {
|
|
22
|
+
canDoActions: MENU_PERMISSIONS
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
if (loading) return null;
|
|
26
|
+
const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {
|
|
27
|
+
if (entity.extras && entity.extras.searchIndexes) {
|
|
28
|
+
return entity.extras.searchIndexes.includes('admin');
|
|
29
|
+
}
|
|
30
|
+
return false;
|
|
31
|
+
});
|
|
32
|
+
const entitiesToShow = filteredEntitiesSchemas.slice(0, loadMore ? filteredEntitiesSchemas.length : 5);
|
|
33
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
34
|
+
className: searchModalSideBarClassName
|
|
35
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
36
|
+
className: "modal__search__sidebar__button",
|
|
37
|
+
role: "button",
|
|
38
|
+
onClick: () => setOpenSearchSideBar(!openSearchSideBar)
|
|
39
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
40
|
+
className: "material-icons"
|
|
41
|
+
}, openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right')), /*#__PURE__*/React.createElement("div", {
|
|
42
|
+
className: "modal__search__sidebar__container"
|
|
43
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
44
|
+
className: "modal__search__sidebar__wrapper"
|
|
45
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
46
|
+
className: "modal__search__sidebar__filters"
|
|
47
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
48
|
+
className: "material-icons modal__search__sidebar__icon"
|
|
49
|
+
}, "tune"), /*#__PURE__*/React.createElement("span", null, "Filters")), /*#__PURE__*/React.createElement("div", {
|
|
50
|
+
className: "modal__search__sidebar__clear",
|
|
51
|
+
role: "button",
|
|
52
|
+
onClick: () => setEntityValues([])
|
|
53
|
+
}, /*#__PURE__*/React.createElement("span", null, "Clear all"), /*#__PURE__*/React.createElement("i", {
|
|
54
|
+
className: "material-icons modal__search__sidebar__icon--clear"
|
|
55
|
+
}, "replay"))), /*#__PURE__*/React.createElement("div", {
|
|
56
|
+
className: "modal__search__sidebar__entity-list"
|
|
57
|
+
}, /*#__PURE__*/React.createElement("h1", null, "Entity list"), entitiesToShow.map(entity => /*#__PURE__*/React.createElement(Checkbox, {
|
|
58
|
+
checked: entityValues.some(_entity => _entity.id === entity.id),
|
|
59
|
+
label: entity.displayName,
|
|
60
|
+
id: entity.id,
|
|
61
|
+
name: entity.id,
|
|
62
|
+
onChange: ({
|
|
63
|
+
value: {
|
|
64
|
+
checked
|
|
65
|
+
}
|
|
66
|
+
}) => handleSetEntityValues(entity)
|
|
67
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
68
|
+
className: "modal__search__sidebar__more",
|
|
69
|
+
role: "button",
|
|
70
|
+
onClick: () => setLoadMore(!loadMore)
|
|
71
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
72
|
+
className: "material-icons"
|
|
73
|
+
}, !loadMore ? 'navigate_next' : 'expand_less'), /*#__PURE__*/React.createElement("span", null, loadMore ? 'Less' : 'More')))));
|
|
74
|
+
};
|
|
75
|
+
export default SearchAdminSideBar;
|
|
76
|
+
//# sourceMappingURL=SearchAdminSideBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchAdminSideBar.js","names":["React","useState","useQuery","getQuery","Checkbox","MENU_PERMISSIONS","SearchAdminSideBar","searchModalSideBarClassName","openSearchSideBar","setOpenSearchSideBar","handleSetEntityValues","entityValues","setEntityValues","loadMore","setLoadMore","data","getEntitySchemas","loading","variables","canDoActions","filteredEntitiesSchemas","filter","entity","extras","searchIndexes","includes","entitiesToShow","slice","length","createElement","className","role","onClick","map","checked","some","_entity","id","label","displayName","name","onChange","value"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Checkbox } from '@blaze-react/checkboxes';\n\nconst MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];\n\nconst SearchAdminSideBar = ({\n searchModalSideBarClassName,\n openSearchSideBar,\n setOpenSearchSideBar,\n handleSetEntityValues,\n entityValues,\n setEntityValues\n}) => {\n const [loadMore, setLoadMore] = useState(false);\n const { data: { getEntitySchemas = [] } = {}, loading } = useQuery(\n getQuery('GET_USER_EDITABLE_ENTITIES'),\n {\n variables: {\n canDoActions: MENU_PERMISSIONS\n }\n }\n );\n\n if (loading) return null;\n\n const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {\n if (entity.extras && entity.extras.searchIndexes) {\n return entity.extras.searchIndexes.includes('admin');\n }\n return false;\n });\n\n const entitiesToShow = filteredEntitiesSchemas.slice(\n 0,\n loadMore ? filteredEntitiesSchemas.length : 5\n );\n\n return (\n <div className={searchModalSideBarClassName}>\n <div\n className=\"modal__search__sidebar__button\"\n role=\"button\"\n onClick={() => setOpenSearchSideBar(!openSearchSideBar)}>\n <i className=\"material-icons\">\n {openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right'}\n </i>\n </div>\n <div className=\"modal__search__sidebar__container\">\n <div className=\"modal__search__sidebar__wrapper\">\n <div className=\"modal__search__sidebar__filters\">\n <i className=\"material-icons modal__search__sidebar__icon\">tune</i>\n <span>Filters</span>\n </div>\n <div\n className=\"modal__search__sidebar__clear\"\n role=\"button\"\n onClick={() => setEntityValues([])}>\n <span>Clear all</span>\n <i className=\"material-icons modal__search__sidebar__icon--clear\">replay</i>\n </div>\n </div>\n <div className=\"modal__search__sidebar__entity-list\">\n <h1>Entity list</h1>\n {entitiesToShow.map(entity => (\n <Checkbox\n checked={entityValues.some(_entity => _entity.id === entity.id)}\n label={entity.displayName}\n id={entity.id}\n name={entity.id}\n onChange={({ value: { checked } }) => handleSetEntityValues(entity)}\n />\n ))}\n <div\n className=\"modal__search__sidebar__more\"\n role=\"button\"\n onClick={() => setLoadMore(!loadMore)}>\n <i className=\"material-icons\">{!loadMore ? 'navigate_next' : 'expand_less'}</i>\n <span>{loadMore ? 'Less' : 'More'}</span>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default SearchAdminSideBar;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchAdminSideBar"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/index.js"],"sourcesContent":["import SearchAdminSideBar from './SearchAdminSideBar';\n\nexport default SearchAdminSideBar;\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,sBAAsB;AAErD,eAAeA,kBAAkB","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
const SearchBar = ({
|
|
4
|
+
handleKeyDown,
|
|
5
|
+
searchInputRef,
|
|
6
|
+
handleSearchTerm,
|
|
7
|
+
searchTerm,
|
|
8
|
+
toggleSearchModal,
|
|
9
|
+
close,
|
|
10
|
+
search,
|
|
11
|
+
placeholder
|
|
12
|
+
}) => /*#__PURE__*/React.createElement("div", {
|
|
13
|
+
className: "search__wrapper"
|
|
14
|
+
}, /*#__PURE__*/React.createElement("input", {
|
|
15
|
+
onKeyDown: handleKeyDown,
|
|
16
|
+
ref: searchInputRef,
|
|
17
|
+
placeholder: placeholder,
|
|
18
|
+
type: "text",
|
|
19
|
+
onChange: handleSearchTerm,
|
|
20
|
+
value: searchTerm
|
|
21
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
22
|
+
onClick: search,
|
|
23
|
+
role: "button",
|
|
24
|
+
className: "icon-button icon-button--search icon-button--toggle"
|
|
25
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
26
|
+
className: "material-icons"
|
|
27
|
+
}, "search")), close && /*#__PURE__*/React.createElement("div", {
|
|
28
|
+
className: "modal__close"
|
|
29
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
30
|
+
className: "material-icons",
|
|
31
|
+
onClick: toggleSearchModal,
|
|
32
|
+
role: "button"
|
|
33
|
+
}, "close")));
|
|
34
|
+
SearchBar.propTypes = {
|
|
35
|
+
close: PropTypes.bool,
|
|
36
|
+
handleKeyDown: PropTypes.func.isRequired,
|
|
37
|
+
searchInputRef: PropTypes.object,
|
|
38
|
+
handleSearchTerm: PropTypes.func.isRequired,
|
|
39
|
+
searchTerm: PropTypes.string,
|
|
40
|
+
toggleSearchModal: PropTypes.func,
|
|
41
|
+
search: PropTypes.func.isRequired,
|
|
42
|
+
placeholder: PropTypes.string
|
|
43
|
+
};
|
|
44
|
+
SearchBar.defaultProps = {
|
|
45
|
+
searchTerm: '',
|
|
46
|
+
close: true,
|
|
47
|
+
placeholder: 'Search...',
|
|
48
|
+
toggleSearchModal: null,
|
|
49
|
+
searchInputRef: null
|
|
50
|
+
};
|
|
51
|
+
export default SearchBar;
|
|
52
|
+
//# sourceMappingURL=SearchBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchBar"],"sources":["../../../../src/components/SearchAdmin/SearchBar/index.js"],"sourcesContent":["import SearchBar from './SearchBar';\n\nexport default SearchBar;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AAEnC,eAAeA,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,151 @@
|
|
|
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_ELEMENTS_HEIGHT_ABOVE_LIST, SEARCH_RESULTS_HEIGHT_OFFSET, 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_ELEMENTS_HEIGHT_ABOVE_LIST - SEARCH_RESULTS_HEIGHT_OFFSET,
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchResults.js","names":["React","useState","useEffect","PropTypes","VirtualList","withRouter","SEARCH_RESULTS_OVER_SCAN_BUFFER","SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_HEIGHT_OFFSET","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_ELEMENTS_HEIGHT_ABOVE_LIST,\n SEARCH_RESULTS_HEIGHT_OFFSET,\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={\n window.innerHeight -\n SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST -\n SEARCH_RESULTS_HEIGHT_OFFSET\n }\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":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchResults"],"sources":["../../../../src/components/SearchAdmin/SearchResults/index.js"],"sourcesContent":["import SearchResults from './SearchResults';\n\nexport default SearchResults;\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,iBAAiB;AAE3C,eAAeA,aAAa","ignoreList":[]}
|