@blaze-cms/plugin-search-ui 0.129.0-project-admin-customisations.1 → 0.129.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 +6 -14
- package/lib/components/SearchAdmin/SearchAdmin.js +12 -57
- package/lib/components/SearchAdmin/SearchAdmin.js.map +1 -1
- package/lib/components/SearchAdmin/SearchResults/SearchResults.js +6 -18
- package/lib/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
- package/lib/components/useSearch/useSearch.js +5 -11
- package/lib/components/useSearch/useSearch.js.map +1 -1
- package/lib/components/useSearchResults/useSearchResults.js +19 -1
- package/lib/components/useSearchResults/useSearchResults.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchAdmin.js +3 -31
- package/lib-es/components/SearchAdmin/SearchAdmin.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js +6 -18
- package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
- package/lib-es/components/useSearch/useSearch.js +2 -5
- package/lib-es/components/useSearch/useSearch.js.map +1 -1
- package/lib-es/components/useSearchResults/useSearchResults.js +11 -1
- package/lib-es/components/useSearchResults/useSearchResults.js.map +1 -1
- package/package.json +6 -6
- package/src/components/SearchAdmin/SearchAdmin.js +40 -70
- package/src/components/SearchAdmin/SearchResults/SearchResults.js +6 -42
- package/src/components/useSearch/useSearch.js +2 -8
- package/src/components/useSearchResults/useSearchResults.js +15 -1
- package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +0 -113
- package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +0 -1
- package/lib/components/SearchAdmin/SearchAdminSideBar/index.js +0 -12
- package/lib/components/SearchAdmin/SearchAdminSideBar/index.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/src/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +0 -88
- package/src/components/SearchAdmin/SearchAdminSideBar/index.js +0 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
# [0.129.0
|
|
6
|
+
# [0.129.0](https://github.com/thebyte9/blaze/compare/v0.129.0-alpha.1...v0.129.0) (2023-05-23)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @blaze-cms/plugin-search-ui
|
|
9
9
|
|
|
@@ -11,25 +11,17 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
# [0.129.0-
|
|
14
|
+
# [0.129.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.129.0-alpha.0...v0.129.0-alpha.1) (2023-05-17)
|
|
15
15
|
|
|
16
|
+
**Note:** Version bump only for package @blaze-cms/plugin-search-ui
|
|
16
17
|
|
|
17
|
-
### Bug Fixes
|
|
18
18
|
|
|
19
|
-
* add updated searchAdmin test ([4db3178](https://github.com/thebyte9/blaze/commit/4db3178f8c95182d107a1d151a793a0987c8d7b8))
|
|
20
|
-
* update tests ([f86218f](https://github.com/thebyte9/blaze/commit/f86218f88a7348f68a07685a8f49ba459aac1b1b))
|
|
21
|
-
* update tests ([8fd2675](https://github.com/thebyte9/blaze/commit/8fd2675624126e5a23ecc0af3202d08c46667441))
|
|
22
19
|
|
|
23
20
|
|
|
24
|
-
### Features
|
|
25
21
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
* add search sidebar filter by entity ([e8b5423](https://github.com/thebyte9/blaze/commit/e8b542354ce47143635411da07bb640b91bf7fdf))
|
|
30
|
-
* add updated snapshots ([a0444bd](https://github.com/thebyte9/blaze/commit/a0444bd0d4e2f78753ac069067d39f3f6e741832))
|
|
31
|
-
* amend PR and fix scroll loop issue ([8583497](https://github.com/thebyte9/blaze/commit/85834974cafb45bb87f00f14a99b3fae3a818cfb))
|
|
32
|
-
* remove duplicated search results and add usedebounce to improve search performance ([9aad827](https://github.com/thebyte9/blaze/commit/9aad827e7e5aaf3be84d34343d79e6b1ecbead2c))
|
|
22
|
+
# [0.129.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.128.2...v0.129.0-alpha.0) (2023-05-10)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @blaze-cms/plugin-search-ui
|
|
33
25
|
|
|
34
26
|
|
|
35
27
|
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.array.iterator.js");
|
|
4
|
+
require("core-js/modules/es.object.to-string.js");
|
|
4
5
|
require("core-js/modules/es.string.iterator.js");
|
|
5
6
|
require("core-js/modules/es.weak-map.js");
|
|
6
7
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
@@ -12,25 +13,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
12
13
|
value: true
|
|
13
14
|
});
|
|
14
15
|
exports["default"] = void 0;
|
|
15
|
-
require("core-js/modules/es.array.map.js");
|
|
16
16
|
require("core-js/modules/es.array.slice.js");
|
|
17
17
|
require("core-js/modules/es.array.includes.js");
|
|
18
18
|
require("core-js/modules/es.string.includes.js");
|
|
19
|
-
require("core-js/modules/es.array.some.js");
|
|
20
|
-
require("core-js/modules/es.object.to-string.js");
|
|
21
|
-
require("core-js/modules/es.array.filter.js");
|
|
22
|
-
require("core-js/modules/es.array.concat.js");
|
|
23
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
24
19
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
25
20
|
var _react = _interopRequireWildcard(require("react"));
|
|
26
21
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
27
|
-
var _customHooks = require("@blaze-react/utils/lib/customHooks");
|
|
28
22
|
var _useLocalStorage3 = _interopRequireDefault(require("../useLocalStorage"));
|
|
29
23
|
var _SearchBar = _interopRequireDefault(require("./SearchBar"));
|
|
30
24
|
var _RecentSearches = _interopRequireDefault(require("./RecentSearches"));
|
|
31
25
|
var _SearchResults = _interopRequireDefault(require("./SearchResults"));
|
|
32
26
|
var _TriggerModal = _interopRequireDefault(require("./TriggerModal"));
|
|
33
|
-
var _SearchAdminSideBar = _interopRequireDefault(require("./SearchAdminSideBar"));
|
|
34
27
|
var _useSearchResults3 = _interopRequireDefault(require("../useSearchResults"));
|
|
35
28
|
var _constants = require("../../constants");
|
|
36
29
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -40,33 +33,21 @@ var SearchAdmin = function SearchAdmin() {
|
|
|
40
33
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
41
34
|
searchTerm = _useState2[0],
|
|
42
35
|
setSearchTerm = _useState2[1];
|
|
43
|
-
var _useState3 = (0, _react.useState)(true),
|
|
44
|
-
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
45
|
-
openSearchSideBar = _useState4[0],
|
|
46
|
-
setOpenSearchSideBar = _useState4[1];
|
|
47
|
-
var _useState5 = (0, _react.useState)([]),
|
|
48
|
-
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
49
|
-
entityValues = _useState6[0],
|
|
50
|
-
setEntityValues = _useState6[1];
|
|
51
36
|
var _useLocalStorage = (0, _useLocalStorage3["default"])('recentSearches', []),
|
|
52
37
|
_useLocalStorage2 = (0, _slicedToArray2["default"])(_useLocalStorage, 2),
|
|
53
38
|
recentSearches = _useLocalStorage2[0],
|
|
54
39
|
setRecentSearches = _useLocalStorage2[1];
|
|
55
|
-
var
|
|
56
|
-
|
|
57
|
-
displaySearchModalFrame =
|
|
58
|
-
setDisplaySearchModalFrame =
|
|
59
|
-
var
|
|
60
|
-
|
|
61
|
-
enableResults =
|
|
62
|
-
setEnableResults =
|
|
40
|
+
var _useState3 = (0, _react.useState)(false),
|
|
41
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
42
|
+
displaySearchModalFrame = _useState4[0],
|
|
43
|
+
setDisplaySearchModalFrame = _useState4[1];
|
|
44
|
+
var _useState5 = (0, _react.useState)(true),
|
|
45
|
+
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
46
|
+
enableResults = _useState6[0],
|
|
47
|
+
setEnableResults = _useState6[1];
|
|
63
48
|
var searchInputRef = (0, _react.useRef)(null);
|
|
64
|
-
var debouncedEntityValues = (0, _customHooks.useDebounce)(entityValues, 500);
|
|
65
49
|
var _useSearchResults = (0, _useSearchResults3["default"])({
|
|
66
|
-
queryKey: _constants.SEARCH_ADMIN
|
|
67
|
-
entities: debouncedEntityValues.map(function (e) {
|
|
68
|
-
return e.id;
|
|
69
|
-
})
|
|
50
|
+
queryKey: _constants.SEARCH_ADMIN
|
|
70
51
|
}),
|
|
71
52
|
_useSearchResults2 = (0, _slicedToArray2["default"])(_useSearchResults, 2),
|
|
72
53
|
_useSearchResults2$ = _useSearchResults2[0],
|
|
@@ -121,43 +102,17 @@ var SearchAdmin = function SearchAdmin() {
|
|
|
121
102
|
var searchModalResultsClassName = (0, _classnames["default"])('modal modal--full-screen modal--search', {
|
|
122
103
|
'modal--show': displaySearchModalFrame
|
|
123
104
|
});
|
|
124
|
-
var searchModalSideBarClassName = (0, _classnames["default"])('modal__search__sidebar', {
|
|
125
|
-
'modal__search__sidebar--close': !openSearchSideBar
|
|
126
|
-
});
|
|
127
105
|
var isEmptySearchTermAndData = !searchTerm && !results.length;
|
|
128
106
|
var isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
|
|
129
107
|
var shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
|
|
130
108
|
var showResults = enableResults && results.length;
|
|
131
|
-
var handleSetEntityValues = function handleSetEntityValues(newEntity) {
|
|
132
|
-
var entityExists = entityValues.some(function (entity) {
|
|
133
|
-
return entity.id === newEntity.id;
|
|
134
|
-
});
|
|
135
|
-
if (entityExists) {
|
|
136
|
-
setEntityValues(entityValues.filter(function (entity) {
|
|
137
|
-
return entity.id !== newEntity.id;
|
|
138
|
-
}));
|
|
139
|
-
} else {
|
|
140
|
-
setEntityValues([].concat((0, _toConsumableArray2["default"])(entityValues), [newEntity]));
|
|
141
|
-
}
|
|
142
|
-
};
|
|
143
109
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
144
110
|
className: "search search--header"
|
|
145
111
|
}, /*#__PURE__*/_react["default"].createElement(_TriggerModal["default"], {
|
|
146
112
|
toggleSearchModal: toggleSearchModal
|
|
147
113
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
148
114
|
className: searchModalResultsClassName
|
|
149
|
-
}, displaySearchModalFrame && /*#__PURE__*/_react["default"].createElement("div", {
|
|
150
|
-
className: "modal__search"
|
|
151
|
-
}, /*#__PURE__*/_react["default"].createElement(_SearchAdminSideBar["default"], {
|
|
152
|
-
searchModalSideBarClassName: searchModalSideBarClassName,
|
|
153
|
-
openSearchSideBar: openSearchSideBar,
|
|
154
|
-
setOpenSearchSideBar: setOpenSearchSideBar,
|
|
155
|
-
handleSetEntityValues: handleSetEntityValues,
|
|
156
|
-
entityValues: entityValues,
|
|
157
|
-
setEntityValues: setEntityValues
|
|
158
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
159
|
-
className: "modal__search__content"
|
|
160
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
115
|
+
}, displaySearchModalFrame && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
161
116
|
className: "modal__header modal__header--search"
|
|
162
117
|
}, /*#__PURE__*/_react["default"].createElement(_SearchBar["default"], {
|
|
163
118
|
toggleSearchModal: toggleSearchModal,
|
|
@@ -186,7 +141,7 @@ var SearchAdmin = function SearchAdmin() {
|
|
|
186
141
|
total: total,
|
|
187
142
|
setQueryParams: setQueryParams,
|
|
188
143
|
closeModal: toggleSearchModal
|
|
189
|
-
}))))
|
|
144
|
+
}))));
|
|
190
145
|
};
|
|
191
146
|
var _default = SearchAdmin;
|
|
192
147
|
exports["default"] = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchAdmin.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_customHooks","_useLocalStorage3","_SearchBar","_RecentSearches","_SearchResults","_TriggerModal","_SearchAdminSideBar","_useSearchResults3","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchAdmin","_useState","useState","_useState2","_slicedToArray2","searchTerm","setSearchTerm","_useState3","_useState4","openSearchSideBar","setOpenSearchSideBar","_useState5","_useState6","entityValues","setEntityValues","_useLocalStorage","useLocalStorage","_useLocalStorage2","recentSearches","setRecentSearches","_useState7","_useState8","displaySearchModalFrame","setDisplaySearchModalFrame","_useState9","_useState10","enableResults","setEnableResults","searchInputRef","useRef","debouncedEntityValues","useDebounce","_useSearchResults","useSearchResults","queryKey","SEARCH_ADMIN","entities","map","e","id","_useSearchResults2","_useSearchResults2$","loading","results","total","setQueryParams","useEffect","current","focus","handleSearchTerm","_ref","value","target","toggleSearchModal","search","_ref2","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","_ref3","clear","searchModalResultsClassName","classnames","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults","handleSetEntityValues","newEntity","entityExists","some","entity","filter","concat","_toConsumableArray2","createElement","className","Fragment","currentValue","closeModal","_default","exports"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport SearchAdminSideBar from './SearchAdminSideBar';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [openSearchSideBar, setOpenSearchSideBar] = useState(true);\n const [entityValues, setEntityValues] = useState([]);\n\n const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n const [enableResults, setEnableResults] = useState(true);\n const searchInputRef = useRef(null);\n const debouncedEntityValues = useDebounce(entityValues, 500);\n const [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN,\n entities: debouncedEntityValues.map(e => e.id)\n });\n\n useEffect(\n () => {\n if (searchInputRef && searchInputRef.current) {\n searchInputRef.current.focus();\n }\n },\n [displaySearchModalFrame]\n );\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n const toggleSearchModal = () => {\n setSearchTerm(null);\n setEnableResults(false);\n setDisplaySearchModalFrame(!displaySearchModalFrame);\n };\n const search = ({ value }) => {\n if (!value) return;\n !enableResults && setEnableResults(true);\n const MAX_RECENT_SEARCHES = 5;\n const recentSearchesCopy = recentSearches.slice();\n\n if (!recentSearchesCopy.includes(value)) {\n recentSearchesCopy.push(value);\n if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n recentSearchesCopy.shift();\n }\n }\n\n setRecentSearches(recentSearchesCopy);\n setQueryParams({ value });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n if (!searchTerm) return clear();\n search({ value: searchTerm });\n }\n };\n\n const clear = () => {\n setSearchTerm('');\n setEnableResults(false);\n };\n\n const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n 'modal--show': displaySearchModalFrame\n });\n\n const searchModalSideBarClassName = classnames('modal__search__sidebar', {\n 'modal__search__sidebar--close': !openSearchSideBar\n });\n\n const isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n const showResults = enableResults && results.length;\n\n const handleSetEntityValues = newEntity => {\n const entityExists = entityValues.some(entity => entity.id === newEntity.id);\n if (entityExists) {\n setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));\n } else {\n setEntityValues([...entityValues, newEntity]);\n }\n };\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <div className=\"modal__search\">\n <SearchAdminSideBar\n searchModalSideBarClassName={searchModalSideBarClassName}\n openSearchSideBar={openSearchSideBar}\n setOpenSearchSideBar={setOpenSearchSideBar}\n handleSetEntityValues={handleSetEntityValues}\n entityValues={entityValues}\n setEntityValues={setEntityValues}\n />\n <div className=\"modal__search__content\">\n <div className=\"modal__header modal__header--search\">\n <SearchBar\n toggleSearchModal={toggleSearchModal}\n handleKeyDown={handleKeyDown}\n searchInputRef={searchInputRef}\n handleSearchTerm={handleSearchTerm}\n searchTerm={searchTerm}\n search={() => search({ value: searchTerm })}\n />\n </div>\n {shouldDisplayRecentSearches ? (\n <RecentSearches\n recentSearches={recentSearches}\n handleSearchTerm={handleSearchTerm}\n search={search}\n />\n ) : (\n <>\n {!showResults && (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>No Results</h2>\n </div>\n </div>\n )}\n </>\n )}\n {showResults && (\n <SearchResults\n currentValue={searchTerm}\n searchTerm={searchTerm}\n loading={loading}\n results={results}\n total={total}\n setQueryParams={setQueryParams}\n closeModal={toggleSearchModal}\n />\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SearchAdmin.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_useLocalStorage3","_SearchBar","_RecentSearches","_SearchResults","_TriggerModal","_useSearchResults3","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchAdmin","_useState","useState","_useState2","_slicedToArray2","searchTerm","setSearchTerm","_useLocalStorage","useLocalStorage","_useLocalStorage2","recentSearches","setRecentSearches","_useState3","_useState4","displaySearchModalFrame","setDisplaySearchModalFrame","_useState5","_useState6","enableResults","setEnableResults","searchInputRef","useRef","_useSearchResults","useSearchResults","queryKey","SEARCH_ADMIN","_useSearchResults2","_useSearchResults2$","loading","results","total","setQueryParams","useEffect","current","focus","handleSearchTerm","_ref","value","target","toggleSearchModal","search","_ref2","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","_ref3","clear","searchModalResultsClassName","classnames","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults","createElement","className","Fragment","currentValue","closeModal","_default","exports"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n const [enableResults, setEnableResults] = useState(true);\n const searchInputRef = useRef(null);\n const [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN\n });\n\n useEffect(\n () => {\n if (searchInputRef && searchInputRef.current) {\n searchInputRef.current.focus();\n }\n },\n [displaySearchModalFrame]\n );\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n const toggleSearchModal = () => {\n setSearchTerm(null);\n setEnableResults(false);\n setDisplaySearchModalFrame(!displaySearchModalFrame);\n };\n const search = ({ value }) => {\n if (!value) return;\n !enableResults && setEnableResults(true);\n const MAX_RECENT_SEARCHES = 5;\n const recentSearchesCopy = recentSearches.slice();\n\n if (!recentSearchesCopy.includes(value)) {\n recentSearchesCopy.push(value);\n if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n recentSearchesCopy.shift();\n }\n }\n\n setRecentSearches(recentSearchesCopy);\n setQueryParams({ value });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n if (!searchTerm) return clear();\n search({ value: searchTerm });\n }\n };\n\n const clear = () => {\n setSearchTerm('');\n setEnableResults(false);\n };\n\n const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n 'modal--show': displaySearchModalFrame\n });\n\n const isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n const showResults = enableResults && results.length;\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <>\n <div className=\"modal__header modal__header--search\">\n <SearchBar\n toggleSearchModal={toggleSearchModal}\n handleKeyDown={handleKeyDown}\n searchInputRef={searchInputRef}\n handleSearchTerm={handleSearchTerm}\n searchTerm={searchTerm}\n search={() => search({ value: searchTerm })}\n />\n </div>\n {shouldDisplayRecentSearches ? (\n <RecentSearches\n recentSearches={recentSearches}\n handleSearchTerm={handleSearchTerm}\n search={search}\n />\n ) : (\n <>\n {!showResults && (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>No Results</h2>\n </div>\n </div>\n )}\n </>\n )}\n {showResults && (\n <SearchResults\n currentValue={searchTerm}\n searchTerm={searchTerm}\n loading={loading}\n results={results}\n total={total}\n setQueryParams={setQueryParams}\n closeModal={toggleSearchModal}\n />\n )}\n </>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
|
|
@@ -101,9 +101,7 @@ var SearchResults = function SearchResults(_ref) {
|
|
|
101
101
|
className: "modal__content modal__content--search"
|
|
102
102
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
103
103
|
className: "header header--list"
|
|
104
|
-
}, /*#__PURE__*/_react["default"].createElement("h2", {
|
|
105
|
-
className: "header--list--results"
|
|
106
|
-
}, "About ", /*#__PURE__*/_react["default"].createElement("b", null, total), " search keywords results")), /*#__PURE__*/_react["default"].createElement(_reactTinyVirtualList["default"], {
|
|
104
|
+
}, /*#__PURE__*/_react["default"].createElement("h2", null, total, " results")), /*#__PURE__*/_react["default"].createElement(_reactTinyVirtualList["default"], {
|
|
107
105
|
width: "100%",
|
|
108
106
|
height: window.innerHeight - _constants.SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,
|
|
109
107
|
itemCount: results.length,
|
|
@@ -118,14 +116,8 @@ var SearchResults = function SearchResults(_ref) {
|
|
|
118
116
|
id = _results$index.id,
|
|
119
117
|
docType = _results$index.docType,
|
|
120
118
|
updated = _results$index.updated,
|
|
121
|
-
name = _results$index.name
|
|
122
|
-
entityIdentifier = _results$index.entityIdentifier,
|
|
123
|
-
published = _results$index.published,
|
|
124
|
-
created = _results$index.created,
|
|
125
|
-
status = _results$index.status;
|
|
119
|
+
name = _results$index.name;
|
|
126
120
|
var updatedDate = updated ? getDateFormat(updated) : null;
|
|
127
|
-
var createdDate = created ? getDateFormat(created) : null;
|
|
128
|
-
var publishedDate = published ? getDateFormat(published) : null;
|
|
129
121
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
130
122
|
key: index,
|
|
131
123
|
style: style,
|
|
@@ -135,8 +127,8 @@ var SearchResults = function SearchResults(_ref) {
|
|
|
135
127
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
136
128
|
className: "list__item-row list__item-row--result"
|
|
137
129
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
138
|
-
className: "
|
|
139
|
-
},
|
|
130
|
+
className: "badge badge--primary"
|
|
131
|
+
}, docType, " ", updatedDate), /*#__PURE__*/_react["default"].createElement("a", {
|
|
140
132
|
href: getNavigationRoute({
|
|
141
133
|
id: id,
|
|
142
134
|
docType: docType
|
|
@@ -147,12 +139,8 @@ var SearchResults = function SearchResults(_ref) {
|
|
|
147
139
|
docType: docType
|
|
148
140
|
});
|
|
149
141
|
},
|
|
150
|
-
className: "list__item-
|
|
151
|
-
}, name)
|
|
152
|
-
className: "list__item-dates"
|
|
153
|
-
}, publishedDate && /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("b", null, "Published: "), publishedDate), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("b", null, "Created: "), createdDate), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("b", null, "Updated: "), updatedDate)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
154
|
-
className: "list__item-status"
|
|
155
|
-
}, status && /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("b", null, "Status: "), status)))));
|
|
142
|
+
className: "list__item-text list__item-text--result"
|
|
143
|
+
}, name))));
|
|
156
144
|
}
|
|
157
145
|
})));
|
|
158
146
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchResults.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactTinyVirtualList","_reactRouterDom","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchResults","_ref","currentValue","loading","results","total","setQueryParams","closeModal","history","_useState","useState","_useState2","_slicedToArray2","verifiedRanges","setVerifiedRanges","_useState3","_useState4","currentIndex","setCurrentIndex","handleRenderedItems","_ref3","_asyncToGenerator2","_regenerator","mark","_callee","_ref2","startIndex","rowsLength","loadIndex","wrap","_callee$","_context","prev","next","length","Math","floor","SEARCH_RESULTS_OVER_SCAN_BUFFER","includes","value","offset","concat","_toConsumableArray2","stop","_x","apply","arguments","getNavigationRoute","_ref4","id","docType","FILE","navigate","_ref5","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","createElement","Fragment","className","width","height","window","innerHeight","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","itemCount","itemSize","SEARCH_RESULTS_ITEM_SIZE","overscanCount","scrollToIndex","onItemsRendered","renderItem","_ref6","index","style","_results$index","updated","name","entityIdentifier","published","created","status","updatedDate","createdDate","publishedDate","href","onClick","propTypes","PropTypes","bool","isRequired","array","number","func","object","string","_default","withRouter","exports"],"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { withRouter } from 'react-router-dom';\nimport {\n SEARCH_RESULTS_OVER_SCAN_BUFFER,\n SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n SEARCH_RESULTS_ITEM_SIZE,\n FILE\n} from '../../../constants';\n\nconst SearchResults = ({\n currentValue,\n loading,\n results,\n total,\n setQueryParams,\n closeModal,\n history\n}) => {\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [currentIndex, setCurrentIndex] = useState(0);\n\n const handleRenderedItems = async ({ startIndex }) => {\n const rowsLength = results.length;\n const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;\n if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n setQueryParams({ value: currentValue, offset: results.length });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);\n }\n };\n\n const getNavigationRoute = ({ id, docType }) =>\n docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;\n\n const navigate = ({ id, docType }) => {\n history.push(getNavigationRoute({ id, docType }));\n closeModal();\n };\n\n const getDateFormat = date => {\n const newDate = new Date(date);\n const day = `0${newDate.getDate()}`.slice(-2);\n const month = `0${newDate.getMonth() + 1}`.slice(-2);\n const year = String(newDate.getYear()).slice(-2);\n return `${day}.${month}.${year}`;\n };\n\n return (\n <>\n {loading && <span>Loading...</span>}\n <div className=\"modal__content modal__content--search\">\n <div className=\"header header--list\">\n <h2 className=\"header--list--results\">\n About <b>{total}</b> search keywords results\n </h2>\n </div>\n <VirtualList\n width=\"100%\"\n height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}\n itemCount={results.length}\n itemSize={SEARCH_RESULTS_ITEM_SIZE}\n overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}\n scrollToIndex={currentIndex}\n onItemsRendered={handleRenderedItems}\n renderItem={({ index, style }) => {\n const {\n id,\n docType,\n updated,\n name,\n entityIdentifier,\n published,\n created,\n status\n } = results[index];\n const updatedDate = updated ? getDateFormat(updated) : null;\n const createdDate = created ? getDateFormat(created) : null;\n const publishedDate = published ? getDateFormat(published) : null;\n return (\n <div key={index} style={style} className=\"list__item--resultWrapper\">\n <div className=\"list__item list__item--result\">\n <div className=\"list__item-row list__item-row--result\">\n <span className=\"list__item-identifier\">{entityIdentifier}</span>\n <a\n href={getNavigationRoute({\n id,\n docType\n })}\n onClick={() =>\n navigate({\n id,\n docType\n })\n }\n className=\"list__item-link\">\n {name}\n </a>\n\n <div className=\"list__item-dates\">\n {publishedDate && (\n <span>\n <b>Published: </b>\n {publishedDate}\n </span>\n )}\n <span>\n <b>Created: </b>\n {createdDate}\n </span>\n <span>\n <b>Updated: </b>\n {updatedDate}\n </span>\n </div>\n <div className=\"list__item-status\">\n {status && (\n <span>\n <b>Status: </b>\n {status}\n </span>\n )}\n </div>\n </div>\n </div>\n </div>\n );\n }}\n />\n </div>\n </>\n );\n};\n\nSearchResults.propTypes = {\n loading: PropTypes.bool.isRequired,\n results: PropTypes.array.isRequired,\n total: PropTypes.number.isRequired,\n setQueryParams: PropTypes.func.isRequired,\n closeModal: PropTypes.func.isRequired,\n history: PropTypes.object.isRequired,\n currentValue: PropTypes.string.isRequired\n};\n\nexport default withRouter(SearchResults);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SearchResults.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactTinyVirtualList","_reactRouterDom","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchResults","_ref","currentValue","loading","results","total","setQueryParams","closeModal","history","_useState","useState","_useState2","_slicedToArray2","verifiedRanges","setVerifiedRanges","_useState3","_useState4","currentIndex","setCurrentIndex","handleRenderedItems","_ref3","_asyncToGenerator2","_regenerator","mark","_callee","_ref2","startIndex","rowsLength","loadIndex","wrap","_callee$","_context","prev","next","length","Math","floor","SEARCH_RESULTS_OVER_SCAN_BUFFER","includes","value","offset","concat","_toConsumableArray2","stop","_x","apply","arguments","getNavigationRoute","_ref4","id","docType","FILE","navigate","_ref5","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","createElement","Fragment","className","width","height","window","innerHeight","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","itemCount","itemSize","SEARCH_RESULTS_ITEM_SIZE","overscanCount","scrollToIndex","onItemsRendered","renderItem","_ref6","index","style","_results$index","updated","name","updatedDate","href","onClick","propTypes","PropTypes","bool","isRequired","array","number","func","object","string","_default","withRouter","exports"],"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { withRouter } from 'react-router-dom';\nimport {\n SEARCH_RESULTS_OVER_SCAN_BUFFER,\n SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n SEARCH_RESULTS_ITEM_SIZE,\n FILE\n} from '../../../constants';\n\nconst SearchResults = ({\n currentValue,\n loading,\n results,\n total,\n setQueryParams,\n closeModal,\n history\n}) => {\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [currentIndex, setCurrentIndex] = useState(0);\n\n const handleRenderedItems = async ({ startIndex }) => {\n const rowsLength = results.length;\n const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;\n if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n setQueryParams({ value: currentValue, offset: results.length });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);\n }\n };\n\n const getNavigationRoute = ({ id, docType }) =>\n docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;\n\n const navigate = ({ id, docType }) => {\n history.push(getNavigationRoute({ id, docType }));\n closeModal();\n };\n\n const getDateFormat = date => {\n const newDate = new Date(date);\n const day = `0${newDate.getDate()}`.slice(-2);\n const month = `0${newDate.getMonth() + 1}`.slice(-2);\n const year = String(newDate.getYear()).slice(-2);\n return `${day}.${month}.${year}`;\n };\n\n return (\n <>\n {loading && <span>Loading...</span>}\n <div className=\"modal__content modal__content--search\">\n <div className=\"header header--list\">\n <h2>{total} results</h2>\n </div>\n <VirtualList\n width=\"100%\"\n height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}\n itemCount={results.length}\n itemSize={SEARCH_RESULTS_ITEM_SIZE}\n overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}\n scrollToIndex={currentIndex}\n onItemsRendered={handleRenderedItems}\n renderItem={({ index, style }) => {\n const { id, docType, updated, name } = results[index];\n const updatedDate = updated ? getDateFormat(updated) : null;\n return (\n <div key={index} style={style} className=\"list__item--resultWrapper\">\n <div className=\"list__item list__item--result\">\n <div className=\"list__item-row list__item-row--result\">\n <span className=\"badge badge--primary\">\n {docType} {updatedDate}\n </span>\n <a\n href={getNavigationRoute({\n id,\n docType\n })}\n onClick={() =>\n navigate({\n id,\n docType\n })\n }\n className=\"list__item-text list__item-text--result\">\n {name}\n </a>\n </div>\n </div>\n </div>\n );\n }}\n />\n </div>\n </>\n );\n};\n\nSearchResults.propTypes = {\n loading: PropTypes.bool.isRequired,\n results: PropTypes.array.isRequired,\n total: PropTypes.number.isRequired,\n setQueryParams: PropTypes.func.isRequired,\n closeModal: PropTypes.func.isRequired,\n history: PropTypes.object.isRequired,\n currentValue: PropTypes.string.isRequired\n};\n\nexport default withRouter(SearchResults);\n"],"mappings":"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"}
|
|
@@ -43,14 +43,10 @@ function useSearch(_ref) {
|
|
|
43
43
|
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
44
44
|
searchedValue = _useState4[0],
|
|
45
45
|
setSearchedValue = _useState4[1];
|
|
46
|
-
var _useState5 = (0, _react.useState)(
|
|
46
|
+
var _useState5 = (0, _react.useState)(null),
|
|
47
47
|
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
var _useState7 = (0, _react.useState)(null),
|
|
51
|
-
_useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
|
|
52
|
-
previousOffset = _useState8[0],
|
|
53
|
-
setPreviousOffset = _useState8[1];
|
|
48
|
+
previousOffset = _useState6[0],
|
|
49
|
+
setPreviousOffset = _useState6[1];
|
|
54
50
|
var buildSearchQuery = _query["default"][queryKey];
|
|
55
51
|
var _useLazyQuery = (0, _client.useLazyQuery)(buildSearchQuery({
|
|
56
52
|
resultKeys: resultKeys
|
|
@@ -84,7 +80,6 @@ function useSearch(_ref) {
|
|
|
84
80
|
value = queryParams.value;
|
|
85
81
|
var isNewValueSet = value && value !== searchedValue;
|
|
86
82
|
var isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
|
|
87
|
-
var notSameLength = en.length !== entities.length;
|
|
88
83
|
var parsedEntities = entities.length ? entities.map(function (entity) {
|
|
89
84
|
return {
|
|
90
85
|
match: {
|
|
@@ -92,7 +87,7 @@ function useSearch(_ref) {
|
|
|
92
87
|
}
|
|
93
88
|
};
|
|
94
89
|
}) : [];
|
|
95
|
-
if (isNewValueSet || isNewOffsetSet
|
|
90
|
+
if (isNewValueSet || isNewOffsetSet) {
|
|
96
91
|
getSearchResults({
|
|
97
92
|
variables: {
|
|
98
93
|
limit: limit,
|
|
@@ -119,9 +114,8 @@ function useSearch(_ref) {
|
|
|
119
114
|
});
|
|
120
115
|
setSearchedValue(value);
|
|
121
116
|
setPreviousOffset(offset);
|
|
122
|
-
setEn(entities);
|
|
123
117
|
}
|
|
124
|
-
}, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields
|
|
118
|
+
}, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields]);
|
|
125
119
|
return [{
|
|
126
120
|
searchedValue: queryParams.value,
|
|
127
121
|
loading: loading,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSearch.js","names":["_react","require","_client","_query","_interopRequireDefault","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useSearch","_ref","queryKey","resultKeys","_ref$entities","entities","fields","_useState","useState","limit","offset","value","_useState2","_slicedToArray2","queryParams","setParams","_useState3","_useState4","searchedValue","setSearchedValue","_useState5","_useState6","
|
|
1
|
+
{"version":3,"file":"useSearch.js","names":["_react","require","_client","_query","_interopRequireDefault","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useSearch","_ref","queryKey","resultKeys","_ref$entities","entities","fields","_useState","useState","limit","offset","value","_useState2","_slicedToArray2","queryParams","setParams","_useState3","_useState4","searchedValue","setSearchedValue","_useState5","_useState6","previousOffset","setPreviousOffset","buildSearchQuery","searchQueries","_useLazyQuery","useLazyQuery","ssr","_useLazyQuery2","getSearchResults","_useLazyQuery2$","loading","_useLazyQuery2$$data","data","_useLazyQuery2$$data2","search","results","total","_useLazyQuery2$$data3","jsonResults","handleQueryParams","newQueryParams","useEffect","isNewValueSet","isNewOffsetSet","parsedEntities","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","default_operator","should","_default","exports"],"sources":["../../../src/components/useSearch/useSearch.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useLazyQuery } from '@apollo/client';\nimport searchQueries from '../../application/query';\n\nfunction useSearch({ queryKey, resultKeys, entities = [], fields }) {\n const [queryParams, setParams] = useState({ limit: 20, offset: 0, value: '' });\n const [searchedValue, setSearchedValue] = useState(null);\n const [previousOffset, setPreviousOffset] = useState(null);\n const buildSearchQuery = searchQueries[queryKey];\n const [\n getSearchResults,\n {\n loading,\n data: { search: { results, jsonResults, total } } = {\n search: { results: [], total: 0 }\n }\n }\n ] = useLazyQuery(buildSearchQuery({ resultKeys }), { ssr: false });\n // todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108\n // without ssr: false clients can hang in ssr.\n\n const handleQueryParams = newQueryParams => {\n setParams({ ...queryParams, ...newQueryParams });\n };\n\n useEffect(\n () => {\n const { limit, offset, value } = queryParams;\n const isNewValueSet = value && value !== searchedValue;\n const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n const parsedEntities = entities.length\n ? entities.map(entity => ({\n match: { docType: entity }\n }))\n : [];\n\n if (isNewValueSet || isNewOffsetSet) {\n getSearchResults({\n variables: {\n limit,\n offset,\n rawQuery: {\n query: {\n bool: {\n must: [\n {\n query_string: {\n query: value,\n fields,\n type: 'most_fields',\n default_operator: 'AND'\n }\n },\n {\n bool: {\n should: parsedEntities\n }\n }\n ]\n }\n }\n }\n }\n });\n setSearchedValue(value);\n setPreviousOffset(offset);\n }\n },\n [\n queryParams,\n queryParams.limit,\n queryParams.value,\n queryParams.offset,\n searchedValue,\n previousOffset,\n getSearchResults,\n entities,\n fields\n ]\n );\n\n return [\n { searchedValue: queryParams.value, loading, data: { results: results || jsonResults, total } },\n handleQueryParams\n ];\n}\n\nexport default useSearch;\n"],"mappings":"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"}
|
|
@@ -15,8 +15,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
15
15
|
value: true
|
|
16
16
|
});
|
|
17
17
|
exports["default"] = void 0;
|
|
18
|
+
require("core-js/modules/es.array.concat.js");
|
|
18
19
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
20
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
19
21
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
22
|
+
var _react = require("react");
|
|
20
23
|
var _useSearch3 = _interopRequireDefault(require("../useSearch"));
|
|
21
24
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
22
25
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -39,7 +42,22 @@ function useSearchResults(_ref) {
|
|
|
39
42
|
results = _useSearch2$$data.results,
|
|
40
43
|
total = _useSearch2$$data.total,
|
|
41
44
|
setParams = _useSearch2[1];
|
|
45
|
+
var _useState = (0, _react.useState)([]),
|
|
46
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
47
|
+
currentResults = _useState2[0],
|
|
48
|
+
setCurrentResults = _useState2[1];
|
|
49
|
+
var _useState3 = (0, _react.useState)([]),
|
|
50
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
51
|
+
allResults = _useState4[0],
|
|
52
|
+
setAllResults = _useState4[1];
|
|
53
|
+
(0, _react.useEffect)(function () {
|
|
54
|
+
if (currentResults.length !== results.length) {
|
|
55
|
+
setAllResults([].concat((0, _toConsumableArray2["default"])(allResults), (0, _toConsumableArray2["default"])(results)));
|
|
56
|
+
setCurrentResults(results);
|
|
57
|
+
}
|
|
58
|
+
}, [allResults, currentResults, currentResults.length, results]);
|
|
42
59
|
var clearList = function clearList(params) {
|
|
60
|
+
setAllResults([]);
|
|
43
61
|
setParams(_objectSpread(_objectSpread({}, params), {}, {
|
|
44
62
|
offset: 0
|
|
45
63
|
}));
|
|
@@ -49,7 +67,7 @@ function useSearchResults(_ref) {
|
|
|
49
67
|
};
|
|
50
68
|
return [{
|
|
51
69
|
loading: loading,
|
|
52
|
-
results:
|
|
70
|
+
results: allResults,
|
|
53
71
|
total: total
|
|
54
72
|
}, setQueryParams];
|
|
55
73
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSearchResults.js","names":["
|
|
1
|
+
{"version":3,"file":"useSearchResults.js","names":["_react","require","_useSearch3","_interopRequireDefault","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useSearchResults","_ref","queryKey","resultKeys","entities","fields","_useSearch","useSearch","_useSearch2","_slicedToArray2","_useSearch2$","searchedValue","loading","_useSearch2$$data","data","results","total","setParams","_useState","useState","_useState2","currentResults","setCurrentResults","_useState3","_useState4","allResults","setAllResults","useEffect","concat","_toConsumableArray2","clearList","params","offset","setQueryParams","value","_default","exports"],"sources":["../../../src/components/useSearchResults/useSearchResults.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport useSearch from '../useSearch';\n\nfunction useSearchResults({ queryKey, resultKeys, entities, fields }) {\n const [\n {\n searchedValue,\n loading,\n data: { results, total }\n },\n setParams\n ] = useSearch({ queryKey, resultKeys, entities, fields });\n const [currentResults, setCurrentResults] = useState([]);\n const [allResults, setAllResults] = useState([]);\n\n useEffect(\n () => {\n if (currentResults.length !== results.length) {\n setAllResults([...allResults, ...results]);\n setCurrentResults(results);\n }\n },\n [allResults, currentResults, currentResults.length, results]\n );\n\n const clearList = params => {\n setAllResults([]);\n setParams({ ...params, offset: 0 });\n };\n\n const setQueryParams = params => {\n params.value !== searchedValue ? clearList(params) : setParams(params);\n };\n\n return [{ loading, results: allResults, total }, setQueryParams];\n}\n\nexport default useSearchResults;\n"],"mappings":"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"}
|
|
@@ -1,30 +1,24 @@
|
|
|
1
1
|
import React, { useState, useRef, useEffect } from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import { useDebounce } from '@blaze-react/utils/lib/customHooks';
|
|
4
3
|
import useLocalStorage from '../useLocalStorage';
|
|
5
4
|
import SearchBar from './SearchBar';
|
|
6
5
|
import RecentSearches from './RecentSearches';
|
|
7
6
|
import SearchResults from './SearchResults';
|
|
8
7
|
import TriggerModal from './TriggerModal';
|
|
9
|
-
import SearchAdminSideBar from './SearchAdminSideBar';
|
|
10
8
|
import useSearchResults from '../useSearchResults';
|
|
11
9
|
import { SEARCH_ADMIN } from '../../constants';
|
|
12
10
|
const SearchAdmin = () => {
|
|
13
11
|
const [searchTerm, setSearchTerm] = useState('');
|
|
14
|
-
const [openSearchSideBar, setOpenSearchSideBar] = useState(true);
|
|
15
|
-
const [entityValues, setEntityValues] = useState([]);
|
|
16
12
|
const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);
|
|
17
13
|
const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);
|
|
18
14
|
const [enableResults, setEnableResults] = useState(true);
|
|
19
15
|
const searchInputRef = useRef(null);
|
|
20
|
-
const debouncedEntityValues = useDebounce(entityValues, 500);
|
|
21
16
|
const [{
|
|
22
17
|
loading,
|
|
23
18
|
results,
|
|
24
19
|
total
|
|
25
20
|
}, setQueryParams] = useSearchResults({
|
|
26
|
-
queryKey: SEARCH_ADMIN
|
|
27
|
-
entities: debouncedEntityValues.map(e => e.id)
|
|
21
|
+
queryKey: SEARCH_ADMIN
|
|
28
22
|
});
|
|
29
23
|
useEffect(() => {
|
|
30
24
|
if (searchInputRef && searchInputRef.current) {
|
|
@@ -78,39 +72,17 @@ const SearchAdmin = () => {
|
|
|
78
72
|
const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {
|
|
79
73
|
'modal--show': displaySearchModalFrame
|
|
80
74
|
});
|
|
81
|
-
const searchModalSideBarClassName = classnames('modal__search__sidebar', {
|
|
82
|
-
'modal__search__sidebar--close': !openSearchSideBar
|
|
83
|
-
});
|
|
84
75
|
const isEmptySearchTermAndData = !searchTerm && !results.length;
|
|
85
76
|
const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
|
|
86
77
|
const shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
|
|
87
78
|
const showResults = enableResults && results.length;
|
|
88
|
-
const handleSetEntityValues = newEntity => {
|
|
89
|
-
const entityExists = entityValues.some(entity => entity.id === newEntity.id);
|
|
90
|
-
if (entityExists) {
|
|
91
|
-
setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));
|
|
92
|
-
} else {
|
|
93
|
-
setEntityValues([...entityValues, newEntity]);
|
|
94
|
-
}
|
|
95
|
-
};
|
|
96
79
|
return /*#__PURE__*/React.createElement("div", {
|
|
97
80
|
className: "search search--header"
|
|
98
81
|
}, /*#__PURE__*/React.createElement(TriggerModal, {
|
|
99
82
|
toggleSearchModal: toggleSearchModal
|
|
100
83
|
}), /*#__PURE__*/React.createElement("div", {
|
|
101
84
|
className: searchModalResultsClassName
|
|
102
|
-
}, displaySearchModalFrame && /*#__PURE__*/React.createElement("div", {
|
|
103
|
-
className: "modal__search"
|
|
104
|
-
}, /*#__PURE__*/React.createElement(SearchAdminSideBar, {
|
|
105
|
-
searchModalSideBarClassName: searchModalSideBarClassName,
|
|
106
|
-
openSearchSideBar: openSearchSideBar,
|
|
107
|
-
setOpenSearchSideBar: setOpenSearchSideBar,
|
|
108
|
-
handleSetEntityValues: handleSetEntityValues,
|
|
109
|
-
entityValues: entityValues,
|
|
110
|
-
setEntityValues: setEntityValues
|
|
111
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
112
|
-
className: "modal__search__content"
|
|
113
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
85
|
+
}, displaySearchModalFrame && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
114
86
|
className: "modal__header modal__header--search"
|
|
115
87
|
}, /*#__PURE__*/React.createElement(SearchBar, {
|
|
116
88
|
toggleSearchModal: toggleSearchModal,
|
|
@@ -137,7 +109,7 @@ const SearchAdmin = () => {
|
|
|
137
109
|
total: total,
|
|
138
110
|
setQueryParams: setQueryParams,
|
|
139
111
|
closeModal: toggleSearchModal
|
|
140
|
-
}))))
|
|
112
|
+
}))));
|
|
141
113
|
};
|
|
142
114
|
export default SearchAdmin;
|
|
143
115
|
//# sourceMappingURL=SearchAdmin.js.map
|