@blaze-cms/plugin-search-ui 0.125.0-f-admin-updates.0 → 0.125.0-f-admin-updates.5
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 +16 -0
- 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 +29 -84
- package/lib/components/SearchAdmin/SearchAdmin.js.map +1 -1
- package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +15 -45
- package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +1 -1
- package/lib/components/SearchAdmin/SearchAdminSideBar/index.js +0 -4
- package/lib/components/SearchAdmin/SearchAdminSideBar/index.js.map +1 -1
- 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 +24 -64
- 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 +35 -66
- 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 +16 -38
- 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 +0 -14
- package/lib-es/components/SearchAdmin/SearchAdmin.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +0 -3
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +1 -1
- package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js.map +1 -1
- 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 +0 -9
- 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 +2 -8
- 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 +0 -8
- 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/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.125.0-f-admin-updates.5](https://github.com/thebyte9/blaze/compare/v0.125.0-f-admin-updates.4...v0.125.0-f-admin-updates.5) (2022-12-12)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @blaze-cms/plugin-search-ui
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [0.125.0-f-admin-updates.3](https://github.com/thebyte9/blaze/compare/v0.125.0-f-admin-updates.2...v0.125.0-f-admin-updates.3) (2022-11-10)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @blaze-cms/plugin-search-ui
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
6
22
|
# [0.125.0-f-admin-updates.0](https://github.com/thebyte9/blaze/compare/v0.124.1...v0.125.0-f-admin-updates.0) (2022-10-06)
|
|
7
23
|
|
|
8
24
|
|
|
@@ -1,29 +1,21 @@
|
|
|
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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
13
|
-
|
|
14
10
|
var _client = require("@apollo/client");
|
|
15
|
-
|
|
16
11
|
var _templateObject, _templateObject2;
|
|
17
|
-
|
|
18
12
|
var SEARCH_ADMIN = function SEARCH_ADMIN() {
|
|
19
13
|
return (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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"])));
|
|
20
14
|
};
|
|
21
|
-
|
|
22
15
|
var SEARCH_PUBLISHED = function SEARCH_PUBLISHED(_ref) {
|
|
23
16
|
var resultKeys = _ref.resultKeys;
|
|
24
17
|
return (0, _client.gql)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\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 ", "\n } \n }\n total\n }\n }\n"])), resultKeys);
|
|
25
18
|
};
|
|
26
|
-
|
|
27
19
|
var _default = {
|
|
28
20
|
SEARCH_ADMIN: SEARCH_ADMIN,
|
|
29
21
|
SEARCH_PUBLISHED: SEARCH_PUBLISHED
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["SEARCH_ADMIN","gql","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":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SEARCH_ADMIN","gql","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;AAAqC;AAErC,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,WAASC,WAAG;AAAA,CAO7B;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAMC,UAAU,QAAVA,UAAU;EAAA,WAAOF,WAAG,2bAUpCE,UAAU;AAAA,CAMrB;AAAC,eAEa;EAAEH,YAAY,EAAZA,YAAY;EAAEE,gBAAgB,EAAhBA;AAAiB,CAAC;AAAA"}
|
|
@@ -1,28 +1,20 @@
|
|
|
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
|
require("core-js/modules/es.regexp.exec.js");
|
|
13
|
-
|
|
14
10
|
require("core-js/modules/es.string.search.js");
|
|
15
|
-
|
|
16
11
|
require("core-js/modules/es.array.map.js");
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
13
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
21
|
-
|
|
22
14
|
var RecentSearches = function RecentSearches(_ref) {
|
|
23
15
|
var recentSearches = _ref.recentSearches,
|
|
24
|
-
|
|
25
|
-
|
|
16
|
+
handleSearchTerm = _ref.handleSearchTerm,
|
|
17
|
+
search = _ref.search;
|
|
26
18
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
27
19
|
className: "list list--search"
|
|
28
20
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -51,7 +43,6 @@ var RecentSearches = function RecentSearches(_ref) {
|
|
|
51
43
|
}, searchedTerm)));
|
|
52
44
|
}));
|
|
53
45
|
};
|
|
54
|
-
|
|
55
46
|
RecentSearches.propTypes = {
|
|
56
47
|
recentSearches: _propTypes["default"].array.isRequired,
|
|
57
48
|
handleSearchTerm: _propTypes["default"].func.isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RecentSearches.js","names":["RecentSearches","recentSearches","handleSearchTerm","search","map","searchedTerm","target","value","propTypes","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":"
|
|
1
|
+
{"version":3,"file":"RecentSearches.js","names":["RecentSearches","recentSearches","handleSearchTerm","search","map","searchedTerm","target","value","propTypes","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;AACA;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAc;EAAA,IAAMC,cAAc,QAAdA,cAAc;IAAEC,gBAAgB,QAAhBA,gBAAgB;IAAEC,MAAM,QAANA,MAAM;EAAA,oBAChE;IAAK,SAAS,EAAC;EAAmB,gBAChC;IAAK,SAAS,EAAC;EAAqB,gBAClC,8DAAwB,CACpB,EACLF,cAAc,CAACG,GAAG,CAAC,UAAAC,YAAY;IAAA,oBAC9B;MACE,GAAG,EAAEA,YAAa;MAClB,IAAI,EAAC,QAAQ;MACb,SAAS,EAAC,+BAA+B;MACzC,OAAO,EAAE,mBAAM;QACbH,gBAAgB,CAAC;UAAEI,MAAM,EAAE;YAAEC,KAAK,EAAEF;UAAa;QAAE,CAAC,CAAC;QACrDF,MAAM,CAAC;UAAEI,KAAK,EAAEF;QAAa,CAAC,CAAC;MACjC;IAAE,gBACF;MAAK,SAAS,EAAC;IAAuC,gBACpD;MAAG,SAAS,EAAC;IAAgB,YAAW,eACxC;MAAK,SAAS,EAAC;IAAyC,GAAEA,YAAY,CAAO,CACzE,CACF;EAAA,CACP,CAAC,CACE;AAAA,CACP;AAEDL,cAAc,CAACQ,SAAS,GAAG;EACzBP,cAAc,EAAEQ,qBAAS,CAACC,KAAK,CAACC,UAAU;EAC1CT,gBAAgB,EAAEO,qBAAS,CAACG,IAAI,CAACD,UAAU;EAC3CR,MAAM,EAAEM,qBAAS,CAACG,IAAI,CAACD;AACzB,CAAC;AAAC,eAEaX,cAAc;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 _RecentSearches = _interopRequireDefault(require("./RecentSearches"));
|
|
13
|
-
|
|
14
10
|
var _default = _RecentSearches["default"];
|
|
15
11
|
exports["default"] = _default;
|
|
16
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["RecentSearches"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/index.js"],"sourcesContent":["import RecentSearches from './RecentSearches';\n\nexport default RecentSearches;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["RecentSearches"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/index.js"],"sourcesContent":["import RecentSearches from './RecentSearches';\n\nexport default RecentSearches;\n"],"mappings":";;;;;;;;AAAA;AAA8C,eAE/BA,0BAAc;AAAA"}
|
|
@@ -1,174 +1,123 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.array.iterator.js");
|
|
4
|
-
|
|
5
4
|
require("core-js/modules/es.string.iterator.js");
|
|
6
|
-
|
|
7
5
|
require("core-js/modules/es.weak-map.js");
|
|
8
|
-
|
|
9
6
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
10
|
-
|
|
11
7
|
require("core-js/modules/es.object.define-property.js");
|
|
12
|
-
|
|
13
8
|
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
14
|
-
|
|
15
9
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
16
|
-
|
|
17
10
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
18
|
-
|
|
19
11
|
Object.defineProperty(exports, "__esModule", {
|
|
20
12
|
value: true
|
|
21
13
|
});
|
|
22
14
|
exports["default"] = void 0;
|
|
23
|
-
|
|
24
15
|
require("core-js/modules/es.array.map.js");
|
|
25
|
-
|
|
26
16
|
require("core-js/modules/es.array.slice.js");
|
|
27
|
-
|
|
28
17
|
require("core-js/modules/es.array.includes.js");
|
|
29
|
-
|
|
30
18
|
require("core-js/modules/es.string.includes.js");
|
|
31
|
-
|
|
32
19
|
require("core-js/modules/es.array.some.js");
|
|
33
|
-
|
|
34
20
|
require("core-js/modules/es.object.to-string.js");
|
|
35
|
-
|
|
36
21
|
require("core-js/modules/es.array.filter.js");
|
|
37
|
-
|
|
38
22
|
require("core-js/modules/es.array.concat.js");
|
|
39
|
-
|
|
40
23
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
41
|
-
|
|
42
24
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
43
|
-
|
|
44
25
|
var _react = _interopRequireWildcard(require("react"));
|
|
45
|
-
|
|
46
26
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
47
|
-
|
|
48
27
|
var _customHooks = require("@blaze-react/utils/lib/customHooks");
|
|
49
|
-
|
|
50
28
|
var _useLocalStorage3 = _interopRequireDefault(require("../useLocalStorage"));
|
|
51
|
-
|
|
52
29
|
var _SearchBar = _interopRequireDefault(require("./SearchBar"));
|
|
53
|
-
|
|
54
30
|
var _RecentSearches = _interopRequireDefault(require("./RecentSearches"));
|
|
55
|
-
|
|
56
31
|
var _SearchResults = _interopRequireDefault(require("./SearchResults"));
|
|
57
|
-
|
|
58
32
|
var _TriggerModal = _interopRequireDefault(require("./TriggerModal"));
|
|
59
|
-
|
|
60
33
|
var _SearchAdminSideBar = _interopRequireDefault(require("./SearchAdminSideBar"));
|
|
61
|
-
|
|
62
34
|
var _useSearchResults3 = _interopRequireDefault(require("../useSearchResults"));
|
|
63
|
-
|
|
64
35
|
var _constants = require("../../constants");
|
|
65
|
-
|
|
66
36
|
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); }
|
|
67
|
-
|
|
68
37
|
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; }
|
|
69
|
-
|
|
70
38
|
var SearchAdmin = function SearchAdmin() {
|
|
71
39
|
var _useState = (0, _react.useState)(''),
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
40
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
41
|
+
searchTerm = _useState2[0],
|
|
42
|
+
setSearchTerm = _useState2[1];
|
|
76
43
|
var _useState3 = (0, _react.useState)(true),
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
44
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
45
|
+
openSearchSideBar = _useState4[0],
|
|
46
|
+
setOpenSearchSideBar = _useState4[1];
|
|
81
47
|
var _useState5 = (0, _react.useState)([]),
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
48
|
+
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
49
|
+
entityValues = _useState6[0],
|
|
50
|
+
setEntityValues = _useState6[1];
|
|
86
51
|
var _useLocalStorage = (0, _useLocalStorage3["default"])('recentSearches', []),
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
52
|
+
_useLocalStorage2 = (0, _slicedToArray2["default"])(_useLocalStorage, 2),
|
|
53
|
+
recentSearches = _useLocalStorage2[0],
|
|
54
|
+
setRecentSearches = _useLocalStorage2[1];
|
|
91
55
|
var _useState7 = (0, _react.useState)(false),
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
56
|
+
_useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
|
|
57
|
+
displaySearchModalFrame = _useState8[0],
|
|
58
|
+
setDisplaySearchModalFrame = _useState8[1];
|
|
96
59
|
var _useState9 = (0, _react.useState)(true),
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
60
|
+
_useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
|
|
61
|
+
enableResults = _useState10[0],
|
|
62
|
+
setEnableResults = _useState10[1];
|
|
101
63
|
var searchInputRef = (0, _react.useRef)(null);
|
|
102
64
|
var debouncedEntityValues = (0, _customHooks.useDebounce)(entityValues, 500);
|
|
103
|
-
|
|
104
65
|
var _useSearchResults = (0, _useSearchResults3["default"])({
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
66
|
+
queryKey: _constants.SEARCH_ADMIN,
|
|
67
|
+
entities: debouncedEntityValues.map(function (e) {
|
|
68
|
+
return e.id;
|
|
69
|
+
})
|
|
70
|
+
}),
|
|
71
|
+
_useSearchResults2 = (0, _slicedToArray2["default"])(_useSearchResults, 2),
|
|
72
|
+
_useSearchResults2$ = _useSearchResults2[0],
|
|
73
|
+
loading = _useSearchResults2$.loading,
|
|
74
|
+
results = _useSearchResults2$.results,
|
|
75
|
+
total = _useSearchResults2$.total,
|
|
76
|
+
setQueryParams = _useSearchResults2[1];
|
|
117
77
|
(0, _react.useEffect)(function () {
|
|
118
78
|
if (searchInputRef && searchInputRef.current) {
|
|
119
79
|
searchInputRef.current.focus();
|
|
120
80
|
}
|
|
121
81
|
}, [displaySearchModalFrame]);
|
|
122
|
-
|
|
123
82
|
var handleSearchTerm = function handleSearchTerm(_ref) {
|
|
124
83
|
var value = _ref.target.value;
|
|
125
84
|
setSearchTerm(value);
|
|
126
85
|
};
|
|
127
|
-
|
|
128
86
|
var toggleSearchModal = function toggleSearchModal() {
|
|
129
87
|
setSearchTerm(null);
|
|
130
88
|
setEnableResults(false);
|
|
131
89
|
setDisplaySearchModalFrame(!displaySearchModalFrame);
|
|
132
90
|
};
|
|
133
|
-
|
|
134
91
|
var _search = function search(_ref2) {
|
|
135
92
|
var value = _ref2.value;
|
|
136
93
|
if (!value) return;
|
|
137
94
|
!enableResults && setEnableResults(true);
|
|
138
95
|
var MAX_RECENT_SEARCHES = 5;
|
|
139
96
|
var recentSearchesCopy = recentSearches.slice();
|
|
140
|
-
|
|
141
97
|
if (!recentSearchesCopy.includes(value)) {
|
|
142
98
|
recentSearchesCopy.push(value);
|
|
143
|
-
|
|
144
99
|
if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {
|
|
145
100
|
recentSearchesCopy.shift();
|
|
146
101
|
}
|
|
147
102
|
}
|
|
148
|
-
|
|
149
103
|
setRecentSearches(recentSearchesCopy);
|
|
150
104
|
setQueryParams({
|
|
151
105
|
value: value
|
|
152
106
|
});
|
|
153
107
|
};
|
|
154
|
-
|
|
155
108
|
var handleKeyDown = function handleKeyDown(_ref3) {
|
|
156
109
|
var key = _ref3.key;
|
|
157
|
-
|
|
158
110
|
if (key === 'Enter') {
|
|
159
111
|
if (!searchTerm) return clear();
|
|
160
|
-
|
|
161
112
|
_search({
|
|
162
113
|
value: searchTerm
|
|
163
114
|
});
|
|
164
115
|
}
|
|
165
116
|
};
|
|
166
|
-
|
|
167
117
|
var clear = function clear() {
|
|
168
118
|
setSearchTerm('');
|
|
169
119
|
setEnableResults(false);
|
|
170
120
|
};
|
|
171
|
-
|
|
172
121
|
var searchModalResultsClassName = (0, _classnames["default"])('modal modal--full-screen modal--search', {
|
|
173
122
|
'modal--show': displaySearchModalFrame
|
|
174
123
|
});
|
|
@@ -179,12 +128,10 @@ var SearchAdmin = function SearchAdmin() {
|
|
|
179
128
|
var isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
|
|
180
129
|
var shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
|
|
181
130
|
var showResults = enableResults && results.length;
|
|
182
|
-
|
|
183
131
|
var handleSetEntityValues = function handleSetEntityValues(newEntity) {
|
|
184
132
|
var entityExists = entityValues.some(function (entity) {
|
|
185
133
|
return entity.id === newEntity.id;
|
|
186
134
|
});
|
|
187
|
-
|
|
188
135
|
if (entityExists) {
|
|
189
136
|
setEntityValues(entityValues.filter(function (entity) {
|
|
190
137
|
return entity.id !== newEntity.id;
|
|
@@ -193,7 +140,6 @@ var SearchAdmin = function SearchAdmin() {
|
|
|
193
140
|
setEntityValues([].concat((0, _toConsumableArray2["default"])(entityValues), [newEntity]));
|
|
194
141
|
}
|
|
195
142
|
};
|
|
196
|
-
|
|
197
143
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
198
144
|
className: "search search--header"
|
|
199
145
|
}, /*#__PURE__*/_react["default"].createElement(_TriggerModal["default"], {
|
|
@@ -242,7 +188,6 @@ var SearchAdmin = function SearchAdmin() {
|
|
|
242
188
|
closeModal: toggleSearchModal
|
|
243
189
|
})))));
|
|
244
190
|
};
|
|
245
|
-
|
|
246
191
|
var _default = SearchAdmin;
|
|
247
192
|
exports["default"] = _default;
|
|
248
193
|
//# sourceMappingURL=SearchAdmin.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchAdmin.js","names":["SearchAdmin","useState","searchTerm","setSearchTerm","openSearchSideBar","setOpenSearchSideBar","entityValues","setEntityValues","useLocalStorage","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","useRef","debouncedEntityValues","useDebounce","useSearchResults","queryKey","SEARCH_ADMIN","entities","map","e","id","loading","results","total","setQueryParams","useEffect","current","focus","handleSearchTerm","value","target","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","classnames","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults","handleSetEntityValues","newEntity","entityExists","some","entity","filter"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport SearchAdminSideBar from './SearchAdminSideBar';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [openSearchSideBar, setOpenSearchSideBar] = useState(true);\n const [entityValues, setEntityValues] = useState([]);\n\n const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n const [enableResults, setEnableResults] = useState(true);\n const searchInputRef = useRef(null);\n const debouncedEntityValues = useDebounce(entityValues, 500);\n const [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN,\n entities: debouncedEntityValues.map(e => e.id)\n });\n\n useEffect(\n () => {\n if (searchInputRef && searchInputRef.current) {\n searchInputRef.current.focus();\n }\n },\n [displaySearchModalFrame]\n );\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n const toggleSearchModal = () => {\n setSearchTerm(null);\n setEnableResults(false);\n setDisplaySearchModalFrame(!displaySearchModalFrame);\n };\n const search = ({ value }) => {\n if (!value) return;\n !enableResults && setEnableResults(true);\n const MAX_RECENT_SEARCHES = 5;\n const recentSearchesCopy = recentSearches.slice();\n\n if (!recentSearchesCopy.includes(value)) {\n recentSearchesCopy.push(value);\n if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n recentSearchesCopy.shift();\n }\n }\n\n setRecentSearches(recentSearchesCopy);\n setQueryParams({ value });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n if (!searchTerm) return clear();\n search({ value: searchTerm });\n }\n };\n\n const clear = () => {\n setSearchTerm('');\n setEnableResults(false);\n };\n\n const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n 'modal--show': displaySearchModalFrame\n });\n\n const searchModalSideBarClassName = classnames('modal__search__sidebar', {\n 'modal__search__sidebar--close': !openSearchSideBar\n });\n\n const isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n const showResults = enableResults && results.length;\n\n const handleSetEntityValues = newEntity => {\n const entityExists = entityValues.some(entity => entity.id === newEntity.id);\n if (entityExists) {\n setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));\n } else {\n setEntityValues([...entityValues, newEntity]);\n }\n };\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <div className=\"modal__search\">\n <SearchAdminSideBar\n searchModalSideBarClassName={searchModalSideBarClassName}\n openSearchSideBar={openSearchSideBar}\n setOpenSearchSideBar={setOpenSearchSideBar}\n handleSetEntityValues={handleSetEntityValues}\n entityValues={entityValues}\n setEntityValues={setEntityValues}\n />\n <div className=\"modal__search__content\">\n <div className=\"modal__header modal__header--search\">\n <SearchBar\n toggleSearchModal={toggleSearchModal}\n handleKeyDown={handleKeyDown}\n searchInputRef={searchInputRef}\n handleSearchTerm={handleSearchTerm}\n searchTerm={searchTerm}\n search={() => search({ value: searchTerm })}\n />\n </div>\n {shouldDisplayRecentSearches ? (\n <RecentSearches\n recentSearches={recentSearches}\n handleSearchTerm={handleSearchTerm}\n search={search}\n />\n ) : (\n <>\n {!showResults && (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>No Results</h2>\n </div>\n </div>\n )}\n </>\n )}\n {showResults && (\n <SearchResults\n currentValue={searchTerm}\n searchTerm={searchTerm}\n loading={loading}\n results={results}\n total={total}\n setQueryParams={setQueryParams}\n closeModal={toggleSearchModal}\n />\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SearchAdmin.js","names":["SearchAdmin","useState","searchTerm","setSearchTerm","openSearchSideBar","setOpenSearchSideBar","entityValues","setEntityValues","useLocalStorage","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","useRef","debouncedEntityValues","useDebounce","useSearchResults","queryKey","SEARCH_ADMIN","entities","map","e","id","loading","results","total","setQueryParams","useEffect","current","focus","handleSearchTerm","value","target","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","classnames","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults","handleSetEntityValues","newEntity","entityExists","some","entity","filter"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport SearchAdminSideBar from './SearchAdminSideBar';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [openSearchSideBar, setOpenSearchSideBar] = useState(true);\n const [entityValues, setEntityValues] = useState([]);\n\n const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n const [enableResults, setEnableResults] = useState(true);\n const searchInputRef = useRef(null);\n const debouncedEntityValues = useDebounce(entityValues, 500);\n const [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN,\n entities: debouncedEntityValues.map(e => e.id)\n });\n\n useEffect(\n () => {\n if (searchInputRef && searchInputRef.current) {\n searchInputRef.current.focus();\n }\n },\n [displaySearchModalFrame]\n );\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n const toggleSearchModal = () => {\n setSearchTerm(null);\n setEnableResults(false);\n setDisplaySearchModalFrame(!displaySearchModalFrame);\n };\n const search = ({ value }) => {\n if (!value) return;\n !enableResults && setEnableResults(true);\n const MAX_RECENT_SEARCHES = 5;\n const recentSearchesCopy = recentSearches.slice();\n\n if (!recentSearchesCopy.includes(value)) {\n recentSearchesCopy.push(value);\n if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n recentSearchesCopy.shift();\n }\n }\n\n setRecentSearches(recentSearchesCopy);\n setQueryParams({ value });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n if (!searchTerm) return clear();\n search({ value: searchTerm });\n }\n };\n\n const clear = () => {\n setSearchTerm('');\n setEnableResults(false);\n };\n\n const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n 'modal--show': displaySearchModalFrame\n });\n\n const searchModalSideBarClassName = classnames('modal__search__sidebar', {\n 'modal__search__sidebar--close': !openSearchSideBar\n });\n\n const isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n const showResults = enableResults && results.length;\n\n const handleSetEntityValues = newEntity => {\n const entityExists = entityValues.some(entity => entity.id === newEntity.id);\n if (entityExists) {\n setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));\n } else {\n setEntityValues([...entityValues, newEntity]);\n }\n };\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <div className=\"modal__search\">\n <SearchAdminSideBar\n searchModalSideBarClassName={searchModalSideBarClassName}\n openSearchSideBar={openSearchSideBar}\n setOpenSearchSideBar={setOpenSearchSideBar}\n handleSetEntityValues={handleSetEntityValues}\n entityValues={entityValues}\n setEntityValues={setEntityValues}\n />\n <div className=\"modal__search__content\">\n <div className=\"modal__header modal__header--search\">\n <SearchBar\n toggleSearchModal={toggleSearchModal}\n handleKeyDown={handleKeyDown}\n searchInputRef={searchInputRef}\n handleSearchTerm={handleSearchTerm}\n searchTerm={searchTerm}\n search={() => search({ value: searchTerm })}\n />\n </div>\n {shouldDisplayRecentSearches ? (\n <RecentSearches\n recentSearches={recentSearches}\n handleSearchTerm={handleSearchTerm}\n search={search}\n />\n ) : (\n <>\n {!showResults && (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>No Results</h2>\n </div>\n </div>\n )}\n </>\n )}\n {showResults && (\n <SearchResults\n currentValue={searchTerm}\n searchTerm={searchTerm}\n loading={loading}\n results={results}\n total={total}\n setQueryParams={setQueryParams}\n closeModal={toggleSearchModal}\n />\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
|
|
@@ -1,88 +1,59 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.array.iterator.js");
|
|
4
|
-
|
|
5
4
|
require("core-js/modules/es.string.iterator.js");
|
|
6
|
-
|
|
7
5
|
require("core-js/modules/es.weak-map.js");
|
|
8
|
-
|
|
9
6
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
10
|
-
|
|
11
7
|
require("core-js/modules/es.object.define-property.js");
|
|
12
|
-
|
|
13
8
|
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
14
|
-
|
|
15
9
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
16
|
-
|
|
17
10
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
18
|
-
|
|
19
11
|
Object.defineProperty(exports, "__esModule", {
|
|
20
12
|
value: true
|
|
21
13
|
});
|
|
22
14
|
exports["default"] = void 0;
|
|
23
|
-
|
|
24
15
|
require("core-js/modules/es.array.filter.js");
|
|
25
|
-
|
|
26
16
|
require("core-js/modules/es.object.to-string.js");
|
|
27
|
-
|
|
28
17
|
require("core-js/modules/es.object.keys.js");
|
|
29
|
-
|
|
30
18
|
require("core-js/modules/es.array.includes.js");
|
|
31
|
-
|
|
32
19
|
require("core-js/modules/es.string.includes.js");
|
|
33
|
-
|
|
34
20
|
require("core-js/modules/es.array.slice.js");
|
|
35
|
-
|
|
36
21
|
require("core-js/modules/es.array.map.js");
|
|
37
|
-
|
|
38
22
|
require("core-js/modules/es.array.some.js");
|
|
39
|
-
|
|
40
23
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
41
|
-
|
|
42
24
|
var _react = _interopRequireWildcard(require("react"));
|
|
43
|
-
|
|
44
25
|
var _client = require("@apollo/client");
|
|
45
|
-
|
|
46
26
|
var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
|
|
47
|
-
|
|
48
27
|
var _checkboxes = require("@blaze-react/checkboxes");
|
|
49
|
-
|
|
50
28
|
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); }
|
|
51
|
-
|
|
52
29
|
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; }
|
|
53
|
-
|
|
54
30
|
var MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];
|
|
55
|
-
|
|
56
31
|
var SearchAdminSideBar = function SearchAdminSideBar(_ref) {
|
|
57
32
|
var searchModalSideBarClassName = _ref.searchModalSideBarClassName,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
33
|
+
openSearchSideBar = _ref.openSearchSideBar,
|
|
34
|
+
setOpenSearchSideBar = _ref.setOpenSearchSideBar,
|
|
35
|
+
handleSetEntityValues = _ref.handleSetEntityValues,
|
|
36
|
+
entityValues = _ref.entityValues,
|
|
37
|
+
setEntityValues = _ref.setEntityValues;
|
|
64
38
|
var _useState = (0, _react.useState)(false),
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
39
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
40
|
+
loadMore = _useState2[0],
|
|
41
|
+
setLoadMore = _useState2[1];
|
|
69
42
|
var _useQuery = (0, _client.useQuery)((0, _adminUiUtils.getQuery)('GET_USER_EDITABLE_ENTITIES'), {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
43
|
+
variables: {
|
|
44
|
+
canDoActions: MENU_PERMISSIONS
|
|
45
|
+
}
|
|
46
|
+
}),
|
|
47
|
+
_useQuery$data = _useQuery.data;
|
|
76
48
|
_useQuery$data = _useQuery$data === void 0 ? {} : _useQuery$data;
|
|
77
49
|
var _useQuery$data$getEnt = _useQuery$data.getEntitySchemas,
|
|
78
|
-
|
|
79
|
-
|
|
50
|
+
getEntitySchemas = _useQuery$data$getEnt === void 0 ? [] : _useQuery$data$getEnt,
|
|
51
|
+
loading = _useQuery.loading;
|
|
80
52
|
if (loading) return null;
|
|
81
53
|
var filteredEntitiesSchemas = getEntitySchemas.filter(function (entity) {
|
|
82
54
|
if (Object.keys(entity.extras).length) {
|
|
83
55
|
return entity.extras.searchIndexes.includes('admin');
|
|
84
56
|
}
|
|
85
|
-
|
|
86
57
|
return false;
|
|
87
58
|
});
|
|
88
59
|
var entitiesToShow = filteredEntitiesSchemas.slice(0, loadMore ? filteredEntitiesSchemas.length : 5);
|
|
@@ -137,7 +108,6 @@ var SearchAdminSideBar = function SearchAdminSideBar(_ref) {
|
|
|
137
108
|
className: "material-icons"
|
|
138
109
|
}, !loadMore ? 'navigate_next' : 'expand_less'), /*#__PURE__*/_react["default"].createElement("span", null, loadMore ? 'Less' : 'More')))));
|
|
139
110
|
};
|
|
140
|
-
|
|
141
111
|
var _default = SearchAdminSideBar;
|
|
142
112
|
exports["default"] = _default;
|
|
143
113
|
//# sourceMappingURL=SearchAdminSideBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchAdminSideBar.js","names":["MENU_PERMISSIONS","SearchAdminSideBar","searchModalSideBarClassName","openSearchSideBar","setOpenSearchSideBar","handleSetEntityValues","entityValues","setEntityValues","useState","loadMore","setLoadMore","useQuery","getQuery","variables","canDoActions","data","getEntitySchemas","loading","filteredEntitiesSchemas","filter","entity","Object","keys","extras","length","searchIndexes","includes","entitiesToShow","slice","map","some","_entity","id","displayName","checked","value"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Checkbox } from '@blaze-react/checkboxes';\n\nconst MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];\n\nconst SearchAdminSideBar = ({\n searchModalSideBarClassName,\n openSearchSideBar,\n setOpenSearchSideBar,\n handleSetEntityValues,\n entityValues,\n setEntityValues\n}) => {\n const [loadMore, setLoadMore] = useState(false);\n const { data: { getEntitySchemas = [] } = {}, loading } = useQuery(\n getQuery('GET_USER_EDITABLE_ENTITIES'),\n {\n variables: {\n canDoActions: MENU_PERMISSIONS\n }\n }\n );\n\n if (loading) return null;\n\n const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {\n if (Object.keys(entity.extras).length) {\n return entity.extras.searchIndexes.includes('admin');\n }\n return false;\n });\n\n const entitiesToShow = filteredEntitiesSchemas.slice(\n 0,\n loadMore ? filteredEntitiesSchemas.length : 5\n );\n\n return (\n <div className={searchModalSideBarClassName}>\n <div\n className=\"modal__search__sidebar__button\"\n role=\"button\"\n onClick={() => setOpenSearchSideBar(!openSearchSideBar)}>\n <i className=\"material-icons\">\n {openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right'}\n </i>\n </div>\n <div className=\"modal__search__sidebar__container\">\n <div className=\"modal__search__sidebar__wrapper\">\n <div className=\"modal__search__sidebar__filters\">\n <i className=\"material-icons modal__search__sidebar__icon\">tune</i>\n <span>Filters</span>\n </div>\n <div\n className=\"modal__search__sidebar__clear\"\n role=\"button\"\n onClick={() => setEntityValues([])}>\n <span>Clear all</span>\n <i className=\"material-icons modal__search__sidebar__icon--clear\">replay</i>\n </div>\n </div>\n <div className=\"modal__search__sidebar__entity-list\">\n <h1>Entity list</h1>\n {entitiesToShow.map(entity => (\n <Checkbox\n checked={entityValues.some(_entity => _entity.id === entity.id)}\n label={entity.displayName}\n id={entity.id}\n name={entity.id}\n onChange={({ value: { checked } }) => handleSetEntityValues(entity)}\n />\n ))}\n <div\n className=\"modal__search__sidebar__more\"\n role=\"button\"\n onClick={() => setLoadMore(!loadMore)}>\n <i className=\"material-icons\">{!loadMore ? 'navigate_next' : 'expand_less'}</i>\n <span>{loadMore ? 'Less' : 'More'}</span>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default SearchAdminSideBar;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SearchAdminSideBar.js","names":["MENU_PERMISSIONS","SearchAdminSideBar","searchModalSideBarClassName","openSearchSideBar","setOpenSearchSideBar","handleSetEntityValues","entityValues","setEntityValues","useState","loadMore","setLoadMore","useQuery","getQuery","variables","canDoActions","data","getEntitySchemas","loading","filteredEntitiesSchemas","filter","entity","Object","keys","extras","length","searchIndexes","includes","entitiesToShow","slice","map","some","_entity","id","displayName","checked","value"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Checkbox } from '@blaze-react/checkboxes';\n\nconst MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];\n\nconst SearchAdminSideBar = ({\n searchModalSideBarClassName,\n openSearchSideBar,\n setOpenSearchSideBar,\n handleSetEntityValues,\n entityValues,\n setEntityValues\n}) => {\n const [loadMore, setLoadMore] = useState(false);\n const { data: { getEntitySchemas = [] } = {}, loading } = useQuery(\n getQuery('GET_USER_EDITABLE_ENTITIES'),\n {\n variables: {\n canDoActions: MENU_PERMISSIONS\n }\n }\n );\n\n if (loading) return null;\n\n const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {\n if (Object.keys(entity.extras).length) {\n return entity.extras.searchIndexes.includes('admin');\n }\n return false;\n });\n\n const entitiesToShow = filteredEntitiesSchemas.slice(\n 0,\n loadMore ? filteredEntitiesSchemas.length : 5\n );\n\n return (\n <div className={searchModalSideBarClassName}>\n <div\n className=\"modal__search__sidebar__button\"\n role=\"button\"\n onClick={() => setOpenSearchSideBar(!openSearchSideBar)}>\n <i className=\"material-icons\">\n {openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right'}\n </i>\n </div>\n <div className=\"modal__search__sidebar__container\">\n <div className=\"modal__search__sidebar__wrapper\">\n <div className=\"modal__search__sidebar__filters\">\n <i className=\"material-icons modal__search__sidebar__icon\">tune</i>\n <span>Filters</span>\n </div>\n <div\n className=\"modal__search__sidebar__clear\"\n role=\"button\"\n onClick={() => setEntityValues([])}>\n <span>Clear all</span>\n <i className=\"material-icons modal__search__sidebar__icon--clear\">replay</i>\n </div>\n </div>\n <div className=\"modal__search__sidebar__entity-list\">\n <h1>Entity list</h1>\n {entitiesToShow.map(entity => (\n <Checkbox\n checked={entityValues.some(_entity => _entity.id === entity.id)}\n label={entity.displayName}\n id={entity.id}\n name={entity.id}\n onChange={({ value: { checked } }) => handleSetEntityValues(entity)}\n />\n ))}\n <div\n className=\"modal__search__sidebar__more\"\n role=\"button\"\n onClick={() => setLoadMore(!loadMore)}>\n <i className=\"material-icons\">{!loadMore ? 'navigate_next' : 'expand_less'}</i>\n <span>{loadMore ? 'Less' : 'More'}</span>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default SearchAdminSideBar;\n"],"mappings":"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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 _SearchAdminSideBar = _interopRequireDefault(require("./SearchAdminSideBar"));
|
|
13
|
-
|
|
14
10
|
var _default = _SearchAdminSideBar["default"];
|
|
15
11
|
exports["default"] = _default;
|
|
16
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["SearchAdminSideBar"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/index.js"],"sourcesContent":["import SearchAdminSideBar from './SearchAdminSideBar';\n\nexport default SearchAdminSideBar;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchAdminSideBar"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/index.js"],"sourcesContent":["import SearchAdminSideBar from './SearchAdminSideBar';\n\nexport default SearchAdminSideBar;\n"],"mappings":";;;;;;;;AAAA;AAAsD,eAEvCA,8BAAkB;AAAA"}
|