@blaze-cms/plugin-search-ui 0.125.0-core-styles.0 → 0.125.0-f-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 +23 -1
- package/lib/application/query/index.js +0 -8
- package/lib/application/query/index.js.map +1 -1
- package/lib/components/SearchAdmin/RecentSearches/RecentSearches.js +2 -11
- package/lib/components/SearchAdmin/RecentSearches/RecentSearches.js.map +1 -1
- package/lib/components/SearchAdmin/RecentSearches/index.js +0 -4
- package/lib/components/SearchAdmin/RecentSearches/index.js.map +1 -1
- package/lib/components/SearchAdmin/SearchAdmin.js +70 -68
- 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 +7 -15
- package/lib/components/SearchAdmin/SearchBar/SearchBar.js.map +1 -1
- package/lib/components/SearchAdmin/SearchBar/index.js +0 -4
- package/lib/components/SearchAdmin/SearchBar/index.js.map +1 -1
- package/lib/components/SearchAdmin/SearchResults/SearchResults.js +37 -65
- package/lib/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
- package/lib/components/SearchAdmin/SearchResults/index.js +0 -4
- package/lib/components/SearchAdmin/SearchResults/index.js.map +1 -1
- package/lib/components/SearchAdmin/TriggerModal/TriggerModal.js +0 -6
- package/lib/components/SearchAdmin/TriggerModal/TriggerModal.js.map +1 -1
- package/lib/components/SearchAdmin/TriggerModal/index.js +0 -4
- package/lib/components/SearchAdmin/TriggerModal/index.js.map +1 -1
- package/lib/components/SearchAdmin/index.js +0 -4
- package/lib/components/SearchAdmin/index.js.map +1 -1
- package/lib/components/SearchPublishedContent/SearchPublishedContent.js +36 -67
- package/lib/components/SearchPublishedContent/SearchPublishedContent.js.map +1 -1
- package/lib/components/SearchPublishedContent/index.js +0 -4
- package/lib/components/SearchPublishedContent/index.js.map +1 -1
- package/lib/components/useLocalStorage/index.js +0 -4
- package/lib/components/useLocalStorage/index.js.map +1 -1
- package/lib/components/useLocalStorage/useLocalStorage.js +6 -14
- package/lib/components/useLocalStorage/useLocalStorage.js.map +1 -1
- package/lib/components/useSearch/index.js +0 -4
- package/lib/components/useSearch/index.js.map +1 -1
- package/lib/components/useSearch/useSearch.js +41 -65
- package/lib/components/useSearch/useSearch.js.map +1 -1
- package/lib/components/useSearchResults/index.js +0 -4
- package/lib/components/useSearchResults/index.js.map +1 -1
- package/lib/components/useSearchResults/useSearchResults.js +17 -63
- package/lib/components/useSearchResults/useSearchResults.js.map +1 -1
- package/lib/constants.js +0 -1
- package/lib/constants.js.map +1 -1
- package/lib/hooks/index.js +0 -4
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useDebounceSearch.js +19 -33
- package/lib/hooks/useDebounceSearch.js.map +1 -1
- package/lib/index.js +0 -6
- package/lib/index.js.map +1 -1
- package/lib-es/application/query/index.js +0 -3
- package/lib-es/application/query/index.js.map +1 -1
- package/lib-es/components/SearchAdmin/RecentSearches/RecentSearches.js +0 -2
- package/lib-es/components/SearchAdmin/RecentSearches/RecentSearches.js.map +1 -1
- package/lib-es/components/SearchAdmin/RecentSearches/index.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchAdmin.js +31 -14
- 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 +0 -2
- package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchBar/index.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js +18 -15
- package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchResults/index.js.map +1 -1
- package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js +0 -2
- package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js.map +1 -1
- package/lib-es/components/SearchAdmin/TriggerModal/index.js.map +1 -1
- package/lib-es/components/SearchAdmin/index.js.map +1 -1
- package/lib-es/components/SearchPublishedContent/SearchPublishedContent.js +4 -10
- package/lib-es/components/SearchPublishedContent/SearchPublishedContent.js.map +1 -1
- package/lib-es/components/SearchPublishedContent/index.js.map +1 -1
- package/lib-es/components/useLocalStorage/index.js.map +1 -1
- package/lib-es/components/useLocalStorage/useLocalStorage.js +0 -4
- package/lib-es/components/useLocalStorage/useLocalStorage.js.map +1 -1
- package/lib-es/components/useSearch/index.js.map +1 -1
- package/lib-es/components/useSearch/useSearch.js +7 -10
- package/lib-es/components/useSearch/useSearch.js.map +1 -1
- package/lib-es/components/useSearchResults/index.js.map +1 -1
- package/lib-es/components/useSearchResults/useSearchResults.js +1 -19
- package/lib-es/components/useSearchResults/useSearchResults.js.map +1 -1
- package/lib-es/constants.js.map +1 -1
- package/lib-es/hooks/index.js.map +1 -1
- package/lib-es/hooks/useDebounceSearch.js +0 -2
- package/lib-es/hooks/useDebounceSearch.js.map +1 -1
- package/lib-es/index.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/useSearch/useSearch.js +8 -2
- package/src/components/useSearchResults/useSearchResults.js +1 -15
|
@@ -1,103 +1,79 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.array.iterator.js");
|
|
4
|
-
|
|
5
4
|
require("core-js/modules/es.object.to-string.js");
|
|
6
|
-
|
|
7
5
|
require("core-js/modules/es.string.iterator.js");
|
|
8
|
-
|
|
9
6
|
require("core-js/modules/es.weak-map.js");
|
|
10
|
-
|
|
11
7
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
12
|
-
|
|
13
8
|
require("core-js/modules/es.object.define-property.js");
|
|
14
|
-
|
|
15
9
|
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
16
|
-
|
|
17
10
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
18
|
-
|
|
19
11
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
20
|
-
|
|
21
12
|
Object.defineProperty(exports, "__esModule", {
|
|
22
13
|
value: true
|
|
23
14
|
});
|
|
24
15
|
exports["default"] = void 0;
|
|
25
|
-
|
|
26
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
-
|
|
30
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
|
-
|
|
32
19
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
33
|
-
|
|
34
20
|
var _md = require("react-icons/md");
|
|
35
|
-
|
|
36
21
|
var _customHooks = require("@blaze-react/utils/lib/customHooks");
|
|
37
|
-
|
|
38
22
|
var _useSearchResults3 = _interopRequireDefault(require("../useSearchResults"));
|
|
39
|
-
|
|
40
23
|
var _constants = require("../../constants");
|
|
41
|
-
|
|
42
24
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
43
|
-
|
|
44
25
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
45
|
-
|
|
46
26
|
var SearchPublishedContent = function SearchPublishedContent(_ref) {
|
|
47
27
|
var entities = _ref.entities,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
28
|
+
children = _ref.children,
|
|
29
|
+
resultKeys = _ref.resultKeys,
|
|
30
|
+
getIsOpenSearchBar = _ref.getIsOpenSearchBar,
|
|
31
|
+
SearchIcon = _ref.SearchIcon,
|
|
32
|
+
CloseIcon = _ref.CloseIcon,
|
|
33
|
+
className = _ref.className,
|
|
34
|
+
onChange = _ref.onChange,
|
|
35
|
+
placeholder = _ref.placeholder,
|
|
36
|
+
onEnterPress = _ref.onEnterPress,
|
|
37
|
+
inputRef = _ref.inputRef,
|
|
38
|
+
isSearchBarOpen = _ref.isSearchBarOpen,
|
|
39
|
+
fields = _ref.fields;
|
|
61
40
|
var _useState = (0, _react.useState)(isSearchBarOpen),
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
41
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
42
|
+
displaySearchBar = _useState2[0],
|
|
43
|
+
setDisplaySearchBar = _useState2[1];
|
|
66
44
|
var _useState3 = (0, _react.useState)(''),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
45
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
46
|
+
searchTerm = _useState4[0],
|
|
47
|
+
setSearchTerm = _useState4[1];
|
|
71
48
|
var _useState5 = (0, _react.useState)(null),
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
49
|
+
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
50
|
+
previousSearchTerm = _useState6[0],
|
|
51
|
+
setPreviousSearchTerm = _useState6[1];
|
|
76
52
|
var debouncedSearchTerm = (0, _customHooks.useDebounce)(searchTerm, 500);
|
|
77
|
-
|
|
78
53
|
var _useSearchResults = (0, _useSearchResults3["default"])({
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
54
|
+
queryKey: _constants.SEARCH_PUBLISHED,
|
|
55
|
+
resultKeys: resultKeys,
|
|
56
|
+
entities: entities,
|
|
57
|
+
fields: fields
|
|
58
|
+
}),
|
|
59
|
+
_useSearchResults2 = (0, _slicedToArray2["default"])(_useSearchResults, 2),
|
|
60
|
+
_useSearchResults2$ = _useSearchResults2[0],
|
|
61
|
+
loading = _useSearchResults2$.loading,
|
|
62
|
+
results = _useSearchResults2$.results,
|
|
63
|
+
setQueryParams = _useSearchResults2[1];
|
|
90
64
|
(0, _react.useEffect)(function () {
|
|
91
65
|
if (isSearchBarOpen !== displaySearchBar) {
|
|
92
66
|
setDisplaySearchBar(isSearchBarOpen);
|
|
93
67
|
}
|
|
94
|
-
},
|
|
68
|
+
},
|
|
69
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
95
70
|
[isSearchBarOpen]);
|
|
96
71
|
(0, _react.useEffect)(function () {
|
|
97
72
|
if (inputRef && inputRef.current && displaySearchBar) {
|
|
98
73
|
inputRef.current.focus();
|
|
99
74
|
}
|
|
100
|
-
},
|
|
75
|
+
},
|
|
76
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
101
77
|
[displaySearchBar]);
|
|
102
78
|
(0, _react.useEffect)(function () {
|
|
103
79
|
if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
|
|
@@ -107,35 +83,29 @@ var SearchPublishedContent = function SearchPublishedContent(_ref) {
|
|
|
107
83
|
setPreviousSearchTerm(debouncedSearchTerm);
|
|
108
84
|
}
|
|
109
85
|
}, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);
|
|
110
|
-
|
|
111
86
|
var handleOnChange = function handleOnChange(_ref2) {
|
|
112
87
|
var _ref2$target = _ref2.target;
|
|
113
88
|
_ref2$target = _ref2$target === void 0 ? {} : _ref2$target;
|
|
114
89
|
var _ref2$target$value = _ref2$target.value,
|
|
115
|
-
|
|
90
|
+
value = _ref2$target$value === void 0 ? '' : _ref2$target$value;
|
|
116
91
|
onChange(value);
|
|
117
92
|
setSearchTerm(value);
|
|
118
93
|
};
|
|
119
|
-
|
|
120
94
|
var handleKeyPress = function handleKeyPress(event) {
|
|
121
95
|
var onEnter = event.key === 'Enter';
|
|
122
96
|
onEnter && onEnterPress();
|
|
123
97
|
};
|
|
124
|
-
|
|
125
98
|
var handleSearchBar = function handleSearchBar() {
|
|
126
99
|
var voidSearchTerm = '';
|
|
127
100
|
displaySearchBar && setSearchTerm(voidSearchTerm);
|
|
128
101
|
handleOnChange({
|
|
129
102
|
value: voidSearchTerm
|
|
130
103
|
});
|
|
131
|
-
|
|
132
104
|
if (isSearchBarOpen !== null) {
|
|
133
105
|
getIsOpenSearchBar(!displaySearchBar);
|
|
134
106
|
}
|
|
135
|
-
|
|
136
107
|
setDisplaySearchBar(!displaySearchBar);
|
|
137
108
|
};
|
|
138
|
-
|
|
139
109
|
var searchWrapperClassname = (0, _classnames["default"])('search__wrapper', {
|
|
140
110
|
'search__wrapper--toggle-display': displaySearchBar,
|
|
141
111
|
'search__wrapper--toggle': !displaySearchBar
|
|
@@ -173,7 +143,6 @@ var SearchPublishedContent = function SearchPublishedContent(_ref) {
|
|
|
173
143
|
loading: loading
|
|
174
144
|
})));
|
|
175
145
|
};
|
|
176
|
-
|
|
177
146
|
SearchPublishedContent.propTypes = {
|
|
178
147
|
entities: _propTypes["default"].array,
|
|
179
148
|
children: _propTypes["default"].func.isRequired,
|
|
@@ -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":"
|
|
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":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAwF;AAAA;AAExF,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsB,OActB;EAAA,IAbJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,kBAAkB,QAAlBA,kBAAkB;IAClBC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,YAAY,QAAZA,YAAY;IACZC,QAAQ,QAARA,QAAQ;IACRC,eAAe,QAAfA,eAAe;IACfC,MAAM,QAANA,MAAM;EAEN,gBAAgD,IAAAC,eAAQ,EAACF,eAAe,CAAC;IAAA;IAAlEG,gBAAgB;IAAEC,mBAAmB;EAC5C,iBAAoC,IAAAF,eAAQ,EAAC,EAAE,CAAC;IAAA;IAAzCG,UAAU;IAAEC,aAAa;EAChC,iBAAoD,IAAAJ,eAAQ,EAAC,IAAI,CAAC;IAAA;IAA3DK,kBAAkB;IAAEC,qBAAqB;EAChD,IAAMC,mBAAmB,GAAG,IAAAC,wBAAW,EAACL,UAAU,EAAE,GAAG,CAAC;EAExD,wBAA+C,IAAAM,6BAAgB,EAAC;MAC9DC,QAAQ,EAAEC,2BAAgB;MAC1BtB,UAAU,EAAVA,UAAU;MACVF,QAAQ,EAARA,QAAQ;MACRY,MAAM,EAANA;IACF,CAAC,CAAC;IAAA;IAAA;IALOa,OAAO,uBAAPA,OAAO;IAAEC,OAAO,uBAAPA,OAAO;IAAIC,cAAc;EAO3C,IAAAC,gBAAS,EACP,YAAM;IACJ,IAAIjB,eAAe,KAAKG,gBAAgB,EAAE;MACxCC,mBAAmB,CAACJ,eAAe,CAAC;IACtC;EACF,CAAC;EACD;EACA,CAACA,eAAe,CAAC,CAClB;EAED,IAAAiB,gBAAS,EACP,YAAM;IACJ,IAAIlB,QAAQ,IAAIA,QAAQ,CAACmB,OAAO,IAAIf,gBAAgB,EAAE;MACpDJ,QAAQ,CAACmB,OAAO,CAACC,KAAK,EAAE;IAC1B;EACF,CAAC;EACD;EACA,CAAChB,gBAAgB,CAAC,CACnB;EAED,IAAAc,gBAAS,EACP,YAAM;IACJ,IAAIR,mBAAmB,IAAIA,mBAAmB,KAAKF,kBAAkB,EAAE;MACrES,cAAc,CAAC;QAAEI,KAAK,YAAKX,mBAAmB;MAAI,CAAC,CAAC;MACpDD,qBAAqB,CAACC,mBAAmB,CAAC;IAC5C;EACF,CAAC,EACD,CAACA,mBAAmB,EAAEF,kBAAkB,EAAES,cAAc,CAAC,CAC1D;EAED,IAAMK,cAAc,GAAG,SAAjBA,cAAc,QAAwC;IAAA,yBAAlCC,MAAM;IAAA,yCAAmB,CAAC,CAAC;IAAA,sCAAjBF,KAAK;MAALA,KAAK,mCAAG,EAAE;IAC5CxB,QAAQ,CAACwB,KAAK,CAAC;IACfd,aAAa,CAACc,KAAK,CAAC;EACtB,CAAC;EAED,IAAMG,cAAc,GAAG,SAAjBA,cAAc,CAAGC,KAAK,EAAI;IAC9B,IAAMC,OAAO,GAAGD,KAAK,CAACE,GAAG,KAAK,OAAO;IACrCD,OAAO,IAAI3B,YAAY,EAAE;EAC3B,CAAC;EAED,IAAM6B,eAAe,GAAG,SAAlBA,eAAe,GAAS;IAC5B,IAAMC,cAAc,GAAG,EAAE;IACzBzB,gBAAgB,IAAIG,aAAa,CAACsB,cAAc,CAAC;IACjDP,cAAc,CAAC;MAAED,KAAK,EAAEQ;IAAe,CAAC,CAAC;IACzC,IAAI5B,eAAe,KAAK,IAAI,EAAE;MAC5BR,kBAAkB,CAAC,CAACW,gBAAgB,CAAC;IACvC;IACAC,mBAAmB,CAAC,CAACD,gBAAgB,CAAC;EACxC,CAAC;EAED,IAAM0B,sBAAsB,GAAG,IAAAC,sBAAU,EAAC,iBAAiB,EAAE;IAC3D,iCAAiC,EAAE3B,gBAAgB;IACnD,yBAAyB,EAAE,CAACA;EAC9B,CAAC,CAAC;EAEF,IAAM4B,gBAAgB,GAAG,IAAAD,sBAAU,EAAC,cAAc,EAAE;IAClDE,IAAI,EAAE7B;EACR,CAAC,CAAC;EAEF,oBACE;IAAK,SAAS,2BAAoBR,SAAS;EAAG,gBAC5C;IAAK,SAAS,EAAC;EAAsC,gBACnD;IAAK,SAAS,EAAEkC;EAAuB,gBACrC;IACE,eAAY,cAAc;IAC1B,UAAU,EAAEN,cAAe;IAC3B,WAAW,EAAE1B,WAAY;IACzB,IAAI,EAAC,MAAM;IACX,QAAQ,EAAEwB,cAAe;IACzB,KAAK,EAAEhB,UAAW;IAClB,GAAG,EAAEN;EAAS,EACd,eACF;IAAQ,IAAI,EAAC,QAAQ;IAAC,SAAS,EAAC;EAAqD,gBACnF,gCAAC,UAAU,OAAG,CACP,CACL,eACN;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEgC,gBAAiB;IAC5B,OAAO,EAAEJ,eAAgB;IACzB,EAAE,EAAEM,wBAAc;IAClB,KAAK,EAAEA;EAAc,GACpB,CAAC9B,gBAAgB,gBAAG,gCAAC,UAAU,OAAG,gBAAG,gCAAC,SAAS,OAAG,CAC/C,CACF,eACN;IAAK,SAAS,EAAC;EAAc,GAC1Bb,QAAQ,CAAC;IAAEyB,OAAO,EAAEA,OAAO,CAACmB,MAAM,IAAI7B,UAAU,GAAGU,OAAO,GAAG,EAAE;IAAED,OAAO,EAAPA;EAAQ,CAAC,CAAC,CACxE,CACF;AAEV,CAAC;AAED1B,sBAAsB,CAAC+C,SAAS,GAAG;EACjC9C,QAAQ,EAAE+C,qBAAS,CAACC,KAAK;EACzB/C,QAAQ,EAAE8C,qBAAS,CAACE,IAAI,CAACC,UAAU;EACnChD,UAAU,EAAE6C,qBAAS,CAACI,MAAM;EAC5BhD,kBAAkB,EAAE4C,qBAAS,CAACE,IAAI;EAClC7C,UAAU,EAAE2C,qBAAS,CAACE,IAAI;EAC1B5C,SAAS,EAAE0C,qBAAS,CAACE,IAAI;EACzB1C,QAAQ,EAAEwC,qBAAS,CAACE,IAAI;EACxBxC,YAAY,EAAEsC,qBAAS,CAACE,IAAI;EAC5B3C,SAAS,EAAEyC,qBAAS,CAACI,MAAM;EAC3B3C,WAAW,EAAEuC,qBAAS,CAACI,MAAM;EAC7BzC,QAAQ,EAAEqC,qBAAS,CAACK,MAAM;EAC1BzC,eAAe,EAAEoC,qBAAS,CAACM,IAAI;EAC/BzC,MAAM,EAAEmC,qBAAS,CAACC;AACpB,CAAC;AAEDjD,sBAAsB,CAACuD,YAAY,GAAG;EACpCtD,QAAQ,EAAE,CAAC,gBAAgB,CAAC;EAC5BQ,WAAW,EAAE,EAAE;EACfN,UAAU,EAAEqD,+BAAoB;EAChChD,QAAQ,EAAE,oBAAM,CAAC,CAAC;EAClBE,YAAY,EAAE,wBAAM,CAAC,CAAC;EACtBN,kBAAkB,EAAE,4BAAAqD,KAAK;IAAA,OAAIA,KAAK;EAAA;EAClCpD,UAAU,EAAE;IAAA,oBACV,wDACE,gCAAC,YAAQ,OAAG,CACV;EAAA,CACL;EACDC,SAAS,EAAE;IAAA,oBACT,wDACE,gCAAC,WAAO,OAAG,CACT;EAAA,CACL;EACDC,SAAS,EAAE,EAAE;EACbI,QAAQ,EAAE,IAAI;EACdC,eAAe,EAAE,IAAI;EACrBC,MAAM,EAAE;AACV,CAAC;AAAC,eAEab,sBAAsB;AAAA"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _SearchPublishedContent = _interopRequireDefault(require("./SearchPublishedContent"));
|
|
13
|
-
|
|
14
10
|
var _default = _SearchPublishedContent["default"];
|
|
15
11
|
exports["default"] = _default;
|
|
16
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -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":"
|
|
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,eAE/CA,kCAAsB;AAAA"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _useLocalStorage = _interopRequireDefault(require("./useLocalStorage"));
|
|
13
|
-
|
|
14
10
|
var _default = _useLocalStorage["default"];
|
|
15
11
|
exports["default"] = _default;
|
|
16
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -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":"
|
|
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,eAEjCA,2BAAe;AAAA"}
|
|
@@ -1,36 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _react = require("react");
|
|
15
|
-
|
|
16
11
|
function useLocalStorage(key, initialValue) {
|
|
17
12
|
var _useState = (0, _react.useState)(function () {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
13
|
+
var item = window.localStorage.getItem(key);
|
|
14
|
+
return item ? JSON.parse(item) : initialValue;
|
|
15
|
+
}),
|
|
16
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
17
|
+
storedValue = _useState2[0],
|
|
18
|
+
setStoredValue = _useState2[1];
|
|
25
19
|
var setValue = function setValue(value) {
|
|
26
20
|
var valueToStore = value instanceof Function ? value(storedValue) : value;
|
|
27
21
|
setStoredValue(valueToStore);
|
|
28
22
|
window.localStorage.setItem(key, JSON.stringify(valueToStore));
|
|
29
23
|
};
|
|
30
|
-
|
|
31
24
|
return [storedValue, setValue];
|
|
32
25
|
}
|
|
33
|
-
|
|
34
26
|
var _default = useLocalStorage;
|
|
35
27
|
exports["default"] = _default;
|
|
36
28
|
//# sourceMappingURL=useLocalStorage.js.map
|
|
@@ -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":"
|
|
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,eAAe,CAACC,GAAG,EAAEC,YAAY,EAAE;EAC1C,gBAAsC,IAAAC,eAAQ,EAAC,YAAM;MACnD,IAAMC,IAAI,GAAGC,MAAM,CAACC,YAAY,CAACC,OAAO,CAACN,GAAG,CAAC;MAC7C,OAAOG,IAAI,GAAGI,IAAI,CAACC,KAAK,CAACL,IAAI,CAAC,GAAGF,YAAY;IAC/C,CAAC,CAAC;IAAA;IAHKQ,WAAW;IAAEC,cAAc;EAKlC,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,CAAGC,KAAK,EAAI;IACxB,IAAMC,YAAY,GAAGD,KAAK,YAAYE,QAAQ,GAAGF,KAAK,CAACH,WAAW,CAAC,GAAGG,KAAK;IAC3EF,cAAc,CAACG,YAAY,CAAC;IAC5BT,MAAM,CAACC,YAAY,CAACU,OAAO,CAACf,GAAG,EAAEO,IAAI,CAACS,SAAS,CAACH,YAAY,CAAC,CAAC;EAChE,CAAC;EAED,OAAO,CAACJ,WAAW,EAAEE,QAAQ,CAAC;AAChC;AAAC,eAEcZ,eAAe;AAAA"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _useSearch = _interopRequireDefault(require("./useSearch"));
|
|
13
|
-
|
|
14
10
|
var _default = _useSearch["default"];
|
|
15
11
|
exports["default"] = _default;
|
|
16
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -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":"
|
|
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,eAErBA,qBAAS;AAAA"}
|
|
@@ -1,91 +1,67 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.keys.js");
|
|
4
|
-
|
|
5
4
|
require("core-js/modules/es.symbol.js");
|
|
6
|
-
|
|
7
5
|
require("core-js/modules/es.array.filter.js");
|
|
8
|
-
|
|
9
6
|
require("core-js/modules/es.object.to-string.js");
|
|
10
|
-
|
|
11
7
|
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
12
|
-
|
|
13
8
|
require("core-js/modules/es.array.for-each.js");
|
|
14
|
-
|
|
15
9
|
require("core-js/modules/web.dom-collections.for-each.js");
|
|
16
|
-
|
|
17
10
|
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
18
|
-
|
|
19
11
|
require("core-js/modules/es.object.define-properties.js");
|
|
20
|
-
|
|
21
12
|
require("core-js/modules/es.object.define-property.js");
|
|
22
|
-
|
|
23
13
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
24
|
-
|
|
25
14
|
Object.defineProperty(exports, "__esModule", {
|
|
26
15
|
value: true
|
|
27
16
|
});
|
|
28
17
|
exports["default"] = void 0;
|
|
29
|
-
|
|
30
18
|
require("core-js/modules/es.array.map.js");
|
|
31
|
-
|
|
32
19
|
require("core-js/modules/es.regexp.exec.js");
|
|
33
|
-
|
|
34
20
|
require("core-js/modules/es.string.search.js");
|
|
35
|
-
|
|
36
21
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
37
|
-
|
|
38
22
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
39
|
-
|
|
40
23
|
var _react = require("react");
|
|
41
|
-
|
|
42
24
|
var _client = require("@apollo/client");
|
|
43
|
-
|
|
44
25
|
var _query = _interopRequireDefault(require("../../application/query"));
|
|
45
|
-
|
|
46
26
|
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; }
|
|
47
|
-
|
|
48
27
|
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; }
|
|
49
|
-
|
|
50
28
|
function useSearch(_ref) {
|
|
51
29
|
var queryKey = _ref.queryKey,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
30
|
+
resultKeys = _ref.resultKeys,
|
|
31
|
+
_ref$entities = _ref.entities,
|
|
32
|
+
entities = _ref$entities === void 0 ? [] : _ref$entities,
|
|
33
|
+
fields = _ref.fields;
|
|
57
34
|
var _useState = (0, _react.useState)({
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
35
|
+
limit: 20,
|
|
36
|
+
offset: 0,
|
|
37
|
+
value: ''
|
|
38
|
+
}),
|
|
39
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
40
|
+
queryParams = _useState2[0],
|
|
41
|
+
setParams = _useState2[1];
|
|
66
42
|
var _useState3 = (0, _react.useState)(null),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
43
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
44
|
+
searchedValue = _useState4[0],
|
|
45
|
+
setSearchedValue = _useState4[1];
|
|
46
|
+
var _useState5 = (0, _react.useState)([]),
|
|
47
|
+
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
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];
|
|
76
54
|
var buildSearchQuery = _query["default"][queryKey];
|
|
77
|
-
|
|
78
55
|
var _useLazyQuery = (0, _client.useLazyQuery)(buildSearchQuery({
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
56
|
+
resultKeys: resultKeys
|
|
57
|
+
}), {
|
|
58
|
+
ssr: false
|
|
59
|
+
}),
|
|
60
|
+
_useLazyQuery2 = (0, _slicedToArray2["default"])(_useLazyQuery, 2),
|
|
61
|
+
getSearchResults = _useLazyQuery2[0],
|
|
62
|
+
_useLazyQuery2$ = _useLazyQuery2[1],
|
|
63
|
+
loading = _useLazyQuery2$.loading,
|
|
64
|
+
_useLazyQuery2$$data = _useLazyQuery2$.data;
|
|
89
65
|
_useLazyQuery2$$data = _useLazyQuery2$$data === void 0 ? {
|
|
90
66
|
search: {
|
|
91
67
|
results: [],
|
|
@@ -93,21 +69,22 @@ function useSearch(_ref) {
|
|
|
93
69
|
}
|
|
94
70
|
} : _useLazyQuery2$$data;
|
|
95
71
|
var _useLazyQuery2$$data$ = _useLazyQuery2$$data.search,
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
72
|
+
results = _useLazyQuery2$$data$.results,
|
|
73
|
+
jsonResults = _useLazyQuery2$$data$.jsonResults,
|
|
74
|
+
total = _useLazyQuery2$$data$.total;
|
|
75
|
+
// todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108
|
|
99
76
|
// without ssr: false clients can hang in ssr.
|
|
100
77
|
|
|
101
78
|
var handleQueryParams = function handleQueryParams(newQueryParams) {
|
|
102
79
|
setParams(_objectSpread(_objectSpread({}, queryParams), newQueryParams));
|
|
103
80
|
};
|
|
104
|
-
|
|
105
81
|
(0, _react.useEffect)(function () {
|
|
106
82
|
var limit = queryParams.limit,
|
|
107
|
-
|
|
108
|
-
|
|
83
|
+
offset = queryParams.offset,
|
|
84
|
+
value = queryParams.value;
|
|
109
85
|
var isNewValueSet = value && value !== searchedValue;
|
|
110
86
|
var isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
|
|
87
|
+
var notSameLength = en.length !== entities.length;
|
|
111
88
|
var parsedEntities = entities.length ? entities.map(function (entity) {
|
|
112
89
|
return {
|
|
113
90
|
match: {
|
|
@@ -115,8 +92,7 @@ function useSearch(_ref) {
|
|
|
115
92
|
}
|
|
116
93
|
};
|
|
117
94
|
}) : [];
|
|
118
|
-
|
|
119
|
-
if (isNewValueSet || isNewOffsetSet) {
|
|
95
|
+
if (isNewValueSet || isNewOffsetSet || notSameLength) {
|
|
120
96
|
getSearchResults({
|
|
121
97
|
variables: {
|
|
122
98
|
limit: limit,
|
|
@@ -143,8 +119,9 @@ function useSearch(_ref) {
|
|
|
143
119
|
});
|
|
144
120
|
setSearchedValue(value);
|
|
145
121
|
setPreviousOffset(offset);
|
|
122
|
+
setEn(entities);
|
|
146
123
|
}
|
|
147
|
-
}, [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]);
|
|
148
125
|
return [{
|
|
149
126
|
searchedValue: queryParams.value,
|
|
150
127
|
loading: loading,
|
|
@@ -154,7 +131,6 @@ function useSearch(_ref) {
|
|
|
154
131
|
}
|
|
155
132
|
}, handleQueryParams];
|
|
156
133
|
}
|
|
157
|
-
|
|
158
134
|
var _default = useSearch;
|
|
159
135
|
exports["default"] = _default;
|
|
160
136
|
//# sourceMappingURL=useSearch.js.map
|
|
@@ -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":["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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"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _useSearchResults = _interopRequireDefault(require("./useSearchResults"));
|
|
13
|
-
|
|
14
10
|
var _default = _useSearchResults["default"];
|
|
15
11
|
exports["default"] = _default;
|
|
16
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -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":"
|
|
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,eAEnCA,4BAAgB;AAAA"}
|