@blaze-cms/plugin-search-ui 0.127.0 → 0.128.0-admin-updates.3
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 +32 -0
- package/lib/application/query/index.js.map +1 -1
- package/lib/components/SearchAdmin/RecentSearches/RecentSearches.js.map +1 -1
- package/lib/components/SearchAdmin/RecentSearches/index.js.map +1 -1
- package/lib/components/SearchAdmin/SearchAdmin.js +57 -12
- package/lib/components/SearchAdmin/SearchAdmin.js.map +1 -1
- package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +113 -0
- package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +1 -0
- package/lib/components/SearchAdmin/SearchAdminSideBar/index.js +12 -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/SearchBar/index.js.map +1 -1
- package/lib/components/SearchAdmin/SearchResults/SearchResults.js +34 -24
- package/lib/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
- package/lib/components/SearchAdmin/SearchResults/index.js.map +1 -1
- package/lib/components/SearchAdmin/TriggerModal/TriggerModal.js.map +1 -1
- package/lib/components/SearchAdmin/TriggerModal/index.js.map +1 -1
- package/lib/components/SearchAdmin/index.js.map +1 -1
- package/lib/components/SearchPublishedContent/SearchPublishedContent.js +4 -4
- package/lib/components/SearchPublishedContent/SearchPublishedContent.js.map +1 -1
- package/lib/components/SearchPublishedContent/index.js.map +1 -1
- package/lib/components/useLocalStorage/index.js.map +1 -1
- package/lib/components/useLocalStorage/useLocalStorage.js.map +1 -1
- package/lib/components/useSearch/index.js.map +1 -1
- package/lib/components/useSearch/useSearch.js +23 -17
- package/lib/components/useSearch/useSearch.js.map +1 -1
- package/lib/components/useSearchResults/index.js.map +1 -1
- package/lib/components/useSearchResults/useSearchResults.js +1 -19
- package/lib/components/useSearchResults/useSearchResults.js.map +1 -1
- package/lib/constants.js.map +1 -1
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useDebounceSearch.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-es/application/query/index.js.map +1 -1
- package/lib-es/components/SearchAdmin/RecentSearches/RecentSearches.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchAdmin.js +31 -3
- package/lib-es/components/SearchAdmin/SearchAdmin.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +76 -0
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +1 -0
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js +3 -0
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js.map +1 -0
- package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js.map +1 -1
- 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/SearchAdmin/TriggerModal/TriggerModal.js.map +1 -1
- package/lib-es/components/SearchPublishedContent/SearchPublishedContent.js.map +1 -1
- package/lib-es/components/useLocalStorage/useLocalStorage.js.map +1 -1
- package/lib-es/components/useSearch/useSearch.js +5 -2
- 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/lib-es/hooks/useDebounceSearch.js.map +1 -1
- package/package.json +6 -6
- 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/useSearch/useSearch.js +8 -2
- package/src/components/useSearchResults/useSearchResults.js +1 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TriggerModal.js","names":["TriggerModal","toggleSearchModal","propTypes","PropTypes","func","isRequired"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/TriggerModal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst TriggerModal = ({ toggleSearchModal }) => (\n <span\n role=\"button\"\n className=\"material-icons searchModal-search-icon\"\n onClick={toggleSearchModal}>\n search\n </span>\n);\n\nTriggerModal.propTypes = {\n toggleSearchModal: PropTypes.func.isRequired\n};\n\nexport default TriggerModal;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA,
|
|
1
|
+
{"version":3,"file":"TriggerModal.js","names":["_react","_interopRequireDefault","require","_propTypes","TriggerModal","_ref","toggleSearchModal","createElement","role","className","onClick","propTypes","PropTypes","func","isRequired","_default","exports"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/TriggerModal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst TriggerModal = ({ toggleSearchModal }) => (\n <span\n role=\"button\"\n className=\"material-icons searchModal-search-icon\"\n onClick={toggleSearchModal}>\n search\n </span>\n);\n\nTriggerModal.propTypes = {\n toggleSearchModal: PropTypes.func.isRequired\n};\n\nexport default TriggerModal;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA;EAAA,IAAMC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;EAAA,oBACvCN,MAAA,YAAAO,aAAA;IACEC,IAAI,EAAC,QAAQ;IACbC,SAAS,EAAC,wCAAwC;IAClDC,OAAO,EAAEJ;EAAkB,GAAC,QAE9B,CAAO;AAAA,CACR;AAEDF,YAAY,CAACO,SAAS,GAAG;EACvBL,iBAAiB,EAAEM,qBAAS,CAACC,IAAI,CAACC;AACpC,CAAC;AAAC,IAAAC,QAAA,GAEaX,YAAY;AAAAY,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["TriggerModal"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/index.js"],"sourcesContent":["import TriggerModal from './TriggerModal';\n\nexport default TriggerModal;\n"],"mappings":";;;;;;;;AAAA;AAA0C,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_TriggerModal","_interopRequireDefault","require","_default","TriggerModal","exports"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/index.js"],"sourcesContent":["import TriggerModal from './TriggerModal';\n\nexport default TriggerModal;\n"],"mappings":";;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0C,IAAAC,QAAA,GAE3BC,wBAAY;AAAAC,OAAA,cAAAF,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["SearchAdmin"],"sources":["../../../src/components/SearchAdmin/index.js"],"sourcesContent":["import SearchAdmin from './SearchAdmin';\n\nexport default SearchAdmin;\n"],"mappings":";;;;;;;;AAAA;AAAwC,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_SearchAdmin","_interopRequireDefault","require","_default","SearchAdmin","exports"],"sources":["../../../src/components/SearchAdmin/index.js"],"sourcesContent":["import SearchAdmin from './SearchAdmin';\n\nexport default SearchAdmin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,IAAAC,QAAA,GAEzBC,uBAAW;AAAAC,OAAA,cAAAF,QAAA"}
|
|
@@ -84,10 +84,10 @@ var SearchPublishedContent = function SearchPublishedContent(_ref) {
|
|
|
84
84
|
}
|
|
85
85
|
}, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);
|
|
86
86
|
var handleOnChange = function handleOnChange(_ref2) {
|
|
87
|
-
var _ref2$target = _ref2.target
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
value = _ref2$
|
|
87
|
+
var _ref2$target = _ref2.target,
|
|
88
|
+
_ref2$target2 = _ref2$target === void 0 ? {} : _ref2$target,
|
|
89
|
+
_ref2$target2$value = _ref2$target2.value,
|
|
90
|
+
value = _ref2$target2$value === void 0 ? '' : _ref2$target2$value;
|
|
91
91
|
onChange(value);
|
|
92
92
|
setSearchTerm(value);
|
|
93
93
|
};
|
|
@@ -1 +1 @@
|
|
|
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
|
+
{"version":3,"file":"SearchPublishedContent.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_propTypes","_md","_customHooks","_useSearchResults3","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchPublishedContent","_ref","entities","children","resultKeys","getIsOpenSearchBar","SearchIcon","CloseIcon","className","onChange","placeholder","onEnterPress","inputRef","isSearchBarOpen","fields","_useState","useState","_useState2","_slicedToArray2","displaySearchBar","setDisplaySearchBar","_useState3","_useState4","searchTerm","setSearchTerm","_useState5","_useState6","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","useDebounce","_useSearchResults","useSearchResults","queryKey","SEARCH_PUBLISHED","_useSearchResults2","_useSearchResults2$","loading","results","setQueryParams","useEffect","current","focus","value","concat","handleOnChange","_ref2","_ref2$target","target","_ref2$target2","_ref2$target2$value","handleKeyPress","event","onEnter","handleSearchBar","voidSearchTerm","searchWrapperClassname","classnames","triggerClassname","open","createElement","onKeyPress","type","ref","role","onClick","id","SEARCH_BUTTON","title","length","propTypes","PropTypes","array","func","isRequired","string","object","bool","defaultProps","DEFAULT_RESULTS_KEYS","state","MdSearch","MdClose","_default","exports"],"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":"index.js","names":["SearchPublishedContent"],"sources":["../../../src/components/SearchPublishedContent/index.js"],"sourcesContent":["import SearchPublishedContent from './SearchPublishedContent';\n\nexport default SearchPublishedContent;\n"],"mappings":";;;;;;;;AAAA;AAA8D,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_SearchPublishedContent","_interopRequireDefault","require","_default","SearchPublishedContent","exports"],"sources":["../../../src/components/SearchPublishedContent/index.js"],"sourcesContent":["import SearchPublishedContent from './SearchPublishedContent';\n\nexport default SearchPublishedContent;\n"],"mappings":";;;;;;;;AAAA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8D,IAAAC,QAAA,GAE/CC,kCAAsB;AAAAC,OAAA,cAAAF,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["useLocalStorage"],"sources":["../../../src/components/useLocalStorage/index.js"],"sourcesContent":["import useLocalStorage from './useLocalStorage';\n\nexport default useLocalStorage;\n"],"mappings":";;;;;;;;AAAA;AAAgD,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_useLocalStorage","_interopRequireDefault","require","_default","useLocalStorage","exports"],"sources":["../../../src/components/useLocalStorage/index.js"],"sourcesContent":["import useLocalStorage from './useLocalStorage';\n\nexport default useLocalStorage;\n"],"mappings":";;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAgD,IAAAC,QAAA,GAEjCC,2BAAe;AAAAC,OAAA,cAAAF,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
1
|
+
{"version":3,"file":"useLocalStorage.js","names":["_react","require","useLocalStorage","key","initialValue","_useState","useState","item","window","localStorage","getItem","JSON","parse","_useState2","_slicedToArray2","storedValue","setStoredValue","setValue","value","valueToStore","Function","setItem","stringify","_default","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AAEA,SAASC,eAAeA,CAACC,GAAG,EAAEC,YAAY,EAAE;EAC1C,IAAAC,SAAA,GAAsC,IAAAC,eAAQ,EAAC,YAAM;MACnD,IAAMC,IAAI,GAAGC,MAAM,CAACC,YAAY,CAACC,OAAO,CAACP,GAAG,CAAC;MAC7C,OAAOI,IAAI,GAAGI,IAAI,CAACC,KAAK,CAACL,IAAI,CAAC,GAAGH,YAAY;IAC/C,CAAC,CAAC;IAAAS,UAAA,OAAAC,eAAA,aAAAT,SAAA;IAHKU,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAKlC,IAAMI,QAAQ,GAAG,SAAXA,QAAQA,CAAGC,KAAK,EAAI;IACxB,IAAMC,YAAY,GAAGD,KAAK,YAAYE,QAAQ,GAAGF,KAAK,CAACH,WAAW,CAAC,GAAGG,KAAK;IAC3EF,cAAc,CAACG,YAAY,CAAC;IAC5BX,MAAM,CAACC,YAAY,CAACY,OAAO,CAAClB,GAAG,EAAEQ,IAAI,CAACW,SAAS,CAACH,YAAY,CAAC,CAAC;EAChE,CAAC;EAED,OAAO,CAACJ,WAAW,EAAEE,QAAQ,CAAC;AAChC;AAAC,IAAAM,QAAA,GAEcrB,eAAe;AAAAsB,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["useSearch"],"sources":["../../../src/components/useSearch/index.js"],"sourcesContent":["import useSearch from './useSearch';\n\nexport default useSearch;\n"],"mappings":";;;;;;;;AAAA;AAAoC,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_useSearch","_interopRequireDefault","require","_default","useSearch","exports"],"sources":["../../../src/components/useSearch/index.js"],"sourcesContent":["import useSearch from './useSearch';\n\nexport default useSearch;\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoC,IAAAC,QAAA,GAErBC,qBAAS;AAAAC,OAAA,cAAAF,QAAA"}
|
|
@@ -15,9 +15,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
15
15
|
value: true
|
|
16
16
|
});
|
|
17
17
|
exports["default"] = void 0;
|
|
18
|
-
require("core-js/modules/es.array.map.js");
|
|
19
18
|
require("core-js/modules/es.regexp.exec.js");
|
|
20
19
|
require("core-js/modules/es.string.search.js");
|
|
20
|
+
require("core-js/modules/es.array.map.js");
|
|
21
21
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
22
22
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
23
23
|
var _react = require("react");
|
|
@@ -43,10 +43,14 @@ 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)([]),
|
|
47
47
|
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
en = _useState6[0],
|
|
49
|
+
setEn = _useState6[1];
|
|
50
|
+
var _useState7 = (0, _react.useState)(null),
|
|
51
|
+
_useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
|
|
52
|
+
previousOffset = _useState8[0],
|
|
53
|
+
setPreviousOffset = _useState8[1];
|
|
50
54
|
var buildSearchQuery = _query["default"][queryKey];
|
|
51
55
|
var _useLazyQuery = (0, _client.useLazyQuery)(buildSearchQuery({
|
|
52
56
|
resultKeys: resultKeys
|
|
@@ -57,17 +61,17 @@ function useSearch(_ref) {
|
|
|
57
61
|
getSearchResults = _useLazyQuery2[0],
|
|
58
62
|
_useLazyQuery2$ = _useLazyQuery2[1],
|
|
59
63
|
loading = _useLazyQuery2$.loading,
|
|
60
|
-
_useLazyQuery2$$data = _useLazyQuery2$.data
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
results = _useLazyQuery2$$
|
|
69
|
-
jsonResults = _useLazyQuery2$$
|
|
70
|
-
total = _useLazyQuery2$$
|
|
64
|
+
_useLazyQuery2$$data = _useLazyQuery2$.data,
|
|
65
|
+
_useLazyQuery2$$data2 = _useLazyQuery2$$data === void 0 ? {
|
|
66
|
+
search: {
|
|
67
|
+
results: [],
|
|
68
|
+
total: 0
|
|
69
|
+
}
|
|
70
|
+
} : _useLazyQuery2$$data,
|
|
71
|
+
_useLazyQuery2$$data3 = _useLazyQuery2$$data2.search,
|
|
72
|
+
results = _useLazyQuery2$$data3.results,
|
|
73
|
+
jsonResults = _useLazyQuery2$$data3.jsonResults,
|
|
74
|
+
total = _useLazyQuery2$$data3.total;
|
|
71
75
|
// todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108
|
|
72
76
|
// without ssr: false clients can hang in ssr.
|
|
73
77
|
|
|
@@ -80,6 +84,7 @@ function useSearch(_ref) {
|
|
|
80
84
|
value = queryParams.value;
|
|
81
85
|
var isNewValueSet = value && value !== searchedValue;
|
|
82
86
|
var isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
|
|
87
|
+
var notSameLength = en.length !== entities.length;
|
|
83
88
|
var parsedEntities = entities.length ? entities.map(function (entity) {
|
|
84
89
|
return {
|
|
85
90
|
match: {
|
|
@@ -87,7 +92,7 @@ function useSearch(_ref) {
|
|
|
87
92
|
}
|
|
88
93
|
};
|
|
89
94
|
}) : [];
|
|
90
|
-
if (isNewValueSet || isNewOffsetSet) {
|
|
95
|
+
if (isNewValueSet || isNewOffsetSet || notSameLength) {
|
|
91
96
|
getSearchResults({
|
|
92
97
|
variables: {
|
|
93
98
|
limit: limit,
|
|
@@ -114,8 +119,9 @@ function useSearch(_ref) {
|
|
|
114
119
|
});
|
|
115
120
|
setSearchedValue(value);
|
|
116
121
|
setPreviousOffset(offset);
|
|
122
|
+
setEn(entities);
|
|
117
123
|
}
|
|
118
|
-
}, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields]);
|
|
124
|
+
}, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields, entities.length, en.length]);
|
|
119
125
|
return [{
|
|
120
126
|
searchedValue: queryParams.value,
|
|
121
127
|
loading: loading,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSearch.js","names":["useSearch","queryKey","resultKeys","entities","fields","useState","limit","offset","value","queryParams","setParams","searchedValue","setSearchedValue","previousOffset","setPreviousOffset","buildSearchQuery","searchQueries","useLazyQuery","ssr","getSearchResults","loading","data","search","results","total","jsonResults","handleQueryParams","newQueryParams","useEffect","isNewValueSet","isNewOffsetSet","
|
|
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","en","setEn","_useState7","_useState8","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","notSameLength","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 [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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["useSearchResults"],"sources":["../../../src/components/useSearchResults/index.js"],"sourcesContent":["import useSearchResults from './useSearchResults';\n\nexport default useSearchResults;\n"],"mappings":";;;;;;;;AAAA;AAAkD,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_useSearchResults","_interopRequireDefault","require","_default","useSearchResults","exports"],"sources":["../../../src/components/useSearchResults/index.js"],"sourcesContent":["import useSearchResults from './useSearchResults';\n\nexport default useSearchResults;\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAkD,IAAAC,QAAA,GAEnCC,4BAAgB;AAAAC,OAAA,cAAAF,QAAA"}
|
|
@@ -15,11 +15,8 @@ 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");
|
|
19
18
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
20
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
21
19
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
22
|
-
var _react = require("react");
|
|
23
20
|
var _useSearch3 = _interopRequireDefault(require("../useSearch"));
|
|
24
21
|
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; }
|
|
25
22
|
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; }
|
|
@@ -42,22 +39,7 @@ function useSearchResults(_ref) {
|
|
|
42
39
|
results = _useSearch2$$data.results,
|
|
43
40
|
total = _useSearch2$$data.total,
|
|
44
41
|
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]);
|
|
59
42
|
var clearList = function clearList(params) {
|
|
60
|
-
setAllResults([]);
|
|
61
43
|
setParams(_objectSpread(_objectSpread({}, params), {}, {
|
|
62
44
|
offset: 0
|
|
63
45
|
}));
|
|
@@ -67,7 +49,7 @@ function useSearchResults(_ref) {
|
|
|
67
49
|
};
|
|
68
50
|
return [{
|
|
69
51
|
loading: loading,
|
|
70
|
-
results:
|
|
52
|
+
results: results,
|
|
71
53
|
total: total
|
|
72
54
|
}, setQueryParams];
|
|
73
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSearchResults.js","names":["
|
|
1
|
+
{"version":3,"file":"useSearchResults.js","names":["_useSearch3","_interopRequireDefault","require","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","clearList","params","offset","setQueryParams","value","_default","exports"],"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,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAqC,SAAAC,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,QAAAC,gBAAA,aAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAErC,SAASW,gBAAgBA,CAAAC,IAAA,EAA6C;EAAA,IAA1CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;EAChE,IAAAC,UAAA,GAOI,IAAAC,sBAAS,EAAC;MAAEL,QAAQ,EAARA,QAAQ;MAAEC,UAAU,EAAVA,UAAU;MAAEC,QAAQ,EAARA,QAAQ;MAAEC,MAAM,EAANA;IAAO,CAAC,CAAC;IAAAG,WAAA,OAAAC,eAAA,aAAAH,UAAA;IAAAI,YAAA,GAAAF,WAAA;IALrDG,aAAa,GAAAD,YAAA,CAAbC,aAAa;IACbC,OAAO,GAAAF,YAAA,CAAPE,OAAO;IAAAC,iBAAA,GAAAH,YAAA,CACPI,IAAI;IAAIC,OAAO,GAAAF,iBAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,iBAAA,CAALG,KAAK;IAExBC,SAAS,GAAAT,WAAA;EAGX,IAAMU,SAAS,GAAG,SAAZA,SAASA,CAAGC,MAAM,EAAI;IAC1BF,SAAS,CAAA7B,aAAA,CAAAA,aAAA,KAAM+B,MAAM;MAAEC,MAAM,EAAE;IAAC,GAAG;EACrC,CAAC;EAED,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAGF,MAAM,EAAI;IAC/BA,MAAM,CAACG,KAAK,KAAKX,aAAa,GAAGO,SAAS,CAACC,MAAM,CAAC,GAAGF,SAAS,CAACE,MAAM,CAAC;EACxE,CAAC;EAED,OAAO,CAAC;IAAEP,OAAO,EAAPA,OAAO;IAAEG,OAAO,EAAPA,OAAO;IAAEC,KAAK,EAALA;EAAM,CAAC,EAAEK,cAAc,CAAC;AACtD;AAAC,IAAAE,QAAA,GAEcvB,gBAAgB;AAAAwB,OAAA,cAAAD,QAAA"}
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["SEARCH_ADMIN","SEARCH_PUBLISHED","SEARCH_RESULTS_OVER_SCAN_BUFFER","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","DEFAULT_RESULTS_KEYS","SEARCH_BUTTON","FILE"],"sources":["../src/constants.js"],"sourcesContent":["const SEARCH_ADMIN = 'SEARCH_ADMIN';\nconst SEARCH_PUBLISHED = 'SEARCH_PUBLISHED';\nconst SEARCH_RESULTS_OVER_SCAN_BUFFER = 0;\nconst SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST = 186;\nconst SEARCH_RESULTS_ITEM_SIZE = 105;\nconst DEFAULT_RESULTS_KEYS = 'name, url';\nconst SEARCH_BUTTON = 'search-button';\nconst FILE = 'file';\n\nexport {\n SEARCH_ADMIN,\n SEARCH_PUBLISHED,\n SEARCH_RESULTS_OVER_SCAN_BUFFER,\n SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n SEARCH_RESULTS_ITEM_SIZE,\n DEFAULT_RESULTS_KEYS,\n SEARCH_BUTTON,\n FILE\n};\n"],"mappings":";;;;;;;AAAA,IAAMA,YAAY,GAAG,cAAc;
|
|
1
|
+
{"version":3,"file":"constants.js","names":["SEARCH_ADMIN","exports","SEARCH_PUBLISHED","SEARCH_RESULTS_OVER_SCAN_BUFFER","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","DEFAULT_RESULTS_KEYS","SEARCH_BUTTON","FILE"],"sources":["../src/constants.js"],"sourcesContent":["const SEARCH_ADMIN = 'SEARCH_ADMIN';\nconst SEARCH_PUBLISHED = 'SEARCH_PUBLISHED';\nconst SEARCH_RESULTS_OVER_SCAN_BUFFER = 0;\nconst SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST = 186;\nconst SEARCH_RESULTS_ITEM_SIZE = 105;\nconst DEFAULT_RESULTS_KEYS = 'name, url';\nconst SEARCH_BUTTON = 'search-button';\nconst FILE = 'file';\n\nexport {\n SEARCH_ADMIN,\n SEARCH_PUBLISHED,\n SEARCH_RESULTS_OVER_SCAN_BUFFER,\n SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n SEARCH_RESULTS_ITEM_SIZE,\n DEFAULT_RESULTS_KEYS,\n SEARCH_BUTTON,\n FILE\n};\n"],"mappings":";;;;;;;AAAA,IAAMA,YAAY,GAAG,cAAc;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA;AACpC,IAAME,gBAAgB,GAAG,kBAAkB;AAACD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAC5C,IAAMC,+BAA+B,GAAG,CAAC;AAACF,OAAA,CAAAE,+BAAA,GAAAA,+BAAA;AAC1C,IAAMC,wCAAwC,GAAG,GAAG;AAACH,OAAA,CAAAG,wCAAA,GAAAA,wCAAA;AACrD,IAAMC,wBAAwB,GAAG,GAAG;AAACJ,OAAA,CAAAI,wBAAA,GAAAA,wBAAA;AACrC,IAAMC,oBAAoB,GAAG,WAAW;AAACL,OAAA,CAAAK,oBAAA,GAAAA,oBAAA;AACzC,IAAMC,aAAa,GAAG,eAAe;AAACN,OAAA,CAAAM,aAAA,GAAAA,aAAA;AACtC,IAAMC,IAAI,GAAG,MAAM;AAACP,OAAA,CAAAO,IAAA,GAAAA,IAAA"}
|
package/lib/hooks/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["useDebounceSearch"],"sources":["../../src/hooks/index.js"],"sourcesContent":["import useDebounceSearch from './useDebounceSearch';\n\nexport default useDebounceSearch;\n"],"mappings":";;;;;;;;AAAA;AAAoD,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_useDebounceSearch","_interopRequireDefault","require","_default","useDebounceSearch","exports"],"sources":["../../src/hooks/index.js"],"sourcesContent":["import useDebounceSearch from './useDebounceSearch';\n\nexport default useDebounceSearch;\n"],"mappings":";;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoD,IAAAC,QAAA,GAErCC,6BAAiB;AAAAC,OAAA,cAAAF,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
1
|
+
{"version":3,"file":"useDebounceSearch.js","names":["_react","require","_customHooks","_useSearchResults3","_interopRequireDefault","_constants","useDebounceSearch","_ref","entities","resultKeys","fields","initialSearchTerm","_useState","useState","_useState2","_slicedToArray2","searchTerm","setSearchTerm","_useState3","_useState4","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","useDebounce","_useSearchResults","useSearchResults","queryKey","SEARCH_PUBLISHED","_useSearchResults2","_useSearchResults2$","loading","results","setQueryParams","useEffect","value","_default","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA4D;EAAA,IAAtDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;EAC1E,IAAAC,SAAA,GAAoC,IAAAC,eAAQ,EAACF,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,EAAE,CAAC;IAAAG,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAA9DI,UAAU,GAAAF,UAAA;IAAEG,aAAa,GAAAH,UAAA;EAChC,IAAAI,UAAA,GAAoD,IAAAL,eAAQ,EAAC,IAAI,CAAC;IAAAM,UAAA,OAAAJ,eAAA,aAAAG,UAAA;IAA3DE,kBAAkB,GAAAD,UAAA;IAAEE,qBAAqB,GAAAF,UAAA;EAChD,IAAMG,mBAAmB,GAAG,IAAAC,wBAAW,EAACP,UAAU,EAAE,GAAG,CAAC;EAExD,IAAAQ,iBAAA,GAA+C,IAAAC,6BAAgB,EAAC;MAC9DC,QAAQ,EAAEC,2BAAgB;MAC1BlB,UAAU,EAAVA,UAAU;MACVD,QAAQ,EAARA,QAAQ;MACRE,MAAM,EAANA;IACF,CAAC,CAAC;IAAAkB,kBAAA,OAAAb,eAAA,aAAAS,iBAAA;IAAAK,mBAAA,GAAAD,kBAAA;IALOE,OAAO,GAAAD,mBAAA,CAAPC,OAAO;IAAEC,OAAO,GAAAF,mBAAA,CAAPE,OAAO;IAAIC,cAAc,GAAAJ,kBAAA;EAO3C,IAAAK,gBAAS,EACP,YAAM;IACJ,IAAIX,mBAAmB,IAAIA,mBAAmB,KAAKF,kBAAkB,EAAE;MACrEY,cAAc,CAAC;QAAEE,KAAK,EAAEZ;MAAoB,CAAC,CAAC;MAC9CD,qBAAqB,CAACC,mBAAmB,CAAC;IAC5C;EACF,CAAC,EACD,CAACA,mBAAmB,EAAEF,kBAAkB,EAAEY,cAAc,CAAC,CAC1D;EAED,OAAO;IACLF,OAAO,EAAPA,OAAO;IACPC,OAAO,EAAPA,OAAO;IACPf,UAAU,EAAVA,UAAU;IACVC,aAAa,EAAbA,aAAa;IACbI,qBAAqB,EAArBA,qBAAqB;IACrBC,mBAAmB,EAAnBA,mBAAmB;IACnBF,kBAAkB,EAAlBA;EACF,CAAC;AACH,CAAC;AAAC,IAAAe,QAAA,GAEa7B,iBAAiB;AAAA8B,OAAA,cAAAD,QAAA"}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import SearchAdmin from './components/SearchAdmin';\nimport SearchPublishedContent from './components/SearchPublishedContent';\nimport SearchBar from './components/SearchAdmin/SearchBar';\nimport useDebounceSearch from './hooks/useDebounceSearch';\n\nexport { SearchAdmin, SearchPublishedContent, SearchBar, useDebounceSearch };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_SearchAdmin","_interopRequireDefault","require","_SearchPublishedContent","_SearchBar","_useDebounceSearch"],"sources":["../src/index.js"],"sourcesContent":["import SearchAdmin from './components/SearchAdmin';\nimport SearchPublishedContent from './components/SearchPublishedContent';\nimport SearchBar from './components/SearchAdmin/SearchBar';\nimport useDebounceSearch from './hooks/useDebounceSearch';\n\nexport { SearchAdmin, SearchPublishedContent, SearchBar, useDebounceSearch };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["gql","SEARCH_ADMIN","SEARCH_PUBLISHED","resultKeys"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst SEARCH_ADMIN = () => gql`\n query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {\n jsonResults\n total\n }\n }\n`;\n\nconst SEARCH_PUBLISHED = ({ resultKeys }) => gql`\n query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchPublishedContent(\n limit: $limit\n offset: $offset\n sort: $sort\n rawQuery: $rawQuery\n ) {\n results {\n ...on ContentContentInterface {\n ${resultKeys}\n } \n }\n total\n }\n }\n`;\n\nexport default { SEARCH_ADMIN, SEARCH_PUBLISHED };\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,YAAY,
|
|
1
|
+
{"version":3,"file":"index.js","names":["gql","SEARCH_ADMIN","SEARCH_PUBLISHED","resultKeys"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst SEARCH_ADMIN = () => gql`\n query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {\n jsonResults\n total\n }\n }\n`;\n\nconst SEARCH_PUBLISHED = ({ resultKeys }) => gql`\n query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchPublishedContent(\n limit: $limit\n offset: $offset\n sort: $sort\n rawQuery: $rawQuery\n ) {\n results {\n ...on ContentContentInterface {\n ${resultKeys}\n } \n }\n total\n }\n }\n`;\n\nexport default { SEARCH_ADMIN, SEARCH_PUBLISHED };\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,YAAY,GAAGA,CAAA,KAAMD,GAAI;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,gBAAgB,GAAGA,CAAC;EAAEC;AAAW,CAAC,KAAKH,GAAI;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAYG,UAAW;AACvB;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,eAAe;EAAEF,YAAY;EAAEC;AAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RecentSearches.js","names":["React","PropTypes","RecentSearches","recentSearches","handleSearchTerm","search","map","searchedTerm","target","value","propTypes","array","isRequired","func"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/RecentSearches.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst RecentSearches = ({ recentSearches, handleSearchTerm, search }) => (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>Recent searches</h2>\n </div>\n {recentSearches.map(searchedTerm => (\n <div\n key={searchedTerm}\n role=\"button\"\n className=\"list__item list__item--search\"\n onClick={() => {\n handleSearchTerm({ target: { value: searchedTerm } });\n search({ value: searchedTerm });\n }}>\n <div className=\"list__item-row list__item-row--search\">\n <i className=\"material-icons\">search</i>\n <div className=\"list__item-text list__item-text--search\">{searchedTerm}</div>\n </div>\n </div>\n ))}\n </div>\n);\n\nRecentSearches.propTypes = {\n recentSearches: PropTypes.array.isRequired,\n handleSearchTerm: PropTypes.func.isRequired,\n search: PropTypes.func.isRequired\n};\n\nexport default RecentSearches;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,cAAc,
|
|
1
|
+
{"version":3,"file":"RecentSearches.js","names":["React","PropTypes","RecentSearches","recentSearches","handleSearchTerm","search","createElement","className","map","searchedTerm","key","role","onClick","target","value","propTypes","array","isRequired","func"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/RecentSearches.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst RecentSearches = ({ recentSearches, handleSearchTerm, search }) => (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>Recent searches</h2>\n </div>\n {recentSearches.map(searchedTerm => (\n <div\n key={searchedTerm}\n role=\"button\"\n className=\"list__item list__item--search\"\n onClick={() => {\n handleSearchTerm({ target: { value: searchedTerm } });\n search({ value: searchedTerm });\n }}>\n <div className=\"list__item-row list__item-row--search\">\n <i className=\"material-icons\">search</i>\n <div className=\"list__item-text list__item-text--search\">{searchedTerm}</div>\n </div>\n </div>\n ))}\n </div>\n);\n\nRecentSearches.propTypes = {\n recentSearches: PropTypes.array.isRequired,\n handleSearchTerm: PropTypes.func.isRequired,\n search: PropTypes.func.isRequired\n};\n\nexport default RecentSearches;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,cAAc,GAAGA,CAAC;EAAEC,cAAc;EAAEC,gBAAgB;EAAEC;AAAO,CAAC,kBAClEL,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAmB,gBAChCP,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAqB,gBAClCP,KAAA,CAAAM,aAAA,aAAI,iBAAe,CAAK,CACpB,EACLH,cAAc,CAACK,GAAG,CAACC,YAAY,iBAC9BT,KAAA,CAAAM,aAAA;EACEI,GAAG,EAAED,YAAa;EAClBE,IAAI,EAAC,QAAQ;EACbJ,SAAS,EAAC,+BAA+B;EACzCK,OAAO,EAAEA,CAAA,KAAM;IACbR,gBAAgB,CAAC;MAAES,MAAM,EAAE;QAAEC,KAAK,EAAEL;MAAa;IAAE,CAAC,CAAC;IACrDJ,MAAM,CAAC;MAAES,KAAK,EAAEL;IAAa,CAAC,CAAC;EACjC;AAAE,gBACFT,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAuC,gBACpDP,KAAA,CAAAM,aAAA;EAAGC,SAAS,EAAC;AAAgB,GAAC,QAAM,CAAI,eACxCP,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAyC,GAAEE,YAAY,CAAO,CACzE,CAET,CAAC,CAEL;AAEDP,cAAc,CAACa,SAAS,GAAG;EACzBZ,cAAc,EAAEF,SAAS,CAACe,KAAK,CAACC,UAAU;EAC1Cb,gBAAgB,EAAEH,SAAS,CAACiB,IAAI,CAACD,UAAU;EAC3CZ,MAAM,EAAEJ,SAAS,CAACiB,IAAI,CAACD;AACzB,CAAC;AAED,eAAef,cAAc"}
|
|
@@ -1,24 +1,30 @@
|
|
|
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
|
const SearchAdmin = () => {
|
|
11
13
|
const [searchTerm, setSearchTerm] = useState('');
|
|
14
|
+
const [openSearchSideBar, setOpenSearchSideBar] = useState(true);
|
|
15
|
+
const [entityValues, setEntityValues] = useState([]);
|
|
12
16
|
const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);
|
|
13
17
|
const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);
|
|
14
18
|
const [enableResults, setEnableResults] = useState(true);
|
|
15
19
|
const searchInputRef = useRef(null);
|
|
20
|
+
const debouncedEntityValues = useDebounce(entityValues, 500);
|
|
16
21
|
const [{
|
|
17
22
|
loading,
|
|
18
23
|
results,
|
|
19
24
|
total
|
|
20
25
|
}, setQueryParams] = useSearchResults({
|
|
21
|
-
queryKey: SEARCH_ADMIN
|
|
26
|
+
queryKey: SEARCH_ADMIN,
|
|
27
|
+
entities: debouncedEntityValues.map(e => e.id)
|
|
22
28
|
});
|
|
23
29
|
useEffect(() => {
|
|
24
30
|
if (searchInputRef && searchInputRef.current) {
|
|
@@ -72,17 +78,39 @@ const SearchAdmin = () => {
|
|
|
72
78
|
const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {
|
|
73
79
|
'modal--show': displaySearchModalFrame
|
|
74
80
|
});
|
|
81
|
+
const searchModalSideBarClassName = classnames('modal__search__sidebar', {
|
|
82
|
+
'modal__search__sidebar--close': !openSearchSideBar
|
|
83
|
+
});
|
|
75
84
|
const isEmptySearchTermAndData = !searchTerm && !results.length;
|
|
76
85
|
const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
|
|
77
86
|
const shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
|
|
78
87
|
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
|
+
};
|
|
79
96
|
return /*#__PURE__*/React.createElement("div", {
|
|
80
97
|
className: "search search--header"
|
|
81
98
|
}, /*#__PURE__*/React.createElement(TriggerModal, {
|
|
82
99
|
toggleSearchModal: toggleSearchModal
|
|
83
100
|
}), /*#__PURE__*/React.createElement("div", {
|
|
84
101
|
className: searchModalResultsClassName
|
|
85
|
-
}, displaySearchModalFrame && /*#__PURE__*/React.createElement(
|
|
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", {
|
|
86
114
|
className: "modal__header modal__header--search"
|
|
87
115
|
}, /*#__PURE__*/React.createElement(SearchBar, {
|
|
88
116
|
toggleSearchModal: toggleSearchModal,
|
|
@@ -109,7 +137,7 @@ const SearchAdmin = () => {
|
|
|
109
137
|
total: total,
|
|
110
138
|
setQueryParams: setQueryParams,
|
|
111
139
|
closeModal: toggleSearchModal
|
|
112
|
-
}))));
|
|
140
|
+
})))));
|
|
113
141
|
};
|
|
114
142
|
export default SearchAdmin;
|
|
115
143
|
//# sourceMappingURL=SearchAdmin.js.map
|
|
@@ -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","createElement","className","Fragment","currentValue","closeModal"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport SearchAdminSideBar from './SearchAdminSideBar';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [openSearchSideBar, setOpenSearchSideBar] = useState(true);\n const [entityValues, setEntityValues] = useState([]);\n\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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"}
|