@blaze-cms/plugin-search-ui 0.130.0-admin-updates.0 → 0.130.0-structured-data.1

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.
Files changed (34) hide show
  1. package/CHANGELOG.md +2 -19
  2. package/lib/components/SearchAdmin/SearchAdmin.js +19 -59
  3. package/lib/components/SearchAdmin/SearchAdmin.js.map +1 -1
  4. package/lib/components/SearchAdmin/SearchResults/SearchResults.js +13 -47
  5. package/lib/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
  6. package/lib/components/useLocalStorage/useLocalStorage.js +1 -0
  7. package/lib/components/useLocalStorage/useLocalStorage.js.map +1 -1
  8. package/lib/components/useSearch/useSearch.js +5 -11
  9. package/lib/components/useSearch/useSearch.js.map +1 -1
  10. package/lib/components/useSearchResults/useSearchResults.js +9 -9
  11. package/lib/components/useSearchResults/useSearchResults.js.map +1 -1
  12. package/lib-es/components/SearchAdmin/SearchAdmin.js +10 -33
  13. package/lib-es/components/SearchAdmin/SearchAdmin.js.map +1 -1
  14. package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js +11 -38
  15. package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
  16. package/lib-es/components/useSearch/useSearch.js +2 -5
  17. package/lib-es/components/useSearch/useSearch.js.map +1 -1
  18. package/lib-es/components/useSearchResults/useSearchResults.js +3 -3
  19. package/lib-es/components/useSearchResults/useSearchResults.js.map +1 -1
  20. package/package.json +6 -6
  21. package/src/components/SearchAdmin/SearchAdmin.js +41 -61
  22. package/src/components/SearchAdmin/SearchResults/SearchResults.js +41 -98
  23. package/src/components/useSearch/useSearch.js +2 -8
  24. package/src/components/useSearchResults/useSearchResults.js +4 -3
  25. package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +0 -113
  26. package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +0 -1
  27. package/lib/components/SearchAdmin/SearchAdminSideBar/index.js +0 -12
  28. package/lib/components/SearchAdmin/SearchAdminSideBar/index.js.map +0 -1
  29. package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +0 -76
  30. package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +0 -1
  31. package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js +0 -3
  32. package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js.map +0 -1
  33. package/src/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +0 -88
  34. package/src/components/SearchAdmin/SearchAdminSideBar/index.js +0 -3
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable jsx-a11y/anchor-is-valid */
2
2
  /* eslint-disable jsx-a11y/no-static-element-interactions */
3
- import React, { useState, useEffect } from 'react';
3
+ import React, { useState } from 'react';
4
4
  import PropTypes from 'prop-types';
5
5
  import VirtualList from 'react-tiny-virtual-list';
6
6
  import { withRouter } from 'react-router-dom';
@@ -22,20 +22,6 @@ const SearchResults = ({
22
22
  }) => {
23
23
  const [verifiedRanges, setVerifiedRanges] = useState([]);
24
24
  const [currentIndex, setCurrentIndex] = useState(0);
25
- const [currentResults, setCurrentResults] = useState([]);
26
- const [currentTotal, setCurrentTotal] = useState(0);
27
-
28
- useEffect(
29
- () => {
30
- if (!loading) {
31
- const [lowestRange] = verifiedRanges;
32
- setCurrentTotal(total);
33
- setCurrentResults(results);
34
- if (lowestRange > results.length) setVerifiedRanges([]);
35
- }
36
- },
37
- [loading, results, total, verifiedRanges]
38
- );
39
25
 
40
26
  const handleRenderedItems = async ({ startIndex }) => {
41
27
  const rowsLength = results.length;
@@ -63,96 +49,53 @@ const SearchResults = ({
63
49
  return `${day}.${month}.${year}`;
64
50
  };
65
51
 
66
- if (!currentResults.length)
67
- return (
68
- <div className="list list--search">
52
+ return (
53
+ <>
54
+ {loading && <span>Loading...</span>}
55
+ <div className="modal__content modal__content--search">
69
56
  <div className="header header--list">
70
- <h2>No Results</h2>
57
+ <h2>{total} results</h2>
71
58
  </div>
72
- </div>
73
- );
74
-
75
- return (
76
- <div className="modal__content modal__content--search">
77
- <div className="header header--list">
78
- <h2 className="header--list--results">
79
- About <b>{currentTotal}</b> search keywords results
80
- </h2>
81
- </div>
82
- <VirtualList
83
- width="100%"
84
- height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}
85
- itemCount={currentResults.length}
86
- itemSize={SEARCH_RESULTS_ITEM_SIZE}
87
- overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}
88
- scrollToIndex={currentIndex}
89
- onItemsRendered={handleRenderedItems}
90
- renderItem={({ index, style }) => {
91
- const {
92
- id,
93
- docType,
94
- updated,
95
- name,
96
- entityIdentifier,
97
- published,
98
- created,
99
- status
100
- } = currentResults[index];
101
- const updatedDate = updated ? getDateFormat(updated) : null;
102
- const createdDate = created ? getDateFormat(created) : null;
103
- const publishedDate = published ? getDateFormat(published) : null;
104
- return (
105
- <div key={index} style={style} className="list__item--resultWrapper">
106
- <div className="list__item list__item--result">
107
- <div className="list__item-row list__item-row--result">
108
- <span className="list__item-identifier">{entityIdentifier}</span>
109
- <a
110
- href={getNavigationRoute({
111
- id,
112
- docType
113
- })}
114
- onClick={() =>
115
- navigate({
59
+ <VirtualList
60
+ width="100%"
61
+ height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}
62
+ itemCount={results.length}
63
+ itemSize={SEARCH_RESULTS_ITEM_SIZE}
64
+ overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}
65
+ scrollToIndex={currentIndex}
66
+ onItemsRendered={handleRenderedItems}
67
+ renderItem={({ index, style }) => {
68
+ const { id, docType, updated, name } = results[index];
69
+ const updatedDate = updated ? getDateFormat(updated) : null;
70
+ return (
71
+ <div key={index} style={style} className="list__item--resultWrapper">
72
+ <div className="list__item list__item--result">
73
+ <div className="list__item-row list__item-row--result">
74
+ <span className="badge badge--primary">
75
+ {docType} {updatedDate}
76
+ </span>
77
+ <a
78
+ href={getNavigationRoute({
116
79
  id,
117
80
  docType
118
- })
119
- }
120
- className="list__item-link">
121
- {name}
122
- </a>
123
-
124
- <div className="list__item-dates">
125
- {publishedDate && (
126
- <span>
127
- <b>Published: </b>
128
- {publishedDate}
129
- </span>
130
- )}
131
- <span>
132
- <b>Created: </b>
133
- {createdDate}
134
- </span>
135
- <span>
136
- <b>Updated: </b>
137
- {updatedDate}
138
- </span>
139
- </div>
140
- <div className="list__item-status">
141
- {status && (
142
- <span>
143
- <b>Status: </b>
144
- {status}
145
- </span>
146
- )}
81
+ })}
82
+ onClick={() =>
83
+ navigate({
84
+ id,
85
+ docType
86
+ })
87
+ }
88
+ className="list__item-text list__item-text--result">
89
+ {name}
90
+ </a>
147
91
  </div>
148
92
  </div>
149
93
  </div>
150
- </div>
151
- );
152
- }}
153
- />
154
- {loading && <span>Loading...</span>}
155
- </div>
94
+ );
95
+ }}
96
+ />
97
+ </div>
98
+ </>
156
99
  );
157
100
  };
158
101
 
@@ -5,10 +5,8 @@ import searchQueries from '../../application/query';
5
5
  function useSearch({ queryKey, resultKeys, entities = [], fields }) {
6
6
  const [queryParams, setParams] = useState({ limit: 20, offset: 0, value: '' });
7
7
  const [searchedValue, setSearchedValue] = useState(null);
8
- const [previousEntities, setPreviousEntities] = useState([]);
9
8
  const [previousOffset, setPreviousOffset] = useState(null);
10
9
  const buildSearchQuery = searchQueries[queryKey];
11
-
12
10
  const [
13
11
  getSearchResults,
14
12
  {
@@ -30,14 +28,13 @@ function useSearch({ queryKey, resultKeys, entities = [], fields }) {
30
28
  const { limit, offset, value } = queryParams;
31
29
  const isNewValueSet = value && value !== searchedValue;
32
30
  const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
33
- const notSameLength = previousEntities.length !== entities.length;
34
31
  const parsedEntities = entities.length
35
32
  ? entities.map(entity => ({
36
33
  match: { docType: entity }
37
34
  }))
38
35
  : [];
39
36
 
40
- if (isNewValueSet || isNewOffsetSet || notSameLength) {
37
+ if (isNewValueSet || isNewOffsetSet) {
41
38
  getSearchResults({
42
39
  variables: {
43
40
  limit,
@@ -67,7 +64,6 @@ function useSearch({ queryKey, resultKeys, entities = [], fields }) {
67
64
  });
68
65
  setSearchedValue(value);
69
66
  setPreviousOffset(offset);
70
- setPreviousEntities(entities);
71
67
  }
72
68
  },
73
69
  [
@@ -79,9 +75,7 @@ function useSearch({ queryKey, resultKeys, entities = [], fields }) {
79
75
  previousOffset,
80
76
  getSearchResults,
81
77
  entities,
82
- fields,
83
- entities.length,
84
- previousEntities.length
78
+ fields
85
79
  ]
86
80
  );
87
81
 
@@ -2,8 +2,6 @@ import { useState, useEffect } from 'react';
2
2
  import useSearch from '../useSearch';
3
3
 
4
4
  function useSearchResults({ queryKey, resultKeys, entities, fields }) {
5
- const [currentResults, setCurrentResults] = useState([]);
6
- const [allResults, setAllResults] = useState([]);
7
5
  const [
8
6
  {
9
7
  searchedValue,
@@ -12,6 +10,8 @@ function useSearchResults({ queryKey, resultKeys, entities, fields }) {
12
10
  },
13
11
  setParams
14
12
  ] = useSearch({ queryKey, resultKeys, entities, fields });
13
+ const [currentResults, setCurrentResults] = useState([]);
14
+ const [allResults, setAllResults] = useState([]);
15
15
 
16
16
  useEffect(
17
17
  () => {
@@ -20,7 +20,7 @@ function useSearchResults({ queryKey, resultKeys, entities, fields }) {
20
20
  setCurrentResults(results);
21
21
  }
22
22
  },
23
- [allResults, currentResults, results]
23
+ [allResults, currentResults, currentResults.length, results]
24
24
  );
25
25
 
26
26
  const clearList = params => {
@@ -31,6 +31,7 @@ function useSearchResults({ queryKey, resultKeys, entities, fields }) {
31
31
  const setQueryParams = params => {
32
32
  params.value !== searchedValue ? clearList(params) : setParams(params);
33
33
  };
34
+
34
35
  return [{ loading, results: allResults, total }, setQueryParams];
35
36
  }
36
37
 
@@ -1,113 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.array.iterator.js");
4
- require("core-js/modules/es.string.iterator.js");
5
- require("core-js/modules/es.weak-map.js");
6
- require("core-js/modules/web.dom-collections.iterator.js");
7
- require("core-js/modules/es.object.define-property.js");
8
- require("core-js/modules/es.object.get-own-property-descriptor.js");
9
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
10
- var _typeof = require("@babel/runtime/helpers/typeof");
11
- Object.defineProperty(exports, "__esModule", {
12
- value: true
13
- });
14
- exports["default"] = void 0;
15
- require("core-js/modules/es.array.filter.js");
16
- require("core-js/modules/es.object.to-string.js");
17
- require("core-js/modules/es.object.keys.js");
18
- require("core-js/modules/es.array.includes.js");
19
- require("core-js/modules/es.string.includes.js");
20
- require("core-js/modules/es.array.slice.js");
21
- require("core-js/modules/es.array.map.js");
22
- require("core-js/modules/es.array.some.js");
23
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
24
- var _react = _interopRequireWildcard(require("react"));
25
- var _client = require("@apollo/client");
26
- var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
27
- var _checkboxes = require("@blaze-react/checkboxes");
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); }
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; }
30
- var MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];
31
- var SearchAdminSideBar = function SearchAdminSideBar(_ref) {
32
- var searchModalSideBarClassName = _ref.searchModalSideBarClassName,
33
- openSearchSideBar = _ref.openSearchSideBar,
34
- setOpenSearchSideBar = _ref.setOpenSearchSideBar,
35
- handleSetEntityValues = _ref.handleSetEntityValues,
36
- entityValues = _ref.entityValues,
37
- setEntityValues = _ref.setEntityValues;
38
- var _useState = (0, _react.useState)(false),
39
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
40
- loadMore = _useState2[0],
41
- setLoadMore = _useState2[1];
42
- var _useQuery = (0, _client.useQuery)((0, _adminUiUtils.getQuery)('GET_USER_EDITABLE_ENTITIES'), {
43
- variables: {
44
- canDoActions: MENU_PERMISSIONS
45
- }
46
- }),
47
- _useQuery$data = _useQuery.data,
48
- _useQuery$data2 = _useQuery$data === void 0 ? {} : _useQuery$data,
49
- _useQuery$data2$getEn = _useQuery$data2.getEntitySchemas,
50
- getEntitySchemas = _useQuery$data2$getEn === void 0 ? [] : _useQuery$data2$getEn,
51
- loading = _useQuery.loading;
52
- if (loading) return null;
53
- var filteredEntitiesSchemas = getEntitySchemas.filter(function (entity) {
54
- if (Object.keys(entity.extras).length) {
55
- return entity.extras.searchIndexes.includes('admin');
56
- }
57
- return false;
58
- });
59
- var entitiesToShow = filteredEntitiesSchemas.slice(0, loadMore ? filteredEntitiesSchemas.length : 5);
60
- return /*#__PURE__*/_react["default"].createElement("div", {
61
- className: searchModalSideBarClassName
62
- }, /*#__PURE__*/_react["default"].createElement("div", {
63
- className: "modal__search__sidebar__button",
64
- role: "button",
65
- onClick: function onClick() {
66
- return setOpenSearchSideBar(!openSearchSideBar);
67
- }
68
- }, /*#__PURE__*/_react["default"].createElement("i", {
69
- className: "material-icons"
70
- }, openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right')), /*#__PURE__*/_react["default"].createElement("div", {
71
- className: "modal__search__sidebar__container"
72
- }, /*#__PURE__*/_react["default"].createElement("div", {
73
- className: "modal__search__sidebar__wrapper"
74
- }, /*#__PURE__*/_react["default"].createElement("div", {
75
- className: "modal__search__sidebar__filters"
76
- }, /*#__PURE__*/_react["default"].createElement("i", {
77
- className: "material-icons modal__search__sidebar__icon"
78
- }, "tune"), /*#__PURE__*/_react["default"].createElement("span", null, "Filters")), /*#__PURE__*/_react["default"].createElement("div", {
79
- className: "modal__search__sidebar__clear",
80
- role: "button",
81
- onClick: function onClick() {
82
- return setEntityValues([]);
83
- }
84
- }, /*#__PURE__*/_react["default"].createElement("span", null, "Clear all"), /*#__PURE__*/_react["default"].createElement("i", {
85
- className: "material-icons modal__search__sidebar__icon--clear"
86
- }, "replay"))), /*#__PURE__*/_react["default"].createElement("div", {
87
- className: "modal__search__sidebar__entity-list"
88
- }, /*#__PURE__*/_react["default"].createElement("h1", null, "Entity list"), entitiesToShow.map(function (entity) {
89
- return /*#__PURE__*/_react["default"].createElement(_checkboxes.Checkbox, {
90
- checked: entityValues.some(function (_entity) {
91
- return _entity.id === entity.id;
92
- }),
93
- label: entity.displayName,
94
- id: entity.id,
95
- name: entity.id,
96
- onChange: function onChange(_ref2) {
97
- var checked = _ref2.value.checked;
98
- return handleSetEntityValues(entity);
99
- }
100
- });
101
- }), /*#__PURE__*/_react["default"].createElement("div", {
102
- className: "modal__search__sidebar__more",
103
- role: "button",
104
- onClick: function onClick() {
105
- return setLoadMore(!loadMore);
106
- }
107
- }, /*#__PURE__*/_react["default"].createElement("i", {
108
- className: "material-icons"
109
- }, !loadMore ? 'navigate_next' : 'expand_less'), /*#__PURE__*/_react["default"].createElement("span", null, loadMore ? 'Less' : 'More')))));
110
- };
111
- var _default = SearchAdminSideBar;
112
- exports["default"] = _default;
113
- //# sourceMappingURL=SearchAdminSideBar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchAdminSideBar.js","names":["_react","_interopRequireWildcard","require","_client","_adminUiUtils","_checkboxes","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MENU_PERMISSIONS","SearchAdminSideBar","_ref","searchModalSideBarClassName","openSearchSideBar","setOpenSearchSideBar","handleSetEntityValues","entityValues","setEntityValues","_useState","useState","_useState2","_slicedToArray2","loadMore","setLoadMore","_useQuery","useQuery","getQuery","variables","canDoActions","_useQuery$data","data","_useQuery$data2","_useQuery$data2$getEn","getEntitySchemas","loading","filteredEntitiesSchemas","filter","entity","keys","extras","length","searchIndexes","includes","entitiesToShow","slice","createElement","className","role","onClick","map","Checkbox","checked","some","_entity","id","label","displayName","name","onChange","_ref2","value","_default","exports"],"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,12 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.object.define-property.js");
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
- var _SearchAdminSideBar = _interopRequireDefault(require("./SearchAdminSideBar"));
10
- var _default = _SearchAdminSideBar["default"];
11
- exports["default"] = _default;
12
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["_SearchAdminSideBar","_interopRequireDefault","require","_default","SearchAdminSideBar","exports"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/index.js"],"sourcesContent":["import SearchAdminSideBar from './SearchAdminSideBar';\n\nexport default SearchAdminSideBar;\n"],"mappings":";;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAsD,IAAAC,QAAA,GAEvCC,8BAAkB;AAAAC,OAAA,cAAAF,QAAA"}
@@ -1,76 +0,0 @@
1
- import React, { useState } from 'react';
2
- import { useQuery } from '@apollo/client';
3
- import { getQuery } from '@blaze-cms/admin-ui-utils';
4
- import { Checkbox } from '@blaze-react/checkboxes';
5
- const MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];
6
- const SearchAdminSideBar = ({
7
- searchModalSideBarClassName,
8
- openSearchSideBar,
9
- setOpenSearchSideBar,
10
- handleSetEntityValues,
11
- entityValues,
12
- setEntityValues
13
- }) => {
14
- const [loadMore, setLoadMore] = useState(false);
15
- const {
16
- data: {
17
- getEntitySchemas = []
18
- } = {},
19
- loading
20
- } = useQuery(getQuery('GET_USER_EDITABLE_ENTITIES'), {
21
- variables: {
22
- canDoActions: MENU_PERMISSIONS
23
- }
24
- });
25
- if (loading) return null;
26
- const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {
27
- if (Object.keys(entity.extras).length) {
28
- return entity.extras.searchIndexes.includes('admin');
29
- }
30
- return false;
31
- });
32
- const entitiesToShow = filteredEntitiesSchemas.slice(0, loadMore ? filteredEntitiesSchemas.length : 5);
33
- return /*#__PURE__*/React.createElement("div", {
34
- className: searchModalSideBarClassName
35
- }, /*#__PURE__*/React.createElement("div", {
36
- className: "modal__search__sidebar__button",
37
- role: "button",
38
- onClick: () => setOpenSearchSideBar(!openSearchSideBar)
39
- }, /*#__PURE__*/React.createElement("i", {
40
- className: "material-icons"
41
- }, openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right')), /*#__PURE__*/React.createElement("div", {
42
- className: "modal__search__sidebar__container"
43
- }, /*#__PURE__*/React.createElement("div", {
44
- className: "modal__search__sidebar__wrapper"
45
- }, /*#__PURE__*/React.createElement("div", {
46
- className: "modal__search__sidebar__filters"
47
- }, /*#__PURE__*/React.createElement("i", {
48
- className: "material-icons modal__search__sidebar__icon"
49
- }, "tune"), /*#__PURE__*/React.createElement("span", null, "Filters")), /*#__PURE__*/React.createElement("div", {
50
- className: "modal__search__sidebar__clear",
51
- role: "button",
52
- onClick: () => setEntityValues([])
53
- }, /*#__PURE__*/React.createElement("span", null, "Clear all"), /*#__PURE__*/React.createElement("i", {
54
- className: "material-icons modal__search__sidebar__icon--clear"
55
- }, "replay"))), /*#__PURE__*/React.createElement("div", {
56
- className: "modal__search__sidebar__entity-list"
57
- }, /*#__PURE__*/React.createElement("h1", null, "Entity list"), entitiesToShow.map(entity => /*#__PURE__*/React.createElement(Checkbox, {
58
- checked: entityValues.some(_entity => _entity.id === entity.id),
59
- label: entity.displayName,
60
- id: entity.id,
61
- name: entity.id,
62
- onChange: ({
63
- value: {
64
- checked
65
- }
66
- }) => handleSetEntityValues(entity)
67
- })), /*#__PURE__*/React.createElement("div", {
68
- className: "modal__search__sidebar__more",
69
- role: "button",
70
- onClick: () => setLoadMore(!loadMore)
71
- }, /*#__PURE__*/React.createElement("i", {
72
- className: "material-icons"
73
- }, !loadMore ? 'navigate_next' : 'expand_less'), /*#__PURE__*/React.createElement("span", null, loadMore ? 'Less' : 'More')))));
74
- };
75
- export default SearchAdminSideBar;
76
- //# sourceMappingURL=SearchAdminSideBar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchAdminSideBar.js","names":["React","useState","useQuery","getQuery","Checkbox","MENU_PERMISSIONS","SearchAdminSideBar","searchModalSideBarClassName","openSearchSideBar","setOpenSearchSideBar","handleSetEntityValues","entityValues","setEntityValues","loadMore","setLoadMore","data","getEntitySchemas","loading","variables","canDoActions","filteredEntitiesSchemas","filter","entity","Object","keys","extras","length","searchIndexes","includes","entitiesToShow","slice","createElement","className","role","onClick","map","checked","some","_entity","id","label","displayName","name","onChange","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,3 +0,0 @@
1
- import SearchAdminSideBar from './SearchAdminSideBar';
2
- export default SearchAdminSideBar;
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["SearchAdminSideBar"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/index.js"],"sourcesContent":["import SearchAdminSideBar from './SearchAdminSideBar';\n\nexport default SearchAdminSideBar;\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,sBAAsB;AAErD,eAAeA,kBAAkB"}
@@ -1,88 +0,0 @@
1
- import React, { useState } from 'react';
2
- import { useQuery } from '@apollo/client';
3
- import { getQuery } from '@blaze-cms/admin-ui-utils';
4
- import { Checkbox } from '@blaze-react/checkboxes';
5
-
6
- const MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];
7
-
8
- const SearchAdminSideBar = ({
9
- searchModalSideBarClassName,
10
- openSearchSideBar,
11
- setOpenSearchSideBar,
12
- handleSetEntityValues,
13
- entityValues,
14
- setEntityValues
15
- }) => {
16
- const [loadMore, setLoadMore] = useState(false);
17
- const { data: { getEntitySchemas = [] } = {}, loading } = useQuery(
18
- getQuery('GET_USER_EDITABLE_ENTITIES'),
19
- {
20
- variables: {
21
- canDoActions: MENU_PERMISSIONS
22
- }
23
- }
24
- );
25
-
26
- if (loading) return null;
27
-
28
- const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {
29
- if (Object.keys(entity.extras).length) {
30
- return entity.extras.searchIndexes.includes('admin');
31
- }
32
- return false;
33
- });
34
-
35
- const entitiesToShow = filteredEntitiesSchemas.slice(
36
- 0,
37
- loadMore ? filteredEntitiesSchemas.length : 5
38
- );
39
-
40
- return (
41
- <div className={searchModalSideBarClassName}>
42
- <div
43
- className="modal__search__sidebar__button"
44
- role="button"
45
- onClick={() => setOpenSearchSideBar(!openSearchSideBar)}>
46
- <i className="material-icons">
47
- {openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right'}
48
- </i>
49
- </div>
50
- <div className="modal__search__sidebar__container">
51
- <div className="modal__search__sidebar__wrapper">
52
- <div className="modal__search__sidebar__filters">
53
- <i className="material-icons modal__search__sidebar__icon">tune</i>
54
- <span>Filters</span>
55
- </div>
56
- <div
57
- className="modal__search__sidebar__clear"
58
- role="button"
59
- onClick={() => setEntityValues([])}>
60
- <span>Clear all</span>
61
- <i className="material-icons modal__search__sidebar__icon--clear">replay</i>
62
- </div>
63
- </div>
64
- <div className="modal__search__sidebar__entity-list">
65
- <h1>Entity list</h1>
66
- {entitiesToShow.map(entity => (
67
- <Checkbox
68
- checked={entityValues.some(_entity => _entity.id === entity.id)}
69
- label={entity.displayName}
70
- id={entity.id}
71
- name={entity.id}
72
- onChange={({ value: { checked } }) => handleSetEntityValues(entity)}
73
- />
74
- ))}
75
- <div
76
- className="modal__search__sidebar__more"
77
- role="button"
78
- onClick={() => setLoadMore(!loadMore)}>
79
- <i className="material-icons">{!loadMore ? 'navigate_next' : 'expand_less'}</i>
80
- <span>{loadMore ? 'Less' : 'More'}</span>
81
- </div>
82
- </div>
83
- </div>
84
- </div>
85
- );
86
- };
87
-
88
- export default SearchAdminSideBar;
@@ -1,3 +0,0 @@
1
- import SearchAdminSideBar from './SearchAdminSideBar';
2
-
3
- export default SearchAdminSideBar;