@blaze-cms/plugin-search-ui 0.124.0 → 0.125.0-admin-updates.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -0
- package/lib/components/SearchAdmin/RecentSearches/RecentSearches.js.map +1 -1
- package/lib/components/SearchAdmin/SearchAdmin.js +70 -13
- package/lib/components/SearchAdmin/SearchAdmin.js.map +1 -1
- package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +143 -0
- package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +1 -0
- package/lib/components/SearchAdmin/SearchAdminSideBar/index.js +16 -0
- package/lib/components/SearchAdmin/SearchAdminSideBar/index.js.map +1 -0
- package/lib/components/SearchAdmin/SearchBar/SearchBar.js.map +1 -1
- package/lib/components/SearchAdmin/SearchResults/SearchResults.js +18 -6
- package/lib/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
- package/lib/components/SearchAdmin/TriggerModal/TriggerModal.js.map +1 -1
- package/lib/components/SearchPublishedContent/SearchPublishedContent.js +1 -1
- package/lib/components/SearchPublishedContent/SearchPublishedContent.js.map +1 -1
- package/lib/components/useLocalStorage/useLocalStorage.js.map +1 -1
- package/lib/components/useSearch/useSearch.js +14 -6
- package/lib/components/useSearch/useSearch.js.map +1 -1
- package/lib/components/useSearchResults/useSearchResults.js +1 -25
- package/lib/components/useSearchResults/useSearchResults.js.map +1 -1
- package/lib/hooks/useDebounceSearch.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchAdmin.js +34 -3
- package/lib-es/components/SearchAdmin/SearchAdmin.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +79 -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/SearchResults/SearchResults.js +18 -6
- package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
- package/lib-es/components/SearchPublishedContent/SearchPublishedContent.js +1 -1
- package/lib-es/components/SearchPublishedContent/SearchPublishedContent.js.map +1 -1
- package/lib-es/components/useSearch/useSearch.js +7 -3
- package/lib-es/components/useSearch/useSearch.js.map +1 -1
- package/lib-es/components/useSearchResults/useSearchResults.js +1 -11
- package/lib-es/components/useSearchResults/useSearchResults.js.map +1 -1
- package/package.json +3 -3
- package/src/components/SearchAdmin/SearchAdmin.js +70 -40
- package/src/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +88 -0
- package/src/components/SearchAdmin/SearchAdminSideBar/index.js +3 -0
- package/src/components/SearchAdmin/SearchResults/SearchResults.js +42 -6
- package/src/components/SearchPublishedContent/SearchPublishedContent.js +1 -1
- package/src/components/useSearch/useSearch.js +10 -3
- package/src/components/useSearchResults/useSearchResults.js +1 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchPublishedContent.js","names":["SearchPublishedContent","entities","children","resultKeys","getIsOpenSearchBar","SearchIcon","CloseIcon","className","onChange","placeholder","onEnterPress","inputRef","isSearchBarOpen","fields","displaySearchBar","setDisplaySearchBar","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","queryKey","SEARCH_PUBLISHED","loading","results","setQueryParams","current","focus","value","handleOnChange","target","handleKeyPress","event","onEnter","key","handleSearchBar","voidSearchTerm","searchWrapperClassname","triggerClassname","open","SEARCH_BUTTON","length","propTypes","PropTypes","array","func","isRequired","string","object","bool","defaultProps","DEFAULT_RESULTS_KEYS","state"],"sources":["../../../src/components/SearchPublishedContent/SearchPublishedContent.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { MdClose, MdSearch } from 'react-icons/md';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';\n\nconst SearchPublishedContent = ({\n entities,\n children,\n resultKeys,\n getIsOpenSearchBar,\n SearchIcon,\n CloseIcon,\n className,\n onChange,\n placeholder,\n onEnterPress,\n inputRef,\n isSearchBarOpen,\n fields\n}) => {\n const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);\n const [searchTerm, setSearchTerm] = useState('');\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n const [{ loading, results }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_PUBLISHED,\n resultKeys,\n entities,\n fields\n });\n\n useEffect(\n () => {\n if (isSearchBarOpen !== displaySearchBar) {\n setDisplaySearchBar(isSearchBarOpen);\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isSearchBarOpen]\n );\n\n useEffect(\n () => {\n if (inputRef && inputRef.current && displaySearchBar) {\n inputRef.current.focus();\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [displaySearchBar]\n );\n\n useEffect(\n () => {\n if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n setQueryParams({ value: debouncedSearchTerm });\n setPreviousSearchTerm(debouncedSearchTerm);\n }\n },\n [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n );\n\n const handleOnChange = ({ target: { value = '' } = {} }) => {\n onChange(value);\n setSearchTerm(value);\n };\n\n const handleKeyPress = event => {\n const onEnter = event.key === 'Enter';\n onEnter && onEnterPress();\n };\n\n const handleSearchBar = () => {\n const voidSearchTerm = '';\n displaySearchBar && setSearchTerm(voidSearchTerm);\n handleOnChange({ value: voidSearchTerm });\n if (isSearchBarOpen !== null) {\n getIsOpenSearchBar(!displaySearchBar);\n }\n setDisplaySearchBar(!displaySearchBar);\n };\n\n const searchWrapperClassname = classnames('search__wrapper', {\n 'search__wrapper--toggle-display': displaySearchBar,\n 'search__wrapper--toggle': !displaySearchBar\n });\n\n const triggerClassname = classnames('search__icon', {\n open: displaySearchBar\n });\n\n return (\n <div className={`search-wrapper ${className}`}>\n <div className=\"search search--header search--toggle\">\n <div className={searchWrapperClassname}>\n <input\n data-testid=\"search-input\"\n onKeyPress={handleKeyPress}\n placeholder={placeholder}\n type=\"text\"\n onChange={handleOnChange}\n value={searchTerm}\n ref={inputRef}\n />\n <button type=\"button\" className=\"icon-button icon-button--search icon-button--toggle\">\n <SearchIcon />\n </button>\n </div>\n <div\n role=\"button\"\n className={triggerClassname}\n onClick={handleSearchBar}\n id={SEARCH_BUTTON}\n title={SEARCH_BUTTON}>\n {!displaySearchBar ? <SearchIcon /> : <CloseIcon />}\n </div>\n </div>\n <div className=\"search-modal\">\n {children({ results: results.length && searchTerm ? results : [], loading })}\n </div>\n </div>\n );\n};\n\nSearchPublishedContent.propTypes = {\n entities: PropTypes.array,\n children: PropTypes.func.isRequired,\n resultKeys: PropTypes.string,\n getIsOpenSearchBar: PropTypes.func,\n SearchIcon: PropTypes.func,\n CloseIcon: PropTypes.func,\n onChange: PropTypes.func,\n onEnterPress: PropTypes.func,\n className: PropTypes.string,\n placeholder: PropTypes.string,\n inputRef: PropTypes.object,\n isSearchBarOpen: PropTypes.bool,\n fields: PropTypes.array\n};\n\nSearchPublishedContent.defaultProps = {\n entities: ['published_page'],\n placeholder: '',\n resultKeys: DEFAULT_RESULTS_KEYS,\n onChange: () => {},\n onEnterPress: () => {},\n getIsOpenSearchBar: state => state,\n SearchIcon: () => (\n <i>\n <MdSearch />\n </i>\n ),\n CloseIcon: () => (\n <i>\n <MdClose />\n </i>\n ),\n className: '',\n inputRef: null,\n isSearchBarOpen: null,\n fields: []\n};\n\nexport default SearchPublishedContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAczB;EAAA,IAbJC,QAaI,QAbJA,QAaI;EAAA,IAZJC,QAYI,QAZJA,QAYI;EAAA,IAXJC,UAWI,QAXJA,UAWI;EAAA,IAVJC,kBAUI,QAVJA,kBAUI;EAAA,IATJC,UASI,QATJA,UASI;EAAA,IARJC,SAQI,QARJA,SAQI;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,IALJC,WAKI,QALJA,WAKI;EAAA,IAJJC,YAII,QAJJA,YAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,eAEI,QAFJA,eAEI;EAAA,IADJC,MACI,QADJA,MACI;;EACJ,gBAAgD,
|
|
1
|
+
{"version":3,"file":"SearchPublishedContent.js","names":["SearchPublishedContent","entities","children","resultKeys","getIsOpenSearchBar","SearchIcon","CloseIcon","className","onChange","placeholder","onEnterPress","inputRef","isSearchBarOpen","fields","useState","displaySearchBar","setDisplaySearchBar","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","useDebounce","useSearchResults","queryKey","SEARCH_PUBLISHED","loading","results","setQueryParams","useEffect","current","focus","value","handleOnChange","target","handleKeyPress","event","onEnter","key","handleSearchBar","voidSearchTerm","searchWrapperClassname","classnames","triggerClassname","open","SEARCH_BUTTON","length","propTypes","PropTypes","array","func","isRequired","string","object","bool","defaultProps","DEFAULT_RESULTS_KEYS","state"],"sources":["../../../src/components/SearchPublishedContent/SearchPublishedContent.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { MdClose, MdSearch } from 'react-icons/md';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';\n\nconst SearchPublishedContent = ({\n entities,\n children,\n resultKeys,\n getIsOpenSearchBar,\n SearchIcon,\n CloseIcon,\n className,\n onChange,\n placeholder,\n onEnterPress,\n inputRef,\n isSearchBarOpen,\n fields\n}) => {\n const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);\n const [searchTerm, setSearchTerm] = useState('');\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n const [{ loading, results }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_PUBLISHED,\n resultKeys,\n entities,\n fields\n });\n\n useEffect(\n () => {\n if (isSearchBarOpen !== displaySearchBar) {\n setDisplaySearchBar(isSearchBarOpen);\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isSearchBarOpen]\n );\n\n useEffect(\n () => {\n if (inputRef && inputRef.current && displaySearchBar) {\n inputRef.current.focus();\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [displaySearchBar]\n );\n\n useEffect(\n () => {\n if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n setQueryParams({ value: `${debouncedSearchTerm}*` });\n setPreviousSearchTerm(debouncedSearchTerm);\n }\n },\n [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n );\n\n const handleOnChange = ({ target: { value = '' } = {} }) => {\n onChange(value);\n setSearchTerm(value);\n };\n\n const handleKeyPress = event => {\n const onEnter = event.key === 'Enter';\n onEnter && onEnterPress();\n };\n\n const handleSearchBar = () => {\n const voidSearchTerm = '';\n displaySearchBar && setSearchTerm(voidSearchTerm);\n handleOnChange({ value: voidSearchTerm });\n if (isSearchBarOpen !== null) {\n getIsOpenSearchBar(!displaySearchBar);\n }\n setDisplaySearchBar(!displaySearchBar);\n };\n\n const searchWrapperClassname = classnames('search__wrapper', {\n 'search__wrapper--toggle-display': displaySearchBar,\n 'search__wrapper--toggle': !displaySearchBar\n });\n\n const triggerClassname = classnames('search__icon', {\n open: displaySearchBar\n });\n\n return (\n <div className={`search-wrapper ${className}`}>\n <div className=\"search search--header search--toggle\">\n <div className={searchWrapperClassname}>\n <input\n data-testid=\"search-input\"\n onKeyPress={handleKeyPress}\n placeholder={placeholder}\n type=\"text\"\n onChange={handleOnChange}\n value={searchTerm}\n ref={inputRef}\n />\n <button type=\"button\" className=\"icon-button icon-button--search icon-button--toggle\">\n <SearchIcon />\n </button>\n </div>\n <div\n role=\"button\"\n className={triggerClassname}\n onClick={handleSearchBar}\n id={SEARCH_BUTTON}\n title={SEARCH_BUTTON}>\n {!displaySearchBar ? <SearchIcon /> : <CloseIcon />}\n </div>\n </div>\n <div className=\"search-modal\">\n {children({ results: results.length && searchTerm ? results : [], loading })}\n </div>\n </div>\n );\n};\n\nSearchPublishedContent.propTypes = {\n entities: PropTypes.array,\n children: PropTypes.func.isRequired,\n resultKeys: PropTypes.string,\n getIsOpenSearchBar: PropTypes.func,\n SearchIcon: PropTypes.func,\n CloseIcon: PropTypes.func,\n onChange: PropTypes.func,\n onEnterPress: PropTypes.func,\n className: PropTypes.string,\n placeholder: PropTypes.string,\n inputRef: PropTypes.object,\n isSearchBarOpen: PropTypes.bool,\n fields: PropTypes.array\n};\n\nSearchPublishedContent.defaultProps = {\n entities: ['published_page'],\n placeholder: '',\n resultKeys: DEFAULT_RESULTS_KEYS,\n onChange: () => {},\n onEnterPress: () => {},\n getIsOpenSearchBar: state => state,\n SearchIcon: () => (\n <i>\n <MdSearch />\n </i>\n ),\n CloseIcon: () => (\n <i>\n <MdClose />\n </i>\n ),\n className: '',\n inputRef: null,\n isSearchBarOpen: null,\n fields: []\n};\n\nexport default SearchPublishedContent;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLocalStorage.js","names":["useLocalStorage","key","initialValue","item","window","localStorage","getItem","JSON","parse","storedValue","setStoredValue","setValue","value","valueToStore","Function","setItem","stringify"],"sources":["../../../src/components/useLocalStorage/useLocalStorage.js"],"sourcesContent":["import { useState } from 'react';\n\nfunction useLocalStorage(key, initialValue) {\n const [storedValue, setStoredValue] = useState(() => {\n const item = window.localStorage.getItem(key);\n return item ? JSON.parse(item) : initialValue;\n });\n\n const setValue = value => {\n const valueToStore = value instanceof Function ? value(storedValue) : value;\n setStoredValue(valueToStore);\n window.localStorage.setItem(key, JSON.stringify(valueToStore));\n };\n\n return [storedValue, setValue];\n}\n\nexport default useLocalStorage;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA,SAASA,eAAT,CAAyBC,GAAzB,EAA8BC,YAA9B,EAA4C;EAC1C,gBAAsC,
|
|
1
|
+
{"version":3,"file":"useLocalStorage.js","names":["useLocalStorage","key","initialValue","useState","item","window","localStorage","getItem","JSON","parse","storedValue","setStoredValue","setValue","value","valueToStore","Function","setItem","stringify"],"sources":["../../../src/components/useLocalStorage/useLocalStorage.js"],"sourcesContent":["import { useState } from 'react';\n\nfunction useLocalStorage(key, initialValue) {\n const [storedValue, setStoredValue] = useState(() => {\n const item = window.localStorage.getItem(key);\n return item ? JSON.parse(item) : initialValue;\n });\n\n const setValue = value => {\n const valueToStore = value instanceof Function ? value(storedValue) : value;\n setStoredValue(valueToStore);\n window.localStorage.setItem(key, JSON.stringify(valueToStore));\n };\n\n return [storedValue, setValue];\n}\n\nexport default useLocalStorage;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA,SAASA,eAAT,CAAyBC,GAAzB,EAA8BC,YAA9B,EAA4C;EAC1C,gBAAsC,IAAAC,eAAA,EAAS,YAAM;IACnD,IAAMC,IAAI,GAAGC,MAAM,CAACC,YAAP,CAAoBC,OAApB,CAA4BN,GAA5B,CAAb;IACA,OAAOG,IAAI,GAAGI,IAAI,CAACC,KAAL,CAAWL,IAAX,CAAH,GAAsBF,YAAjC;EACD,CAHqC,CAAtC;EAAA;EAAA,IAAOQ,WAAP;EAAA,IAAoBC,cAApB;;EAKA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,KAAK,EAAI;IACxB,IAAMC,YAAY,GAAGD,KAAK,YAAYE,QAAjB,GAA4BF,KAAK,CAACH,WAAD,CAAjC,GAAiDG,KAAtE;IACAF,cAAc,CAACG,YAAD,CAAd;IACAT,MAAM,CAACC,YAAP,CAAoBU,OAApB,CAA4Bf,GAA5B,EAAiCO,IAAI,CAACS,SAAL,CAAeH,YAAf,CAAjC;EACD,CAJD;;EAMA,OAAO,CAACJ,WAAD,EAAcE,QAAd,CAAP;AACD;;eAEcZ,e"}
|
|
@@ -68,10 +68,15 @@ function useSearch(_ref) {
|
|
|
68
68
|
searchedValue = _useState4[0],
|
|
69
69
|
setSearchedValue = _useState4[1];
|
|
70
70
|
|
|
71
|
-
var _useState5 = (0, _react.useState)(
|
|
71
|
+
var _useState5 = (0, _react.useState)([]),
|
|
72
72
|
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
en = _useState6[0],
|
|
74
|
+
setEn = _useState6[1];
|
|
75
|
+
|
|
76
|
+
var _useState7 = (0, _react.useState)(null),
|
|
77
|
+
_useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
|
|
78
|
+
previousOffset = _useState8[0],
|
|
79
|
+
setPreviousOffset = _useState8[1];
|
|
75
80
|
|
|
76
81
|
var buildSearchQuery = _query["default"][queryKey];
|
|
77
82
|
|
|
@@ -108,6 +113,7 @@ function useSearch(_ref) {
|
|
|
108
113
|
value = queryParams.value;
|
|
109
114
|
var isNewValueSet = value && value !== searchedValue;
|
|
110
115
|
var isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
|
|
116
|
+
var notSameLength = en.length !== entities.length;
|
|
111
117
|
var parsedEntities = entities.length ? entities.map(function (entity) {
|
|
112
118
|
return {
|
|
113
119
|
match: {
|
|
@@ -116,7 +122,7 @@ function useSearch(_ref) {
|
|
|
116
122
|
};
|
|
117
123
|
}) : [];
|
|
118
124
|
|
|
119
|
-
if (isNewValueSet || isNewOffsetSet) {
|
|
125
|
+
if (isNewValueSet || isNewOffsetSet || notSameLength) {
|
|
120
126
|
getSearchResults({
|
|
121
127
|
variables: {
|
|
122
128
|
limit: limit,
|
|
@@ -128,7 +134,8 @@ function useSearch(_ref) {
|
|
|
128
134
|
query_string: {
|
|
129
135
|
query: value,
|
|
130
136
|
fields: fields,
|
|
131
|
-
type: 'most_fields'
|
|
137
|
+
type: 'most_fields',
|
|
138
|
+
default_operator: 'AND'
|
|
132
139
|
}
|
|
133
140
|
}, {
|
|
134
141
|
bool: {
|
|
@@ -142,8 +149,9 @@ function useSearch(_ref) {
|
|
|
142
149
|
});
|
|
143
150
|
setSearchedValue(value);
|
|
144
151
|
setPreviousOffset(offset);
|
|
152
|
+
setEn(entities);
|
|
145
153
|
}
|
|
146
|
-
}, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields]);
|
|
154
|
+
}, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields, entities.length, en.length]);
|
|
147
155
|
return [{
|
|
148
156
|
searchedValue: queryParams.value,
|
|
149
157
|
loading: loading,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSearch.js","names":["useSearch","queryKey","resultKeys","entities","fields","limit","offset","value","queryParams","setParams","searchedValue","setSearchedValue","previousOffset","setPreviousOffset","buildSearchQuery","searchQueries","ssr","getSearchResults","loading","data","search","results","total","jsonResults","handleQueryParams","newQueryParams","isNewValueSet","isNewOffsetSet","
|
|
1
|
+
{"version":3,"file":"useSearch.js","names":["useSearch","queryKey","resultKeys","entities","fields","useState","limit","offset","value","queryParams","setParams","searchedValue","setSearchedValue","en","setEn","previousOffset","setPreviousOffset","buildSearchQuery","searchQueries","useLazyQuery","ssr","getSearchResults","loading","data","search","results","total","jsonResults","handleQueryParams","newQueryParams","useEffect","isNewValueSet","isNewOffsetSet","notSameLength","length","parsedEntities","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","default_operator","should"],"sources":["../../../src/components/useSearch/useSearch.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useLazyQuery } from '@apollo/client';\nimport searchQueries from '../../application/query';\n\nfunction useSearch({ queryKey, resultKeys, entities = [], fields }) {\n const [queryParams, setParams] = useState({ limit: 20, offset: 0, value: '' });\n const [searchedValue, setSearchedValue] = useState(null);\n const [en, setEn] = useState([]);\n const [previousOffset, setPreviousOffset] = useState(null);\n\n const buildSearchQuery = searchQueries[queryKey];\n const [\n getSearchResults,\n {\n loading,\n data: { search: { results, jsonResults, total } } = {\n search: { results: [], total: 0 }\n }\n }\n ] = useLazyQuery(buildSearchQuery({ resultKeys }), { ssr: false });\n // todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108\n // without ssr: false clients can hang in ssr.\n\n const handleQueryParams = newQueryParams => {\n setParams({ ...queryParams, ...newQueryParams });\n };\n\n useEffect(\n () => {\n const { limit, offset, value } = queryParams;\n const isNewValueSet = value && value !== searchedValue;\n const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n const notSameLength = en.length !== entities.length;\n const parsedEntities = entities.length\n ? entities.map(entity => ({\n match: { docType: entity }\n }))\n : [];\n\n if (isNewValueSet || isNewOffsetSet || notSameLength) {\n getSearchResults({\n variables: {\n limit,\n offset,\n rawQuery: {\n query: {\n bool: {\n must: [\n {\n query_string: {\n query: value,\n fields,\n type: 'most_fields',\n default_operator: 'AND'\n }\n },\n {\n bool: {\n should: parsedEntities\n }\n }\n ]\n }\n }\n }\n }\n });\n setSearchedValue(value);\n setPreviousOffset(offset);\n setEn(entities);\n }\n },\n [\n queryParams,\n queryParams.limit,\n queryParams.value,\n queryParams.offset,\n searchedValue,\n previousOffset,\n getSearchResults,\n entities,\n fields,\n entities.length,\n en.length\n ]\n );\n\n return [\n { searchedValue: queryParams.value, loading, data: { results: results || jsonResults, total } },\n handleQueryParams\n ];\n}\n\nexport default useSearch;\n"],"mappings":"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"}
|
|
@@ -27,16 +27,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
27
27
|
});
|
|
28
28
|
exports["default"] = void 0;
|
|
29
29
|
|
|
30
|
-
require("core-js/modules/es.array.concat.js");
|
|
31
|
-
|
|
32
30
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
33
31
|
|
|
34
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
35
|
-
|
|
36
32
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
37
33
|
|
|
38
|
-
var _react = require("react");
|
|
39
|
-
|
|
40
34
|
var _useSearch3 = _interopRequireDefault(require("../useSearch"));
|
|
41
35
|
|
|
42
36
|
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; }
|
|
@@ -64,25 +58,7 @@ function useSearchResults(_ref) {
|
|
|
64
58
|
total = _useSearch2$$data.total,
|
|
65
59
|
setParams = _useSearch2[1];
|
|
66
60
|
|
|
67
|
-
var _useState = (0, _react.useState)([]),
|
|
68
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
69
|
-
currentResults = _useState2[0],
|
|
70
|
-
setCurrentResults = _useState2[1];
|
|
71
|
-
|
|
72
|
-
var _useState3 = (0, _react.useState)([]),
|
|
73
|
-
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
74
|
-
allResults = _useState4[0],
|
|
75
|
-
setAllResults = _useState4[1];
|
|
76
|
-
|
|
77
|
-
(0, _react.useEffect)(function () {
|
|
78
|
-
if (currentResults.length !== results.length) {
|
|
79
|
-
setAllResults([].concat((0, _toConsumableArray2["default"])(allResults), (0, _toConsumableArray2["default"])(results)));
|
|
80
|
-
setCurrentResults(results);
|
|
81
|
-
}
|
|
82
|
-
}, [allResults, currentResults, currentResults.length, results]);
|
|
83
|
-
|
|
84
61
|
var clearList = function clearList(params) {
|
|
85
|
-
setAllResults([]);
|
|
86
62
|
setParams(_objectSpread(_objectSpread({}, params), {}, {
|
|
87
63
|
offset: 0
|
|
88
64
|
}));
|
|
@@ -94,7 +70,7 @@ function useSearchResults(_ref) {
|
|
|
94
70
|
|
|
95
71
|
return [{
|
|
96
72
|
loading: loading,
|
|
97
|
-
results:
|
|
73
|
+
results: results,
|
|
98
74
|
total: total
|
|
99
75
|
}, setQueryParams];
|
|
100
76
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSearchResults.js","names":["useSearchResults","queryKey","resultKeys","entities","fields","searchedValue","loading","data","results","total","setParams","
|
|
1
|
+
{"version":3,"file":"useSearchResults.js","names":["useSearchResults","queryKey","resultKeys","entities","fields","useSearch","searchedValue","loading","data","results","total","setParams","clearList","params","offset","setQueryParams","value"],"sources":["../../../src/components/useSearchResults/useSearchResults.js"],"sourcesContent":["import useSearch from '../useSearch';\n\nfunction useSearchResults({ queryKey, resultKeys, entities, fields }) {\n const [\n {\n searchedValue,\n loading,\n data: { results, total }\n },\n setParams\n ] = useSearch({ queryKey, resultKeys, entities, fields });\n\n const clearList = params => {\n setParams({ ...params, offset: 0 });\n };\n\n const setQueryParams = params => {\n params.value !== searchedValue ? clearList(params) : setParams(params);\n };\n\n return [{ loading, results, total }, setQueryParams];\n}\n\nexport default useSearchResults;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,SAASA,gBAAT,OAAsE;EAAA,IAA1CC,QAA0C,QAA1CA,QAA0C;EAAA,IAAhCC,UAAgC,QAAhCA,UAAgC;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,MAAU,QAAVA,MAAU;;EACpE,iBAOI,IAAAC,sBAAA,EAAU;IAAEJ,QAAQ,EAARA,QAAF;IAAYC,UAAU,EAAVA,UAAZ;IAAwBC,QAAQ,EAARA,QAAxB;IAAkCC,MAAM,EAANA;EAAlC,CAAV,CAPJ;EAAA;EAAA;EAAA,IAEIE,aAFJ,gBAEIA,aAFJ;EAAA,IAGIC,OAHJ,gBAGIA,OAHJ;EAAA,qCAIIC,IAJJ;EAAA,IAIYC,OAJZ,qBAIYA,OAJZ;EAAA,IAIqBC,KAJrB,qBAIqBA,KAJrB;EAAA,IAMEC,SANF;;EASA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,MAAM,EAAI;IAC1BF,SAAS,iCAAME,MAAN;MAAcC,MAAM,EAAE;IAAtB,GAAT;EACD,CAFD;;EAIA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAF,MAAM,EAAI;IAC/BA,MAAM,CAACG,KAAP,KAAiBV,aAAjB,GAAiCM,SAAS,CAACC,MAAD,CAA1C,GAAqDF,SAAS,CAACE,MAAD,CAA9D;EACD,CAFD;;EAIA,OAAO,CAAC;IAAEN,OAAO,EAAPA,OAAF;IAAWE,OAAO,EAAPA,OAAX;IAAoBC,KAAK,EAALA;EAApB,CAAD,EAA8BK,cAA9B,CAAP;AACD;;eAEcf,gB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDebounceSearch.js","names":["useDebounceSearch","entities","resultKeys","fields","initialSearchTerm","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","queryKey","SEARCH_PUBLISHED","loading","results","setQueryParams","value"],"sources":["../../src/hooks/useDebounceSearch.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../components/useSearchResults';\nimport { SEARCH_PUBLISHED } from '../constants';\n\nconst useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm }) => {\n const [searchTerm, setSearchTerm] = useState(initialSearchTerm ?? '');\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n const [{ loading, results }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_PUBLISHED,\n resultKeys,\n entities,\n fields\n });\n\n useEffect(\n () => {\n if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n setQueryParams({ value: debouncedSearchTerm });\n setPreviousSearchTerm(debouncedSearchTerm);\n }\n },\n [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n );\n\n return {\n loading,\n results,\n searchTerm,\n setSearchTerm,\n setPreviousSearchTerm,\n debouncedSearchTerm,\n previousSearchTerm\n };\n};\n\nexport default useDebounceSearch;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAAyD;EAAA,IAAtDC,QAAsD,QAAtDA,QAAsD;EAAA,IAA5CC,UAA4C,QAA5CA,UAA4C;EAAA,IAAhCC,MAAgC,QAAhCA,MAAgC;EAAA,IAAxBC,iBAAwB,QAAxBA,iBAAwB;;EACjF,gBAAoC,
|
|
1
|
+
{"version":3,"file":"useDebounceSearch.js","names":["useDebounceSearch","entities","resultKeys","fields","initialSearchTerm","useState","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","useDebounce","useSearchResults","queryKey","SEARCH_PUBLISHED","loading","results","setQueryParams","useEffect","value"],"sources":["../../src/hooks/useDebounceSearch.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../components/useSearchResults';\nimport { SEARCH_PUBLISHED } from '../constants';\n\nconst useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm }) => {\n const [searchTerm, setSearchTerm] = useState(initialSearchTerm ?? '');\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n const [{ loading, results }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_PUBLISHED,\n resultKeys,\n entities,\n fields\n });\n\n useEffect(\n () => {\n if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n setQueryParams({ value: debouncedSearchTerm });\n setPreviousSearchTerm(debouncedSearchTerm);\n }\n },\n [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n );\n\n return {\n loading,\n results,\n searchTerm,\n setSearchTerm,\n setPreviousSearchTerm,\n debouncedSearchTerm,\n previousSearchTerm\n };\n};\n\nexport default useDebounceSearch;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAAyD;EAAA,IAAtDC,QAAsD,QAAtDA,QAAsD;EAAA,IAA5CC,UAA4C,QAA5CA,UAA4C;EAAA,IAAhCC,MAAgC,QAAhCA,MAAgC;EAAA,IAAxBC,iBAAwB,QAAxBA,iBAAwB;;EACjF,gBAAoC,IAAAC,eAAA,EAASD,iBAAT,aAASA,iBAAT,cAASA,iBAAT,GAA8B,EAA9B,CAApC;EAAA;EAAA,IAAOE,UAAP;EAAA,IAAmBC,aAAnB;;EACA,iBAAoD,IAAAF,eAAA,EAAS,IAAT,CAApD;EAAA;EAAA,IAAOG,kBAAP;EAAA,IAA2BC,qBAA3B;;EACA,IAAMC,mBAAmB,GAAG,IAAAC,wBAAA,EAAYL,UAAZ,EAAwB,GAAxB,CAA5B;;EAEA,wBAA+C,IAAAM,6BAAA,EAAiB;IAC9DC,QAAQ,EAAEC,2BADoD;IAE9DZ,UAAU,EAAVA,UAF8D;IAG9DD,QAAQ,EAARA,QAH8D;IAI9DE,MAAM,EAANA;EAJ8D,CAAjB,CAA/C;EAAA;EAAA;EAAA,IAASY,OAAT,uBAASA,OAAT;EAAA,IAAkBC,OAAlB,uBAAkBA,OAAlB;EAAA,IAA6BC,cAA7B;;EAOA,IAAAC,gBAAA,EACE,YAAM;IACJ,IAAIR,mBAAmB,IAAIA,mBAAmB,KAAKF,kBAAnD,EAAuE;MACrES,cAAc,CAAC;QAAEE,KAAK,EAAET;MAAT,CAAD,CAAd;MACAD,qBAAqB,CAACC,mBAAD,CAArB;IACD;EACF,CANH,EAOE,CAACA,mBAAD,EAAsBF,kBAAtB,EAA0CS,cAA1C,CAPF;EAUA,OAAO;IACLF,OAAO,EAAPA,OADK;IAELC,OAAO,EAAPA,OAFK;IAGLV,UAAU,EAAVA,UAHK;IAILC,aAAa,EAAbA,aAJK;IAKLE,qBAAqB,EAArBA,qBALK;IAMLC,mBAAmB,EAAnBA,mBANK;IAOLF,kBAAkB,EAAlBA;EAPK,CAAP;AASD,CA/BD;;eAiCeR,iB"}
|
|
@@ -1,25 +1,31 @@
|
|
|
1
1
|
import React, { useState, useRef, useEffect } from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
+
import { useDebounce } from '@blaze-react/utils/lib/customHooks';
|
|
3
4
|
import useLocalStorage from '../useLocalStorage';
|
|
4
5
|
import SearchBar from './SearchBar';
|
|
5
6
|
import RecentSearches from './RecentSearches';
|
|
6
7
|
import SearchResults from './SearchResults';
|
|
7
8
|
import TriggerModal from './TriggerModal';
|
|
9
|
+
import SearchAdminSideBar from './SearchAdminSideBar';
|
|
8
10
|
import useSearchResults from '../useSearchResults';
|
|
9
11
|
import { SEARCH_ADMIN } from '../../constants';
|
|
10
12
|
|
|
11
13
|
const SearchAdmin = () => {
|
|
12
14
|
const [searchTerm, setSearchTerm] = useState('');
|
|
15
|
+
const [openSearchSideBar, setOpenSearchSideBar] = useState(true);
|
|
16
|
+
const [entityValues, setEntityValues] = useState([]);
|
|
13
17
|
const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);
|
|
14
18
|
const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);
|
|
15
19
|
const [enableResults, setEnableResults] = useState(true);
|
|
16
20
|
const searchInputRef = useRef(null);
|
|
21
|
+
const debouncedEntityValues = useDebounce(entityValues, 500);
|
|
17
22
|
const [{
|
|
18
23
|
loading,
|
|
19
24
|
results,
|
|
20
25
|
total
|
|
21
26
|
}, setQueryParams] = useSearchResults({
|
|
22
|
-
queryKey: SEARCH_ADMIN
|
|
27
|
+
queryKey: SEARCH_ADMIN,
|
|
28
|
+
entities: debouncedEntityValues.map(e => e.id)
|
|
23
29
|
});
|
|
24
30
|
useEffect(() => {
|
|
25
31
|
if (searchInputRef && searchInputRef.current) {
|
|
@@ -82,17 +88,42 @@ const SearchAdmin = () => {
|
|
|
82
88
|
const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {
|
|
83
89
|
'modal--show': displaySearchModalFrame
|
|
84
90
|
});
|
|
91
|
+
const searchModalSideBarClassName = classnames('modal__search__sidebar', {
|
|
92
|
+
'modal__search__sidebar--close': !openSearchSideBar
|
|
93
|
+
});
|
|
85
94
|
const isEmptySearchTermAndData = !searchTerm && !results.length;
|
|
86
95
|
const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
|
|
87
96
|
const shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
|
|
88
97
|
const showResults = enableResults && results.length;
|
|
98
|
+
|
|
99
|
+
const handleSetEntityValues = newEntity => {
|
|
100
|
+
const entityExists = entityValues.some(entity => entity.id === newEntity.id);
|
|
101
|
+
|
|
102
|
+
if (entityExists) {
|
|
103
|
+
setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));
|
|
104
|
+
} else {
|
|
105
|
+
setEntityValues([...entityValues, newEntity]);
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
|
|
89
109
|
return /*#__PURE__*/React.createElement("div", {
|
|
90
110
|
className: "search search--header"
|
|
91
111
|
}, /*#__PURE__*/React.createElement(TriggerModal, {
|
|
92
112
|
toggleSearchModal: toggleSearchModal
|
|
93
113
|
}), /*#__PURE__*/React.createElement("div", {
|
|
94
114
|
className: searchModalResultsClassName
|
|
95
|
-
}, displaySearchModalFrame && /*#__PURE__*/React.createElement(
|
|
115
|
+
}, displaySearchModalFrame && /*#__PURE__*/React.createElement("div", {
|
|
116
|
+
className: "modal__search"
|
|
117
|
+
}, /*#__PURE__*/React.createElement(SearchAdminSideBar, {
|
|
118
|
+
searchModalSideBarClassName: searchModalSideBarClassName,
|
|
119
|
+
openSearchSideBar: openSearchSideBar,
|
|
120
|
+
setOpenSearchSideBar: setOpenSearchSideBar,
|
|
121
|
+
handleSetEntityValues: handleSetEntityValues,
|
|
122
|
+
entityValues: entityValues,
|
|
123
|
+
setEntityValues: setEntityValues
|
|
124
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
125
|
+
className: "modal__search__content"
|
|
126
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
96
127
|
className: "modal__header modal__header--search"
|
|
97
128
|
}, /*#__PURE__*/React.createElement(SearchBar, {
|
|
98
129
|
toggleSearchModal: toggleSearchModal,
|
|
@@ -119,7 +150,7 @@ const SearchAdmin = () => {
|
|
|
119
150
|
total: total,
|
|
120
151
|
setQueryParams: setQueryParams,
|
|
121
152
|
closeModal: toggleSearchModal
|
|
122
|
-
}))));
|
|
153
|
+
})))));
|
|
123
154
|
};
|
|
124
155
|
|
|
125
156
|
export default SearchAdmin;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchAdmin.js","names":["React","useState","useRef","useEffect","classnames","useLocalStorage","SearchBar","RecentSearches","SearchResults","TriggerModal","useSearchResults","SEARCH_ADMIN","SearchAdmin","searchTerm","setSearchTerm","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","loading","results","total","setQueryParams","queryKey","current","focus","handleSearchTerm","target","value","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n const [enableResults, setEnableResults] = useState(true);\n const searchInputRef = useRef(null);\n const [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN\n });\n\n useEffect(\n () => {\n if (searchInputRef && searchInputRef.current) {\n searchInputRef.current.focus();\n }\n },\n [displaySearchModalFrame]\n );\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n const toggleSearchModal = () => {\n setSearchTerm(null);\n setEnableResults(false);\n setDisplaySearchModalFrame(!displaySearchModalFrame);\n };\n const search = ({ value }) => {\n if (!value) return;\n !enableResults && setEnableResults(true);\n const MAX_RECENT_SEARCHES = 5;\n const recentSearchesCopy = recentSearches.slice();\n\n if (!recentSearchesCopy.includes(value)) {\n recentSearchesCopy.push(value);\n if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n recentSearchesCopy.shift();\n }\n }\n\n setRecentSearches(recentSearchesCopy);\n setQueryParams({ value });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n if (!searchTerm) return clear();\n search({ value: searchTerm });\n }\n };\n\n const clear = () => {\n setSearchTerm('');\n setEnableResults(false);\n };\n\n const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n 'modal--show': displaySearchModalFrame\n });\n\n const isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n const showResults = enableResults && results.length;\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <>\n <div className=\"modal__header modal__header--search\">\n <SearchBar\n toggleSearchModal={toggleSearchModal}\n handleKeyDown={handleKeyDown}\n searchInputRef={searchInputRef}\n handleSearchTerm={handleSearchTerm}\n searchTerm={searchTerm}\n search={() => search({ value: searchTerm })}\n />\n </div>\n {shouldDisplayRecentSearches ? (\n <RecentSearches\n recentSearches={recentSearches}\n handleSearchTerm={handleSearchTerm}\n search={search}\n />\n ) : (\n <>\n {!showResults && (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>No Results</h2>\n </div>\n </div>\n )}\n </>\n )}\n {showResults && (\n <SearchResults\n currentValue={searchTerm}\n searchTerm={searchTerm}\n loading={loading}\n results={results}\n total={total}\n setQueryParams={setQueryParams}\n closeModal={toggleSearchModal}\n />\n )}\n </>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SearchAdmin.js","names":["React","useState","useRef","useEffect","classnames","useDebounce","useLocalStorage","SearchBar","RecentSearches","SearchResults","TriggerModal","SearchAdminSideBar","useSearchResults","SEARCH_ADMIN","SearchAdmin","searchTerm","setSearchTerm","openSearchSideBar","setOpenSearchSideBar","entityValues","setEntityValues","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","debouncedEntityValues","loading","results","total","setQueryParams","queryKey","entities","map","e","id","current","focus","handleSearchTerm","target","value","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults","handleSetEntityValues","newEntity","entityExists","some","entity","filter"],"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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"}
|
|
@@ -0,0 +1,79 @@
|
|
|
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
|
+
|
|
7
|
+
const SearchAdminSideBar = ({
|
|
8
|
+
searchModalSideBarClassName,
|
|
9
|
+
openSearchSideBar,
|
|
10
|
+
setOpenSearchSideBar,
|
|
11
|
+
handleSetEntityValues,
|
|
12
|
+
entityValues,
|
|
13
|
+
setEntityValues
|
|
14
|
+
}) => {
|
|
15
|
+
const [loadMore, setLoadMore] = useState(false);
|
|
16
|
+
const {
|
|
17
|
+
data: {
|
|
18
|
+
getEntitySchemas = []
|
|
19
|
+
} = {},
|
|
20
|
+
loading
|
|
21
|
+
} = useQuery(getQuery('GET_USER_EDITABLE_ENTITIES'), {
|
|
22
|
+
variables: {
|
|
23
|
+
canDoActions: MENU_PERMISSIONS
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
if (loading) return null;
|
|
27
|
+
const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {
|
|
28
|
+
if (Object.keys(entity.extras).length) {
|
|
29
|
+
return entity.extras.searchIndexes.includes('admin');
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
return false;
|
|
33
|
+
});
|
|
34
|
+
const entitiesToShow = filteredEntitiesSchemas.slice(0, loadMore ? filteredEntitiesSchemas.length : 5);
|
|
35
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
36
|
+
className: searchModalSideBarClassName
|
|
37
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
38
|
+
className: "modal__search__sidebar__button",
|
|
39
|
+
role: "button",
|
|
40
|
+
onClick: () => setOpenSearchSideBar(!openSearchSideBar)
|
|
41
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
42
|
+
className: "material-icons"
|
|
43
|
+
}, openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right')), /*#__PURE__*/React.createElement("div", {
|
|
44
|
+
className: "modal__search__sidebar__container"
|
|
45
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
46
|
+
className: "modal__search__sidebar__wrapper"
|
|
47
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
48
|
+
className: "modal__search__sidebar__filters"
|
|
49
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
50
|
+
className: "material-icons modal__search__sidebar__icon"
|
|
51
|
+
}, "tune"), /*#__PURE__*/React.createElement("span", null, "Filters")), /*#__PURE__*/React.createElement("div", {
|
|
52
|
+
className: "modal__search__sidebar__clear",
|
|
53
|
+
role: "button",
|
|
54
|
+
onClick: () => setEntityValues([])
|
|
55
|
+
}, /*#__PURE__*/React.createElement("span", null, "Clear all"), /*#__PURE__*/React.createElement("i", {
|
|
56
|
+
className: "material-icons modal__search__sidebar__icon--clear"
|
|
57
|
+
}, "replay"))), /*#__PURE__*/React.createElement("div", {
|
|
58
|
+
className: "modal__search__sidebar__entity-list"
|
|
59
|
+
}, /*#__PURE__*/React.createElement("h1", null, "Entity list"), entitiesToShow.map(entity => /*#__PURE__*/React.createElement(Checkbox, {
|
|
60
|
+
checked: entityValues.some(_entity => _entity.id === entity.id),
|
|
61
|
+
label: entity.displayName,
|
|
62
|
+
id: entity.id,
|
|
63
|
+
name: entity.id,
|
|
64
|
+
onChange: ({
|
|
65
|
+
value: {
|
|
66
|
+
checked
|
|
67
|
+
}
|
|
68
|
+
}) => handleSetEntityValues(entity)
|
|
69
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
70
|
+
className: "modal__search__sidebar__more",
|
|
71
|
+
role: "button",
|
|
72
|
+
onClick: () => setLoadMore(!loadMore)
|
|
73
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
74
|
+
className: "material-icons"
|
|
75
|
+
}, !loadMore ? 'navigate_next' : 'expand_less'), /*#__PURE__*/React.createElement("span", null, loadMore ? 'Less' : 'More')))));
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
export default SearchAdminSideBar;
|
|
79
|
+
//# 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","Object","keys","extras","length","searchIndexes","includes","entitiesToShow","slice","map","some","_entity","id","displayName","value","checked"],"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 (Object.keys(entity.extras).length) {\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":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,QAAT,QAAyB,2BAAzB;AACA,SAASC,QAAT,QAAyB,yBAAzB;AAEA,MAAMC,gBAAgB,GAAG,CAAC,YAAD,EAAe,YAAf,EAA6B,YAA7B,EAA2C,YAA3C,CAAzB;;AAEA,MAAMC,kBAAkB,GAAG,CAAC;EAC1BC,2BAD0B;EAE1BC,iBAF0B;EAG1BC,oBAH0B;EAI1BC,qBAJ0B;EAK1BC,YAL0B;EAM1BC;AAN0B,CAAD,KAOrB;EACJ,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0Bb,QAAQ,CAAC,KAAD,CAAxC;EACA,MAAM;IAAEc,IAAI,EAAE;MAAEC,gBAAgB,GAAG;IAArB,IAA4B,EAApC;IAAwCC;EAAxC,IAAoDf,QAAQ,CAChEC,QAAQ,CAAC,4BAAD,CADwD,EAEhE;IACEe,SAAS,EAAE;MACTC,YAAY,EAAEd;IADL;EADb,CAFgE,CAAlE;EASA,IAAIY,OAAJ,EAAa,OAAO,IAAP;EAEb,MAAMG,uBAAuB,GAAGJ,gBAAgB,CAACK,MAAjB,CAAwBC,MAAM,IAAI;IAChE,IAAIC,MAAM,CAACC,IAAP,CAAYF,MAAM,CAACG,MAAnB,EAA2BC,MAA/B,EAAuC;MACrC,OAAOJ,MAAM,CAACG,MAAP,CAAcE,aAAd,CAA4BC,QAA5B,CAAqC,OAArC,CAAP;IACD;;IACD,OAAO,KAAP;EACD,CAL+B,CAAhC;EAOA,MAAMC,cAAc,GAAGT,uBAAuB,CAACU,KAAxB,CACrB,CADqB,EAErBjB,QAAQ,GAAGO,uBAAuB,CAACM,MAA3B,GAAoC,CAFvB,CAAvB;EAKA,oBACE;IAAK,SAAS,EAAEnB;EAAhB,gBACE;IACE,SAAS,EAAC,gCADZ;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAE,MAAME,oBAAoB,CAAC,CAACD,iBAAF;EAHrC,gBAIE;IAAG,SAAS,EAAC;EAAb,GACGA,iBAAiB,GAAG,qBAAH,GAA2B,sBAD/C,CAJF,CADF,eASE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAG,SAAS,EAAC;EAAb,UADF,eAEE,4CAFF,CADF,eAKE;IACE,SAAS,EAAC,+BADZ;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAE,MAAMI,eAAe,CAAC,EAAD;EAHhC,gBAIE,8CAJF,eAKE;IAAG,SAAS,EAAC;EAAb,YALF,CALF,CADF,eAcE;IAAK,SAAS,EAAC;EAAf,gBACE,8CADF,EAEGiB,cAAc,CAACE,GAAf,CAAmBT,MAAM,iBACxB,oBAAC,QAAD;IACE,OAAO,EAAEX,YAAY,CAACqB,IAAb,CAAkBC,OAAO,IAAIA,OAAO,CAACC,EAAR,KAAeZ,MAAM,CAACY,EAAnD,CADX;IAEE,KAAK,EAAEZ,MAAM,CAACa,WAFhB;IAGE,EAAE,EAAEb,MAAM,CAACY,EAHb;IAIE,IAAI,EAAEZ,MAAM,CAACY,EAJf;IAKE,QAAQ,EAAE,CAAC;MAAEE,KAAK,EAAE;QAAEC;MAAF;IAAT,CAAD,KAA4B3B,qBAAqB,CAACY,MAAD;EAL7D,EADD,CAFH,eAWE;IACE,SAAS,EAAC,8BADZ;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAE,MAAMR,WAAW,CAAC,CAACD,QAAF;EAH5B,gBAIE;IAAG,SAAS,EAAC;EAAb,GAA+B,CAACA,QAAD,GAAY,eAAZ,GAA8B,aAA7D,CAJF,eAKE,kCAAOA,QAAQ,GAAG,MAAH,GAAY,MAA3B,CALF,CAXF,CAdF,CATF,CADF;AA8CD,CA9ED;;AAgFA,eAAeP,kBAAf"}
|
|
@@ -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,kBAAP,MAA+B,sBAA/B;AAEA,eAAeA,kBAAf"}
|
|
@@ -63,7 +63,9 @@ const SearchResults = ({
|
|
|
63
63
|
className: "modal__content modal__content--search"
|
|
64
64
|
}, /*#__PURE__*/React.createElement("div", {
|
|
65
65
|
className: "header header--list"
|
|
66
|
-
}, /*#__PURE__*/React.createElement("h2",
|
|
66
|
+
}, /*#__PURE__*/React.createElement("h2", {
|
|
67
|
+
className: "header--list--results"
|
|
68
|
+
}, "About ", /*#__PURE__*/React.createElement("b", null, total), " search keywords results")), /*#__PURE__*/React.createElement(VirtualList, {
|
|
67
69
|
width: "100%",
|
|
68
70
|
height: window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,
|
|
69
71
|
itemCount: results.length,
|
|
@@ -79,9 +81,15 @@ const SearchResults = ({
|
|
|
79
81
|
id,
|
|
80
82
|
docType,
|
|
81
83
|
updated,
|
|
82
|
-
name
|
|
84
|
+
name,
|
|
85
|
+
entityIdentifier,
|
|
86
|
+
published,
|
|
87
|
+
created,
|
|
88
|
+
status
|
|
83
89
|
} = results[index];
|
|
84
90
|
const updatedDate = updated ? getDateFormat(updated) : null;
|
|
91
|
+
const createdDate = created ? getDateFormat(created) : null;
|
|
92
|
+
const publishedDate = published ? getDateFormat(published) : null;
|
|
85
93
|
return /*#__PURE__*/React.createElement("div", {
|
|
86
94
|
key: index,
|
|
87
95
|
style: style,
|
|
@@ -91,8 +99,8 @@ const SearchResults = ({
|
|
|
91
99
|
}, /*#__PURE__*/React.createElement("div", {
|
|
92
100
|
className: "list__item-row list__item-row--result"
|
|
93
101
|
}, /*#__PURE__*/React.createElement("span", {
|
|
94
|
-
className: "
|
|
95
|
-
},
|
|
102
|
+
className: "list__item-identifier"
|
|
103
|
+
}, entityIdentifier), /*#__PURE__*/React.createElement("a", {
|
|
96
104
|
href: getNavigationRoute({
|
|
97
105
|
id,
|
|
98
106
|
docType
|
|
@@ -101,8 +109,12 @@ const SearchResults = ({
|
|
|
101
109
|
id,
|
|
102
110
|
docType
|
|
103
111
|
}),
|
|
104
|
-
className: "list__item-
|
|
105
|
-
}, name)
|
|
112
|
+
className: "list__item-link"
|
|
113
|
+
}, name), /*#__PURE__*/React.createElement("div", {
|
|
114
|
+
className: "list__item-dates"
|
|
115
|
+
}, 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", {
|
|
116
|
+
className: "list__item-status"
|
|
117
|
+
}, status && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Status: "), status)))));
|
|
106
118
|
}
|
|
107
119
|
})));
|
|
108
120
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchResults.js","names":["React","useState","PropTypes","VirtualList","withRouter","SEARCH_RESULTS_OVER_SCAN_BUFFER","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","FILE","SearchResults","currentValue","loading","results","total","setQueryParams","closeModal","history","verifiedRanges","setVerifiedRanges","currentIndex","setCurrentIndex","handleRenderedItems","startIndex","rowsLength","length","loadIndex","Math","floor","includes","value","offset","getNavigationRoute","id","docType","navigate","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","window","innerHeight","index","style","updated","name","updatedDate","propTypes","bool","isRequired","array","number","func","object","string"],"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { withRouter } from 'react-router-dom';\nimport {\n SEARCH_RESULTS_OVER_SCAN_BUFFER,\n SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n SEARCH_RESULTS_ITEM_SIZE,\n FILE\n} from '../../../constants';\n\nconst SearchResults = ({\n currentValue,\n loading,\n results,\n total,\n setQueryParams,\n closeModal,\n history\n}) => {\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [currentIndex, setCurrentIndex] = useState(0);\n\n const handleRenderedItems = async ({ startIndex }) => {\n const rowsLength = results.length;\n const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;\n if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n setQueryParams({ value: currentValue, offset: results.length });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);\n }\n };\n\n const getNavigationRoute = ({ id, docType }) =>\n docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;\n\n const navigate = ({ id, docType }) => {\n history.push(getNavigationRoute({ id, docType }));\n closeModal();\n };\n\n const getDateFormat = date => {\n const newDate = new Date(date);\n const day = `0${newDate.getDate()}`.slice(-2);\n const month = `0${newDate.getMonth() + 1}`.slice(-2);\n const year = String(newDate.getYear()).slice(-2);\n return `${day}.${month}.${year}`;\n };\n\n return (\n <>\n {loading && <span>Loading...</span>}\n <div className=\"modal__content modal__content--search\">\n <div className=\"header header--list\">\n <h2>{total} results</h2>\n </div>\n <VirtualList\n width=\"100%\"\n height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}\n itemCount={results.length}\n itemSize={SEARCH_RESULTS_ITEM_SIZE}\n overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}\n scrollToIndex={currentIndex}\n onItemsRendered={handleRenderedItems}\n renderItem={({ index, style }) => {\n const {
|
|
1
|
+
{"version":3,"file":"SearchResults.js","names":["React","useState","PropTypes","VirtualList","withRouter","SEARCH_RESULTS_OVER_SCAN_BUFFER","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","FILE","SearchResults","currentValue","loading","results","total","setQueryParams","closeModal","history","verifiedRanges","setVerifiedRanges","currentIndex","setCurrentIndex","handleRenderedItems","startIndex","rowsLength","length","loadIndex","Math","floor","includes","value","offset","getNavigationRoute","id","docType","navigate","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","window","innerHeight","index","style","updated","name","entityIdentifier","published","created","status","updatedDate","createdDate","publishedDate","propTypes","bool","isRequired","array","number","func","object","string"],"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { withRouter } from 'react-router-dom';\nimport {\n SEARCH_RESULTS_OVER_SCAN_BUFFER,\n SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n SEARCH_RESULTS_ITEM_SIZE,\n FILE\n} from '../../../constants';\n\nconst SearchResults = ({\n currentValue,\n loading,\n results,\n total,\n setQueryParams,\n closeModal,\n history\n}) => {\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [currentIndex, setCurrentIndex] = useState(0);\n\n const handleRenderedItems = async ({ startIndex }) => {\n const rowsLength = results.length;\n const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;\n if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n setQueryParams({ value: currentValue, offset: results.length });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);\n }\n };\n\n const getNavigationRoute = ({ id, docType }) =>\n docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;\n\n const navigate = ({ id, docType }) => {\n history.push(getNavigationRoute({ id, docType }));\n closeModal();\n };\n\n const getDateFormat = date => {\n const newDate = new Date(date);\n const day = `0${newDate.getDate()}`.slice(-2);\n const month = `0${newDate.getMonth() + 1}`.slice(-2);\n const year = String(newDate.getYear()).slice(-2);\n return `${day}.${month}.${year}`;\n };\n\n return (\n <>\n {loading && <span>Loading...</span>}\n <div className=\"modal__content modal__content--search\">\n <div className=\"header header--list\">\n <h2 className=\"header--list--results\">\n About <b>{total}</b> search keywords results\n </h2>\n </div>\n <VirtualList\n width=\"100%\"\n height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}\n itemCount={results.length}\n itemSize={SEARCH_RESULTS_ITEM_SIZE}\n overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}\n scrollToIndex={currentIndex}\n onItemsRendered={handleRenderedItems}\n renderItem={({ index, style }) => {\n const {\n id,\n docType,\n updated,\n name,\n entityIdentifier,\n published,\n created,\n status\n } = results[index];\n const updatedDate = updated ? getDateFormat(updated) : null;\n const createdDate = created ? getDateFormat(created) : null;\n const publishedDate = published ? getDateFormat(published) : null;\n return (\n <div key={index} style={style} className=\"list__item--resultWrapper\">\n <div className=\"list__item list__item--result\">\n <div className=\"list__item-row list__item-row--result\">\n <span className=\"list__item-identifier\">{entityIdentifier}</span>\n <a\n href={getNavigationRoute({\n id,\n docType\n })}\n onClick={() =>\n navigate({\n id,\n docType\n })\n }\n className=\"list__item-link\">\n {name}\n </a>\n\n <div className=\"list__item-dates\">\n {publishedDate && (\n <span>\n <b>Published: </b>\n {publishedDate}\n </span>\n )}\n <span>\n <b>Created: </b>\n {createdDate}\n </span>\n <span>\n <b>Updated: </b>\n {updatedDate}\n </span>\n </div>\n <div className=\"list__item-status\">\n {status && (\n <span>\n <b>Status: </b>\n {status}\n </span>\n )}\n </div>\n </div>\n </div>\n </div>\n );\n }}\n />\n </div>\n </>\n );\n};\n\nSearchResults.propTypes = {\n loading: PropTypes.bool.isRequired,\n results: PropTypes.array.isRequired,\n total: PropTypes.number.isRequired,\n setQueryParams: PropTypes.func.isRequired,\n closeModal: PropTypes.func.isRequired,\n history: PropTypes.object.isRequired,\n currentValue: PropTypes.string.isRequired\n};\n\nexport default withRouter(SearchResults);\n"],"mappings":"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"}
|
|
@@ -49,7 +49,7 @@ const SearchPublishedContent = ({
|
|
|
49
49
|
useEffect(() => {
|
|
50
50
|
if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
|
|
51
51
|
setQueryParams({
|
|
52
|
-
value: debouncedSearchTerm
|
|
52
|
+
value: `${debouncedSearchTerm}*`
|
|
53
53
|
});
|
|
54
54
|
setPreviousSearchTerm(debouncedSearchTerm);
|
|
55
55
|
}
|