@blaze-cms/plugin-data-ui 0.147.0-rc-eagle.2 → 0.147.0-rc-eagle.4

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 (26) hide show
  1. package/lib/components/EntityManager/Entity/Entity.js +6 -7
  2. package/lib/components/EntityManager/Entity/Entity.js.map +1 -1
  3. package/lib/components/ListingTable/SearchFilter/SearchContainer.js +321 -49
  4. package/lib/components/ListingTable/SearchFilter/SearchContainer.js.map +1 -1
  5. package/lib/components/ListingTable/SearchFilter/SearchFilter.js +6 -2
  6. package/lib/components/ListingTable/SearchFilter/SearchFilter.js.map +1 -1
  7. package/lib/components/ListingTable/SearchFilter/helpers.js +41 -8
  8. package/lib/components/ListingTable/SearchFilter/helpers.js.map +1 -1
  9. package/lib/index.js +7 -0
  10. package/lib/index.js.map +1 -1
  11. package/lib-es/components/EntityManager/Entity/Entity.js +6 -7
  12. package/lib-es/components/EntityManager/Entity/Entity.js.map +1 -1
  13. package/lib-es/components/ListingTable/SearchFilter/SearchContainer.js +323 -51
  14. package/lib-es/components/ListingTable/SearchFilter/SearchContainer.js.map +1 -1
  15. package/lib-es/components/ListingTable/SearchFilter/SearchFilter.js +7 -3
  16. package/lib-es/components/ListingTable/SearchFilter/SearchFilter.js.map +1 -1
  17. package/lib-es/components/ListingTable/SearchFilter/helpers.js +39 -8
  18. package/lib-es/components/ListingTable/SearchFilter/helpers.js.map +1 -1
  19. package/lib-es/index.js +1 -0
  20. package/lib-es/index.js.map +1 -1
  21. package/package.json +11 -11
  22. package/src/components/EntityManager/Entity/Entity.js +11 -11
  23. package/src/components/ListingTable/SearchFilter/SearchContainer.js +363 -71
  24. package/src/components/ListingTable/SearchFilter/SearchFilter.js +5 -2
  25. package/src/components/ListingTable/SearchFilter/helpers.js +56 -8
  26. package/src/index.js +2 -0
@@ -4,25 +4,48 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
4
4
  import React, { useState, useMemo, useEffect, useCallback } from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import Select from '@blaze-react/select';
7
+ import MultiSelect from '@blaze-react/multiselect';
8
+ import debounce from 'lodash.debounce';
9
+ import unionBy from 'lodash.unionby';
7
10
  import { useQuery, useApolloClient } from '@apollo/client';
8
- import { getDynamicQuery, getQuery } from '@blaze-cms/admin-ui-utils';
11
+ import { getDynamicQuery, getQuery, fetchFilterByDataFromElastic, fetchAllEntities } from '@blaze-cms/admin-ui-utils';
12
+ import { getStringTypeProps } from '@blaze-cms/utils';
9
13
  import { BsArrowCounterclockwise, BsSearch } from 'react-icons/bs';
10
- import { updateListFilters, buildQueryFields } from './helpers';
14
+ import { updateListFilters, buildQueryFields, getTidyLabel } from './helpers';
11
15
  import { NOOP_QUERY } from './querys';
12
16
  import { ENTER_KEY, DEFAULT_FILTER_OPTION_LABEL } from '../../../constants';
13
17
  const SearchContainer = ({
14
18
  setListFilters,
15
19
  keywordFiltersToUse = [],
16
20
  selectFiltersToDisplay = [],
21
+ multiSelectFiltersToDisplay = [],
17
22
  schema,
18
- index
23
+ index,
24
+ values
19
25
  }) => {
20
- const apolloClient = useApolloClient();
26
+ const client = useApolloClient();
21
27
  const [searchTerm, setSearchTerm] = useState('');
22
28
  const [selectedFilters, setSelectedFilters] = useState({});
23
29
  const [selectOptions, setSelectOptions] = useState([]);
30
+ const [multiSelectOptions, setMultiSelectOptions] = useState([]);
31
+ const [allEntitySchemas, setAllEntitySchemas] = useState([]);
24
32
  const displaySearchFilter = keywordFiltersToUse.length > 0;
25
33
  const displaySelectFilters = selectFiltersToDisplay.length > 0;
34
+ const displayMultiSelectFilters = multiSelectFiltersToDisplay.length > 0;
35
+ const displayAggregations = displaySelectFilters || displayMultiSelectFilters;
36
+ useEffect(() => {
37
+ (async () => {
38
+ try {
39
+ const all = await fetchAllEntities({
40
+ client
41
+ });
42
+ setAllEntitySchemas(all || []);
43
+ } catch (error) {
44
+ setAllEntitySchemas([]);
45
+ }
46
+ })();
47
+ }, [client]);
48
+ const multiSelectPropertySet = useMemo(() => new Set(multiSelectFiltersToDisplay.map(([property]) => property)), [multiSelectFiltersToDisplay]);
26
49
  const {
27
50
  keywordSearchProperties,
28
51
  keywordSearchLabels
@@ -43,19 +66,60 @@ const SearchContainer = ({
43
66
  const {
44
67
  gqlFields,
45
68
  rawQuery
46
- } = useMemo(() => buildQueryFields(selectFiltersToDisplay, schema.id), [selectFiltersToDisplay, schema.id]);
47
- const action = displaySelectFilters ? getDynamicQuery('ADMIN_SEARCH')([schema], gqlFields, false, index) : NOOP_QUERY;
69
+ } = useMemo(() => buildQueryFields([...selectFiltersToDisplay, ...multiSelectFiltersToDisplay], schema.id), [selectFiltersToDisplay, multiSelectFiltersToDisplay, schema.id]);
70
+ const action = displayAggregations ? getDynamicQuery('ADMIN_SEARCH')([schema], gqlFields, false, index) : NOOP_QUERY;
48
71
  const {
49
72
  data
50
73
  } = useQuery(action, {
51
- skip: !displaySelectFilters,
74
+ skip: !displayAggregations,
52
75
  variables: {
53
76
  where: rawQuery,
54
77
  limit: 0
55
78
  },
56
79
  fetchPolicy: 'cache-and-network'
57
80
  });
58
- const filterData = useMemo(() => {
81
+ const buildRelationsIndex = useCallback(schemaObj => {
82
+ const items = [];
83
+ if (schemaObj.properties) {
84
+ Object.entries(schemaObj.properties).forEach(([propName, definition]) => {
85
+ const {
86
+ relation
87
+ } = definition || {};
88
+ if (!relation) return;
89
+ const {
90
+ localField: relationLocalField,
91
+ entityIdentifier
92
+ } = relation;
93
+ const localField = relationLocalField || propName;
94
+ if (localField) items.push({
95
+ localField,
96
+ entityIdentifier
97
+ });
98
+ });
99
+ }
100
+ if (Array.isArray(schemaObj.relations)) {
101
+ schemaObj.relations.forEach(relation => {
102
+ if (!relation.localField) return;
103
+ const {
104
+ localField,
105
+ entityIdentifier
106
+ } = relation;
107
+ items.push({
108
+ localField,
109
+ entityIdentifier
110
+ });
111
+ });
112
+ }
113
+ const byKey = new Map();
114
+ items.forEach(item => {
115
+ const key = `${item.localField}|${item.entityIdentifier || ''}`;
116
+ if (!byKey.has(key)) byKey.set(key, item);
117
+ });
118
+ return Array.from(byKey.values());
119
+ }, []);
120
+ const relationsIndex = useMemo(() => buildRelationsIndex(schema), [schema, buildRelationsIndex]);
121
+ const stringTypeProps = useMemo(() => getStringTypeProps(schema.id, relationsIndex, allEntitySchemas), [schema.id, relationsIndex, allEntitySchemas]);
122
+ const aggregationsData = useMemo(() => {
59
123
  const {
60
124
  searchResults: {
61
125
  rawResults: {
@@ -63,48 +127,61 @@ const SearchContainer = ({
63
127
  } = {}
64
128
  } = {}
65
129
  } = data || {};
66
- const proccessedData = [];
130
+ const processed = [];
67
131
  Object.entries(aggregations).forEach(([key, {
68
132
  buckets
69
133
  }]) => {
70
- proccessedData.push(Array.isArray(buckets) ? [key, buckets.map(b => b.key).filter(Boolean)] : []);
134
+ processed.push(Array.isArray(buckets) ? [key, buckets.map(bucket => bucket.key).filter(Boolean)] : []);
71
135
  });
72
- return proccessedData;
136
+ return processed;
73
137
  }, [data]);
138
+ const findFilterConfig = useCallback(property => {
139
+ var _selectFiltersToDispl, _multiSelectFiltersTo;
140
+ return ((_selectFiltersToDispl = selectFiltersToDisplay.find(([prop]) => prop === property)) === null || _selectFiltersToDispl === void 0 ? void 0 : _selectFiltersToDispl[1]) || ((_multiSelectFiltersTo = multiSelectFiltersToDisplay.find(([prop]) => prop === property)) === null || _multiSelectFiltersTo === void 0 ? void 0 : _multiSelectFiltersTo[1]);
141
+ }, [selectFiltersToDisplay, multiSelectFiltersToDisplay]);
74
142
  useEffect(() => {
75
- if (!filterData.length) {
143
+ if (!aggregationsData.length) {
76
144
  setSelectOptions([]);
145
+ setMultiSelectOptions([]);
77
146
  return;
78
147
  }
79
148
  (async () => {
80
- const results = await Promise.all(filterData.map(async ([property, ids]) => {
149
+ const results = await Promise.all(aggregationsData.map(async ([property, ids]) => {
81
150
  try {
82
- if (!ids || !ids.length) return {};
83
- const [, selectionDetails] = selectFiltersToDisplay.find(([selectProperty]) => selectProperty === property) || [];
84
- if (!selectionDetails) return null;
85
- if (!selectionDetails.relation) {
151
+ if (!ids || !ids.length) return null;
152
+ const config = findFilterConfig(property);
153
+ if (!config) return null;
154
+ const {
155
+ adminListingOptions: {
156
+ tidyLabel
157
+ } = {}
158
+ } = config;
159
+ if (!config.relation) {
160
+ const baseOptions = ids.map(value => [value, getTidyLabel(value, tidyLabel)]);
86
161
  return {
87
- id: property,
88
- label: selectionDetails.label,
89
- options: ids.map(value => [value, value])
162
+ property,
163
+ label: config.label,
164
+ type: multiSelectPropertySet.has(property) ? 'multi' : 'single',
165
+ options: baseOptions,
166
+ selected: values && values[property]
90
167
  };
91
168
  }
92
- const query = getQuery('GET_ENTITY_SCHEMA');
169
+ const schemaQuery = getQuery('GET_ENTITY_SCHEMA');
93
170
  const {
94
171
  data: {
95
172
  getEntitySchemas: [relationSchema]
96
173
  }
97
- } = await apolloClient.query({
98
- query,
174
+ } = await client.query({
175
+ query: schemaQuery,
99
176
  variables: {
100
- identifier: selectionDetails.relation.entityIdentifier
177
+ identifier: config.relation.entityIdentifier
101
178
  }
102
179
  });
103
180
  const {
104
181
  data: {
105
182
  result: selected = []
106
183
  }
107
- } = await apolloClient.query({
184
+ } = await client.query({
108
185
  query: getDynamicQuery('GET_ALL_ENTITIES')(relationSchema),
109
186
  variables: {
110
187
  where: {
@@ -119,45 +196,183 @@ const SearchContainer = ({
119
196
  }
120
197
  })
121
198
  // eslint-disable-next-line no-console
122
- .catch(e => console.error(e));
199
+ .catch(error => console.error(error));
200
+ const baseOptions = selected.map(item => [item.id, getTidyLabel(item.name, tidyLabel)]);
123
201
  return {
124
- id: property,
125
- label: selectionDetails.label,
126
- options: selected.map(item => [item.id, item.name])
202
+ property,
203
+ label: config.label || config.relation.label,
204
+ type: multiSelectPropertySet.has(property) ? 'multi' : 'single',
205
+ options: baseOptions,
206
+ selected: values && values[property]
127
207
  };
128
208
  } catch {
129
209
  return null;
130
210
  }
131
211
  }));
132
- setSelectOptions(results.filter(Boolean));
212
+ const valid = results.filter(Boolean);
213
+ setSelectOptions(valid.filter(option => option.type === 'single').map(({
214
+ property,
215
+ label,
216
+ options,
217
+ selected
218
+ }) => ({
219
+ id: property,
220
+ label,
221
+ options,
222
+ selected
223
+ })));
224
+ setMultiSelectOptions(valid.filter(option => option.type === 'multi').map(({
225
+ property,
226
+ label,
227
+ options,
228
+ selected
229
+ }) => ({
230
+ id: property,
231
+ label,
232
+ items: options.map(([id, name]) => ({
233
+ id,
234
+ name
235
+ })),
236
+ selected
237
+ })));
133
238
  })();
134
- }, [apolloClient, filterData, schema, selectFiltersToDisplay]);
239
+ }, [client, aggregationsData, findFilterConfig, multiSelectPropertySet, values]);
135
240
  const updateFilters = useCallback((term, filters) => updateListFilters(term, filters, setListFilters, keywordSearchProperties), [setListFilters, keywordSearchProperties]);
241
+ const debouncedUpdateFilters = useMemo(() => debounce((term, filters) => updateFilters(term, filters), 300), [updateFilters]);
242
+ useEffect(() => () => debouncedUpdateFilters.cancel(), [debouncedUpdateFilters]);
136
243
  const handleSearch = useCallback(() => updateFilters(searchTerm, selectedFilters), [searchTerm, selectedFilters, updateFilters]);
137
- const handleSearchChange = useCallback(e => setSearchTerm(e.target.value), []);
138
- const handleEnterKey = useCallback(e => {
139
- if (e.key === ENTER_KEY) handleSearch();
244
+ const handleSearchChange = useCallback(({
245
+ target: {
246
+ value
247
+ }
248
+ }) => setSearchTerm(value), []);
249
+ const handleEnterKey = useCallback(({
250
+ key
251
+ }) => {
252
+ if (key === ENTER_KEY) handleSearch();
140
253
  }, [handleSearch]);
141
254
  const handleReset = useCallback(() => {
142
255
  setSearchTerm('');
143
- setSelectedFilters(Object.keys(selectedFilters).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
144
- [key]: DEFAULT_FILTER_OPTION_LABEL
145
- }), {}));
256
+ debouncedUpdateFilters.cancel();
257
+ setSelectedFilters(prev => Object.keys(prev).reduce((acc, key) => {
258
+ acc[key] = multiSelectPropertySet.has(key) ? [] : DEFAULT_FILTER_OPTION_LABEL;
259
+ return acc;
260
+ }, {}));
146
261
  updateFilters('', {});
147
- }, [selectedFilters, updateFilters]);
148
- const handleSelect = useCallback((property, event) => {
149
- const {
150
- value
151
- } = event;
262
+ }, [multiSelectPropertySet, updateFilters, debouncedUpdateFilters]);
263
+ const handleSelect = useCallback((property, {
264
+ value
265
+ }) => {
152
266
  const next = _objectSpread(_objectSpread({}, selectedFilters), {}, {
153
267
  [property]: value
154
268
  });
155
269
  setSelectedFilters(next);
156
- updateFilters(searchTerm, next);
157
- }, [searchTerm, selectedFilters, updateFilters]);
270
+ debouncedUpdateFilters(searchTerm, next);
271
+ }, [searchTerm, selectedFilters, debouncedUpdateFilters]);
272
+ const handleMultiSelect = useCallback((property, ids) => {
273
+ const next = _objectSpread(_objectSpread({}, selectedFilters), {}, {
274
+ [property]: ids
275
+ });
276
+ setSelectedFilters(next);
277
+ debouncedUpdateFilters(searchTerm, next);
278
+ }, [searchTerm, selectedFilters, debouncedUpdateFilters]);
279
+ const findRelationByLocalField = useCallback(localField => relationsIndex.find(relation => relation.localField === localField), [relationsIndex]);
280
+ const resolveAggProp = useCallback((property, config) => {
281
+ if (!config.relation) return property;
282
+ if (property.includes('.')) return property;
283
+ const localField = config.relation.localField || property;
284
+ return `${localField}.name`;
285
+ }, []);
286
+ const resolveEntityIdentifier = useCallback((property, config) => {
287
+ if (!config.relation) return undefined;
288
+ if (config.relation.entityIdentifier) return config.relation.entityIdentifier;
289
+ const localField = property.includes('.') ? property.split('.')[0] : config.relation.localField || property;
290
+ return findRelationByLocalField(localField).entityIdentifier;
291
+ }, [findRelationByLocalField]);
292
+ const addEntitySuffixIfNeeded = useCallback((aggProp, entityIdentifier, config) => {
293
+ if (!config.relation || !entityIdentifier) return aggProp;
294
+ return `${aggProp}/${entityIdentifier}`;
295
+ }, []);
296
+ const makeOnSearchChange = useCallback(property => async ({
297
+ event: {
298
+ value
299
+ },
300
+ currentOffset
301
+ }) => {
302
+ try {
303
+ var _config$relation, _aggregations$key, _multiSelectOptions$f;
304
+ if (!value || currentOffset) return [];
305
+ const config = findFilterConfig(property);
306
+ if (!config) return [];
307
+ let aggProp = resolveAggProp(property, config);
308
+ if (config.relation && !config.relation.localField && !property.includes('.')) {
309
+ const matchingRelation = findRelationByLocalField(property);
310
+ if (matchingRelation.localField) aggProp = `${matchingRelation.localField}.name`;
311
+ }
312
+ const entityIdentifier = resolveEntityIdentifier(property, config) || ((_config$relation = config.relation) === null || _config$relation === void 0 ? void 0 : _config$relation.entityIdentifier);
313
+ const filterByEntry = addEntitySuffixIfNeeded(aggProp, entityIdentifier, config);
314
+ const currentValues = {
315
+ entity: schema.id,
316
+ filterByProperty: [filterByEntry]
317
+ };
318
+ const aggregations = await fetchFilterByDataFromElastic(client, currentValues, relationsIndex, stringTypeProps, value);
319
+ const key = aggProp;
320
+ const buckets = (aggregations === null || aggregations === void 0 ? void 0 : (_aggregations$key = aggregations[key]) === null || _aggregations$key === void 0 ? void 0 : _aggregations$key.buckets) || [];
321
+ let items = [];
322
+ if (config.relation) {
323
+ const names = buckets.map(bucket => bucket.key).filter(Boolean);
324
+ if (names.length) {
325
+ const schemaQuery = getQuery('GET_ENTITY_SCHEMA');
326
+ const {
327
+ data: {
328
+ getEntitySchemas: [relationSchema]
329
+ }
330
+ } = await client.query({
331
+ query: schemaQuery,
332
+ variables: {
333
+ identifier: entityIdentifier
334
+ }
335
+ });
336
+ const {
337
+ data: {
338
+ result: selected = []
339
+ }
340
+ } = await client.query({
341
+ query: getDynamicQuery('GET_ALL_ENTITIES')(relationSchema),
342
+ variables: {
343
+ where: {
344
+ name: {
345
+ _in: names
346
+ }
347
+ },
348
+ sort: [{
349
+ property: 'name',
350
+ direction: 'asc'
351
+ }]
352
+ }
353
+ })
354
+ // eslint-disable-next-line no-console
355
+ .catch(error => console.error(error));
356
+ items = selected.map(item => ({
357
+ id: item.id,
358
+ name: item.name
359
+ }));
360
+ }
361
+ } else {
362
+ items = buckets.map(bucket => ({
363
+ id: bucket.key,
364
+ name: bucket.key
365
+ })).filter(option => option.id != null);
366
+ }
367
+ const existingItems = ((_multiSelectOptions$f = multiSelectOptions.find(opt => opt.id === property)) === null || _multiSelectOptions$f === void 0 ? void 0 : _multiSelectOptions$f.items) || [];
368
+ return unionBy(items, existingItems, 'id');
369
+ } catch (error) {
370
+ return [];
371
+ }
372
+ }, [client, schema.id, relationsIndex, stringTypeProps, multiSelectOptions, findFilterConfig, resolveAggProp, resolveEntityIdentifier, addEntitySuffixIfNeeded, findRelationByLocalField]);
158
373
  const placeholderText = `Search ${keywordSearchLabels.join(', ')}`;
159
374
  return /*#__PURE__*/React.createElement("div", {
160
- className: "search-container"
375
+ className: "search-container ms-filter"
161
376
  }, displaySearchFilter && /*#__PURE__*/React.createElement("div", {
162
377
  className: "search-container__search-input-container"
163
378
  }, /*#__PURE__*/React.createElement("input", {
@@ -173,18 +388,73 @@ const SearchContainer = ({
173
388
  }, /*#__PURE__*/React.createElement(BsSearch, null))), displaySelectFilters && selectOptions.map(({
174
389
  id,
175
390
  options,
176
- label
177
- }) => /*#__PURE__*/React.createElement(React.Fragment, null, options && !!options.length && /*#__PURE__*/React.createElement("div", {
178
- className: "search-container__select-wrapper"
391
+ label,
392
+ selected
393
+ }) => options && options.length ? /*#__PURE__*/React.createElement("div", {
394
+ className: "search-container__select-wrapper",
395
+ key: `select-${id}`
179
396
  }, /*#__PURE__*/React.createElement(Select, {
180
397
  label: label,
181
398
  id: id,
182
399
  name: id,
183
- onChange: event => handleSelect(id, event),
400
+ onChange: ({
401
+ value
402
+ }) => handleSelect(id, {
403
+ value
404
+ }),
184
405
  options: options,
185
- value: selectedFilters[id],
406
+ value: selectedFilters[id] !== undefined ? selectedFilters[id] : selected,
186
407
  defaultTextValue: DEFAULT_FILTER_OPTION_LABEL
187
- })))), /*#__PURE__*/React.createElement("div", {
408
+ })) : null), displayMultiSelectFilters && multiSelectOptions.map(({
409
+ id,
410
+ label,
411
+ items
412
+ }) => {
413
+ const selectedIds = selectedFilters[id] ? selectedFilters[id] : [];
414
+ const multiSelectData = {
415
+ filterBy: ['name'],
416
+ identification: 'id',
417
+ keyValue: 'name',
418
+ data: items.map(({
419
+ id: itemId,
420
+ name
421
+ }) => ({
422
+ id: itemId,
423
+ name,
424
+ description: '',
425
+ checked: selectedIds.includes(itemId),
426
+ show: true
427
+ }))
428
+ };
429
+ return /*#__PURE__*/React.createElement("div", {
430
+ className: "search-container__select-wrapper",
431
+ key: `multiselect-${id}`
432
+ }, /*#__PURE__*/React.createElement(MultiSelect, {
433
+ onChange: ({
434
+ value,
435
+ currentOffset
436
+ }) => makeOnSearchChange(id)({
437
+ event: {
438
+ value
439
+ },
440
+ currentOffset
441
+ }),
442
+ name: id,
443
+ label: label,
444
+ data: multiSelectData,
445
+ limit: 10,
446
+ getSelected: ({
447
+ event: {
448
+ target: {
449
+ value
450
+ }
451
+ }
452
+ }) => handleMultiSelect(id, value),
453
+ required: false,
454
+ checkedPreviewCount: 1,
455
+ formatMoreLabel: n => `${n} more`
456
+ }));
457
+ }), /*#__PURE__*/React.createElement("div", {
188
458
  className: "search-container__reset-button"
189
459
  }, /*#__PURE__*/React.createElement("span", {
190
460
  role: "button",
@@ -195,12 +465,14 @@ SearchContainer.propTypes = {
195
465
  setListFilters: PropTypes.func.isRequired,
196
466
  keywordFiltersToUse: PropTypes.array,
197
467
  selectFiltersToDisplay: PropTypes.array,
468
+ multiSelectFiltersToDisplay: PropTypes.array,
198
469
  schema: PropTypes.object.isRequired,
199
470
  index: PropTypes.string
200
471
  };
201
472
  SearchContainer.defaultProps = {
202
473
  keywordFiltersToUse: [],
203
474
  selectFiltersToDisplay: [],
475
+ multiSelectFiltersToDisplay: [],
204
476
  index: 'admin'
205
477
  };
206
478
  export default SearchContainer;
@@ -1 +1 @@
1
- {"version":3,"file":"SearchContainer.js","names":["React","useState","useMemo","useEffect","useCallback","PropTypes","Select","useQuery","useApolloClient","getDynamicQuery","getQuery","BsArrowCounterclockwise","BsSearch","updateListFilters","buildQueryFields","NOOP_QUERY","ENTER_KEY","DEFAULT_FILTER_OPTION_LABEL","SearchContainer","setListFilters","keywordFiltersToUse","selectFiltersToDisplay","schema","index","apolloClient","searchTerm","setSearchTerm","selectedFilters","setSelectedFilters","selectOptions","setSelectOptions","displaySearchFilter","length","displaySelectFilters","keywordSearchProperties","keywordSearchLabels","labels","properties","forEach","property","label","push","gqlFields","rawQuery","id","action","data","skip","variables","where","limit","fetchPolicy","filterData","searchResults","rawResults","aggregations","proccessedData","Object","entries","key","buckets","Array","isArray","map","b","filter","Boolean","results","Promise","all","ids","selectionDetails","find","selectProperty","relation","options","value","query","getEntitySchemas","relationSchema","identifier","entityIdentifier","result","selected","_in","sort","direction","catch","e","console","error","item","name","updateFilters","term","filters","handleSearch","handleSearchChange","target","handleEnterKey","handleReset","keys","reduce","acc","_objectSpread","handleSelect","event","next","placeholderText","join","createElement","className","type","placeholder","onChange","onKeyDown","role","onClick","Fragment","defaultTextValue","propTypes","func","isRequired","array","object","string","defaultProps"],"sources":["../../../../src/components/ListingTable/SearchFilter/SearchContainer.js"],"sourcesContent":["import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@blaze-react/select';\nimport { useQuery, useApolloClient } from '@apollo/client';\nimport { getDynamicQuery, getQuery } from '@blaze-cms/admin-ui-utils';\nimport { BsArrowCounterclockwise, BsSearch } from 'react-icons/bs';\nimport { updateListFilters, buildQueryFields } from './helpers';\nimport { NOOP_QUERY } from './querys';\nimport { ENTER_KEY, DEFAULT_FILTER_OPTION_LABEL } from '../../../constants';\n\nconst SearchContainer = ({\n setListFilters,\n keywordFiltersToUse = [],\n selectFiltersToDisplay = [],\n schema,\n index\n}) => {\n const apolloClient = useApolloClient();\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedFilters, setSelectedFilters] = useState({});\n const [selectOptions, setSelectOptions] = useState([]);\n\n const displaySearchFilter = keywordFiltersToUse.length > 0;\n const displaySelectFilters = selectFiltersToDisplay.length > 0;\n\n const { keywordSearchProperties, keywordSearchLabels } = useMemo(() => {\n const labels = [];\n const properties = [];\n\n keywordFiltersToUse.forEach(([property, { label }]) => {\n if (label) labels.push(label);\n properties.push(property);\n });\n\n return { keywordSearchProperties: properties, keywordSearchLabels: labels };\n }, [keywordFiltersToUse]);\n\n const { gqlFields, rawQuery } = useMemo(\n () => buildQueryFields(selectFiltersToDisplay, schema.id),\n [selectFiltersToDisplay, schema.id]\n );\n const action = displaySelectFilters\n ? getDynamicQuery('ADMIN_SEARCH')([schema], gqlFields, false, index)\n : NOOP_QUERY;\n\n const { data } = useQuery(action, {\n skip: !displaySelectFilters,\n variables: { where: rawQuery, limit: 0 },\n fetchPolicy: 'cache-and-network'\n });\n\n const filterData = useMemo(() => {\n const { searchResults: { rawResults: { aggregations = {} } = {} } = {} } = data || {};\n const proccessedData = [];\n Object.entries(aggregations).forEach(([key, { buckets }]) => {\n proccessedData.push(\n Array.isArray(buckets) ? [key, buckets.map(b => b.key).filter(Boolean)] : []\n );\n });\n\n return proccessedData;\n }, [data]);\n\n useEffect(() => {\n if (!filterData.length) {\n setSelectOptions([]);\n return;\n }\n\n (async () => {\n const results = await Promise.all(\n filterData.map(async ([property, ids]) => {\n try {\n if (!ids || !ids.length) return {};\n\n const [, selectionDetails] =\n selectFiltersToDisplay.find(([selectProperty]) => selectProperty === property) || [];\n\n if (!selectionDetails) return null;\n\n if (!selectionDetails.relation) {\n return {\n id: property,\n label: selectionDetails.label,\n options: ids.map(value => [value, value])\n };\n }\n const query = getQuery('GET_ENTITY_SCHEMA');\n const {\n data: {\n getEntitySchemas: [relationSchema]\n }\n } = await apolloClient.query({\n query,\n variables: { identifier: selectionDetails.relation.entityIdentifier }\n });\n\n const {\n data: { result: selected = [] }\n } = await apolloClient\n .query({\n query: getDynamicQuery('GET_ALL_ENTITIES')(relationSchema),\n variables: {\n where: {\n id: {\n _in: ids\n }\n },\n sort: [{ property: 'name', direction: 'asc' }]\n }\n })\n // eslint-disable-next-line no-console\n .catch(e => console.error(e));\n\n return {\n id: property,\n label: selectionDetails.label,\n options: selected.map(item => [item.id, item.name])\n };\n } catch {\n return null;\n }\n })\n );\n\n setSelectOptions(results.filter(Boolean));\n })();\n }, [apolloClient, filterData, schema, selectFiltersToDisplay]);\n\n const updateFilters = useCallback(\n (term, filters) => updateListFilters(term, filters, setListFilters, keywordSearchProperties),\n [setListFilters, keywordSearchProperties]\n );\n\n const handleSearch = useCallback(\n () => updateFilters(searchTerm, selectedFilters),\n [searchTerm, selectedFilters, updateFilters]\n );\n const handleSearchChange = useCallback(e => setSearchTerm(e.target.value), []);\n const handleEnterKey = useCallback(\n e => {\n if (e.key === ENTER_KEY) handleSearch();\n },\n [handleSearch]\n );\n const handleReset = useCallback(() => {\n setSearchTerm('');\n setSelectedFilters(\n Object.keys(selectedFilters).reduce(\n (acc, key) => ({ ...acc, [key]: DEFAULT_FILTER_OPTION_LABEL }),\n {}\n )\n );\n updateFilters('', {});\n }, [selectedFilters, updateFilters]);\n const handleSelect = useCallback(\n (property, event) => {\n const { value } = event;\n const next = { ...selectedFilters, [property]: value };\n setSelectedFilters(next);\n updateFilters(searchTerm, next);\n },\n [searchTerm, selectedFilters, updateFilters]\n );\n\n const placeholderText = `Search ${keywordSearchLabels.join(', ')}`;\n\n return (\n <div className=\"search-container\">\n {displaySearchFilter && (\n <div className=\"search-container__search-input-container\">\n <input\n type=\"search\"\n className=\"search-container__search-input-container__search-input\"\n placeholder={placeholderText}\n value={searchTerm}\n onChange={handleSearchChange}\n onKeyDown={handleEnterKey}\n />\n <i role=\"button\" onClick={handleSearch}>\n <BsSearch />\n </i>\n </div>\n )}\n\n {displaySelectFilters &&\n selectOptions.map(({ id, options, label }) => (\n <>\n {options && !!options.length && (\n <div className=\"search-container__select-wrapper\">\n <Select\n label={label}\n id={id}\n name={id}\n onChange={event => handleSelect(id, event)}\n options={options}\n value={selectedFilters[id]}\n defaultTextValue={DEFAULT_FILTER_OPTION_LABEL}\n />\n </div>\n )}\n </>\n ))}\n\n <div className=\"search-container__reset-button\">\n <span role=\"button\" onClick={handleReset}>\n <BsArrowCounterclockwise />\n </span>\n </div>\n </div>\n );\n};\n\nSearchContainer.propTypes = {\n setListFilters: PropTypes.func.isRequired,\n keywordFiltersToUse: PropTypes.array,\n selectFiltersToDisplay: PropTypes.array,\n schema: PropTypes.object.isRequired,\n index: PropTypes.string\n};\n\nSearchContainer.defaultProps = {\n keywordFiltersToUse: [],\n selectFiltersToDisplay: [],\n index: 'admin'\n};\n\nexport default SearchContainer;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"SearchContainer.js","names":["React","useState","useMemo","useEffect","useCallback","PropTypes","Select","MultiSelect","debounce","unionBy","useQuery","useApolloClient","getDynamicQuery","getQuery","fetchFilterByDataFromElastic","fetchAllEntities","getStringTypeProps","BsArrowCounterclockwise","BsSearch","updateListFilters","buildQueryFields","getTidyLabel","NOOP_QUERY","ENTER_KEY","DEFAULT_FILTER_OPTION_LABEL","SearchContainer","setListFilters","keywordFiltersToUse","selectFiltersToDisplay","multiSelectFiltersToDisplay","schema","index","values","client","searchTerm","setSearchTerm","selectedFilters","setSelectedFilters","selectOptions","setSelectOptions","multiSelectOptions","setMultiSelectOptions","allEntitySchemas","setAllEntitySchemas","displaySearchFilter","length","displaySelectFilters","displayMultiSelectFilters","displayAggregations","all","error","multiSelectPropertySet","Set","map","property","keywordSearchProperties","keywordSearchLabels","labels","properties","forEach","label","push","gqlFields","rawQuery","id","action","data","skip","variables","where","limit","fetchPolicy","buildRelationsIndex","schemaObj","items","Object","entries","propName","definition","relation","localField","relationLocalField","entityIdentifier","Array","isArray","relations","byKey","Map","item","key","has","set","from","relationsIndex","stringTypeProps","aggregationsData","searchResults","rawResults","aggregations","processed","buckets","bucket","filter","Boolean","findFilterConfig","_selectFiltersToDispl","_multiSelectFiltersTo","find","prop","results","Promise","ids","config","adminListingOptions","tidyLabel","baseOptions","value","type","options","selected","schemaQuery","getEntitySchemas","relationSchema","query","identifier","result","_in","sort","direction","catch","console","name","valid","option","updateFilters","term","filters","debouncedUpdateFilters","cancel","handleSearch","handleSearchChange","target","handleEnterKey","handleReset","prev","keys","reduce","acc","handleSelect","next","_objectSpread","handleMultiSelect","findRelationByLocalField","resolveAggProp","includes","resolveEntityIdentifier","undefined","split","addEntitySuffixIfNeeded","aggProp","makeOnSearchChange","event","currentOffset","_config$relation","_aggregations$key","_multiSelectOptions$f","matchingRelation","filterByEntry","currentValues","entity","filterByProperty","names","existingItems","opt","placeholderText","join","createElement","className","placeholder","onChange","onKeyDown","role","onClick","defaultTextValue","selectedIds","multiSelectData","filterBy","identification","keyValue","itemId","description","checked","show","getSelected","required","checkedPreviewCount","formatMoreLabel","n","propTypes","func","isRequired","array","object","string","defaultProps"],"sources":["../../../../src/components/ListingTable/SearchFilter/SearchContainer.js"],"sourcesContent":["import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@blaze-react/select';\nimport MultiSelect from '@blaze-react/multiselect';\nimport debounce from 'lodash.debounce';\nimport unionBy from 'lodash.unionby';\n\nimport { useQuery, useApolloClient } from '@apollo/client';\nimport {\n getDynamicQuery,\n getQuery,\n fetchFilterByDataFromElastic,\n fetchAllEntities\n} from '@blaze-cms/admin-ui-utils';\nimport { getStringTypeProps } from '@blaze-cms/utils';\n\nimport { BsArrowCounterclockwise, BsSearch } from 'react-icons/bs';\nimport { updateListFilters, buildQueryFields, getTidyLabel } from './helpers';\nimport { NOOP_QUERY } from './querys';\nimport { ENTER_KEY, DEFAULT_FILTER_OPTION_LABEL } from '../../../constants';\n\nconst SearchContainer = ({\n setListFilters,\n keywordFiltersToUse = [],\n selectFiltersToDisplay = [],\n multiSelectFiltersToDisplay = [],\n schema,\n index,\n values\n}) => {\n const client = useApolloClient();\n\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedFilters, setSelectedFilters] = useState({});\n const [selectOptions, setSelectOptions] = useState([]);\n const [multiSelectOptions, setMultiSelectOptions] = useState([]);\n const [allEntitySchemas, setAllEntitySchemas] = useState([]);\n\n const displaySearchFilter = keywordFiltersToUse.length > 0;\n const displaySelectFilters = selectFiltersToDisplay.length > 0;\n const displayMultiSelectFilters = multiSelectFiltersToDisplay.length > 0;\n const displayAggregations = displaySelectFilters || displayMultiSelectFilters;\n\n useEffect(() => {\n (async () => {\n try {\n const all = await fetchAllEntities({ client });\n setAllEntitySchemas(all || []);\n } catch (error) {\n setAllEntitySchemas([]);\n }\n })();\n }, [client]);\n\n const multiSelectPropertySet = useMemo(\n () => new Set(multiSelectFiltersToDisplay.map(([property]) => property)),\n [multiSelectFiltersToDisplay]\n );\n\n const { keywordSearchProperties, keywordSearchLabels } = useMemo(() => {\n const labels = [];\n const properties = [];\n\n keywordFiltersToUse.forEach(([property, { label }]) => {\n if (label) labels.push(label);\n properties.push(property);\n });\n\n return { keywordSearchProperties: properties, keywordSearchLabels: labels };\n }, [keywordFiltersToUse]);\n\n const { gqlFields, rawQuery } = useMemo(\n () => buildQueryFields([...selectFiltersToDisplay, ...multiSelectFiltersToDisplay], schema.id),\n [selectFiltersToDisplay, multiSelectFiltersToDisplay, schema.id]\n );\n\n const action = displayAggregations\n ? getDynamicQuery('ADMIN_SEARCH')([schema], gqlFields, false, index)\n : NOOP_QUERY;\n\n const { data } = useQuery(action, {\n skip: !displayAggregations,\n variables: { where: rawQuery, limit: 0 },\n fetchPolicy: 'cache-and-network'\n });\n\n const buildRelationsIndex = useCallback(schemaObj => {\n const items = [];\n\n if (schemaObj.properties) {\n Object.entries(schemaObj.properties).forEach(([propName, definition]) => {\n const { relation } = definition || {};\n if (!relation) return;\n\n const { localField: relationLocalField, entityIdentifier } = relation;\n\n const localField = relationLocalField || propName;\n\n if (localField) items.push({ localField, entityIdentifier });\n });\n }\n\n if (Array.isArray(schemaObj.relations)) {\n schemaObj.relations.forEach(relation => {\n if (!relation.localField) return;\n\n const { localField, entityIdentifier } = relation;\n\n items.push({ localField, entityIdentifier });\n });\n }\n\n const byKey = new Map();\n items.forEach(item => {\n const key = `${item.localField}|${item.entityIdentifier || ''}`;\n if (!byKey.has(key)) byKey.set(key, item);\n });\n\n return Array.from(byKey.values());\n }, []);\n\n const relationsIndex = useMemo(() => buildRelationsIndex(schema), [schema, buildRelationsIndex]);\n\n const stringTypeProps = useMemo(\n () => getStringTypeProps(schema.id, relationsIndex, allEntitySchemas),\n [schema.id, relationsIndex, allEntitySchemas]\n );\n\n const aggregationsData = useMemo(() => {\n const { searchResults: { rawResults: { aggregations = {} } = {} } = {} } = data || {};\n const processed = [];\n Object.entries(aggregations).forEach(([key, { buckets }]) => {\n processed.push(\n Array.isArray(buckets) ? [key, buckets.map(bucket => bucket.key).filter(Boolean)] : []\n );\n });\n return processed;\n }, [data]);\n\n const findFilterConfig = useCallback(\n property =>\n selectFiltersToDisplay.find(([prop]) => prop === property)?.[1] ||\n multiSelectFiltersToDisplay.find(([prop]) => prop === property)?.[1],\n [selectFiltersToDisplay, multiSelectFiltersToDisplay]\n );\n\n useEffect(() => {\n if (!aggregationsData.length) {\n setSelectOptions([]);\n setMultiSelectOptions([]);\n return;\n }\n\n (async () => {\n const results = await Promise.all(\n aggregationsData.map(async ([property, ids]) => {\n try {\n if (!ids || !ids.length) return null;\n\n const config = findFilterConfig(property);\n if (!config) return null;\n\n const { adminListingOptions: { tidyLabel } = {} } = config;\n\n if (!config.relation) {\n const baseOptions = ids.map(value => [value, getTidyLabel(value, tidyLabel)]);\n return {\n property,\n label: config.label,\n type: multiSelectPropertySet.has(property) ? 'multi' : 'single',\n options: baseOptions,\n selected: values && values[property]\n };\n }\n\n const schemaQuery = getQuery('GET_ENTITY_SCHEMA');\n const {\n data: {\n getEntitySchemas: [relationSchema]\n }\n } = await client.query({\n query: schemaQuery,\n variables: { identifier: config.relation.entityIdentifier }\n });\n\n const {\n data: { result: selected = [] }\n } = await client\n .query({\n query: getDynamicQuery('GET_ALL_ENTITIES')(relationSchema),\n variables: {\n where: { id: { _in: ids } },\n sort: [{ property: 'name', direction: 'asc' }]\n }\n })\n // eslint-disable-next-line no-console\n .catch(error => console.error(error));\n\n const baseOptions = selected.map(item => [item.id, getTidyLabel(item.name, tidyLabel)]);\n\n return {\n property,\n label: config.label || config.relation.label,\n type: multiSelectPropertySet.has(property) ? 'multi' : 'single',\n options: baseOptions,\n selected: values && values[property]\n };\n } catch {\n return null;\n }\n })\n );\n\n const valid = results.filter(Boolean);\n\n setSelectOptions(\n valid\n .filter(option => option.type === 'single')\n .map(({ property, label, options, selected }) => ({\n id: property,\n label,\n options,\n selected\n }))\n );\n\n setMultiSelectOptions(\n valid\n .filter(option => option.type === 'multi')\n .map(({ property, label, options, selected }) => ({\n id: property,\n label,\n items: options.map(([id, name]) => ({ id, name })),\n selected\n }))\n );\n })();\n }, [client, aggregationsData, findFilterConfig, multiSelectPropertySet, values]);\n\n const updateFilters = useCallback(\n (term, filters) => updateListFilters(term, filters, setListFilters, keywordSearchProperties),\n [setListFilters, keywordSearchProperties]\n );\n\n const debouncedUpdateFilters = useMemo(\n () => debounce((term, filters) => updateFilters(term, filters), 300),\n [updateFilters]\n );\n\n useEffect(() => () => debouncedUpdateFilters.cancel(), [debouncedUpdateFilters]);\n\n const handleSearch = useCallback(\n () => updateFilters(searchTerm, selectedFilters),\n [searchTerm, selectedFilters, updateFilters]\n );\n\n const handleSearchChange = useCallback(({ target: { value } }) => setSearchTerm(value), []);\n\n const handleEnterKey = useCallback(\n ({ key }) => {\n if (key === ENTER_KEY) handleSearch();\n },\n [handleSearch]\n );\n\n const handleReset = useCallback(() => {\n setSearchTerm('');\n debouncedUpdateFilters.cancel();\n setSelectedFilters(prev =>\n Object.keys(prev).reduce((acc, key) => {\n acc[key] = multiSelectPropertySet.has(key) ? [] : DEFAULT_FILTER_OPTION_LABEL;\n return acc;\n }, {})\n );\n updateFilters('', {});\n }, [multiSelectPropertySet, updateFilters, debouncedUpdateFilters]);\n\n const handleSelect = useCallback(\n (property, { value }) => {\n const next = { ...selectedFilters, [property]: value };\n setSelectedFilters(next);\n debouncedUpdateFilters(searchTerm, next);\n },\n [searchTerm, selectedFilters, debouncedUpdateFilters]\n );\n\n const handleMultiSelect = useCallback(\n (property, ids) => {\n const next = { ...selectedFilters, [property]: ids };\n setSelectedFilters(next);\n debouncedUpdateFilters(searchTerm, next);\n },\n [searchTerm, selectedFilters, debouncedUpdateFilters]\n );\n\n const findRelationByLocalField = useCallback(\n localField => relationsIndex.find(relation => relation.localField === localField),\n [relationsIndex]\n );\n\n const resolveAggProp = useCallback((property, config) => {\n if (!config.relation) return property;\n if (property.includes('.')) return property;\n const localField = config.relation.localField || property;\n return `${localField}.name`;\n }, []);\n\n const resolveEntityIdentifier = useCallback(\n (property, config) => {\n if (!config.relation) return undefined;\n if (config.relation.entityIdentifier) return config.relation.entityIdentifier;\n\n const localField = property.includes('.')\n ? property.split('.')[0]\n : config.relation.localField || property;\n\n return findRelationByLocalField(localField).entityIdentifier;\n },\n [findRelationByLocalField]\n );\n\n const addEntitySuffixIfNeeded = useCallback((aggProp, entityIdentifier, config) => {\n if (!config.relation || !entityIdentifier) return aggProp;\n return `${aggProp}/${entityIdentifier}`;\n }, []);\n\n const makeOnSearchChange = useCallback(\n property =>\n async ({ event: { value }, currentOffset }) => {\n try {\n if (!value || currentOffset) return [];\n\n const config = findFilterConfig(property);\n if (!config) return [];\n\n let aggProp = resolveAggProp(property, config);\n\n if (config.relation && !config.relation.localField && !property.includes('.')) {\n const matchingRelation = findRelationByLocalField(property);\n if (matchingRelation.localField) aggProp = `${matchingRelation.localField}.name`;\n }\n\n const entityIdentifier =\n resolveEntityIdentifier(property, config) || config.relation?.entityIdentifier;\n\n const filterByEntry = addEntitySuffixIfNeeded(aggProp, entityIdentifier, config);\n\n const currentValues = {\n entity: schema.id,\n filterByProperty: [filterByEntry]\n };\n\n const aggregations = await fetchFilterByDataFromElastic(\n client,\n currentValues,\n relationsIndex,\n stringTypeProps,\n value\n );\n\n const key = aggProp;\n const buckets = aggregations?.[key]?.buckets || [];\n\n let items = [];\n if (config.relation) {\n const names = buckets.map(bucket => bucket.key).filter(Boolean);\n if (names.length) {\n const schemaQuery = getQuery('GET_ENTITY_SCHEMA');\n const {\n data: {\n getEntitySchemas: [relationSchema]\n }\n } = await client.query({\n query: schemaQuery,\n variables: { identifier: entityIdentifier }\n });\n\n const {\n data: { result: selected = [] }\n } = await client\n .query({\n query: getDynamicQuery('GET_ALL_ENTITIES')(relationSchema),\n variables: {\n where: { name: { _in: names } },\n sort: [{ property: 'name', direction: 'asc' }]\n }\n })\n // eslint-disable-next-line no-console\n .catch(error => console.error(error));\n\n items = selected.map(item => ({ id: item.id, name: item.name }));\n }\n } else {\n items = buckets\n .map(bucket => ({ id: bucket.key, name: bucket.key }))\n .filter(option => option.id != null);\n }\n\n const existingItems = multiSelectOptions.find(opt => opt.id === property)?.items || [];\n return unionBy(items, existingItems, 'id');\n } catch (error) {\n return [];\n }\n },\n [\n client,\n schema.id,\n relationsIndex,\n stringTypeProps,\n multiSelectOptions,\n findFilterConfig,\n resolveAggProp,\n resolveEntityIdentifier,\n addEntitySuffixIfNeeded,\n findRelationByLocalField\n ]\n );\n\n const placeholderText = `Search ${keywordSearchLabels.join(', ')}`;\n\n return (\n <div className=\"search-container ms-filter\">\n {displaySearchFilter && (\n <div className=\"search-container__search-input-container\">\n <input\n type=\"search\"\n className=\"search-container__search-input-container__search-input\"\n placeholder={placeholderText}\n value={searchTerm}\n onChange={handleSearchChange}\n onKeyDown={handleEnterKey}\n />\n <i role=\"button\" onClick={handleSearch}>\n <BsSearch />\n </i>\n </div>\n )}\n\n {displaySelectFilters &&\n selectOptions.map(({ id, options, label, selected }) =>\n options && options.length ? (\n <div className=\"search-container__select-wrapper\" key={`select-${id}`}>\n <Select\n label={label}\n id={id}\n name={id}\n onChange={({ value }) => handleSelect(id, { value })}\n options={options}\n value={selectedFilters[id] !== undefined ? selectedFilters[id] : selected}\n defaultTextValue={DEFAULT_FILTER_OPTION_LABEL}\n />\n </div>\n ) : null\n )}\n\n {displayMultiSelectFilters &&\n multiSelectOptions.map(({ id, label, items }) => {\n const selectedIds = selectedFilters[id] ? selectedFilters[id] : [];\n const multiSelectData = {\n filterBy: ['name'],\n identification: 'id',\n keyValue: 'name',\n data: items.map(({ id: itemId, name }) => ({\n id: itemId,\n name,\n description: '',\n checked: selectedIds.includes(itemId),\n show: true\n }))\n };\n\n return (\n <div className=\"search-container__select-wrapper\" key={`multiselect-${id}`}>\n <MultiSelect\n onChange={({ value, currentOffset }) =>\n makeOnSearchChange(id)({ event: { value }, currentOffset })\n }\n name={id}\n label={label}\n data={multiSelectData}\n limit={10}\n getSelected={({\n event: {\n target: { value }\n }\n }) => handleMultiSelect(id, value)}\n required={false}\n checkedPreviewCount={1}\n formatMoreLabel={n => `${n} more`}\n />\n </div>\n );\n })}\n\n <div className=\"search-container__reset-button\">\n <span role=\"button\" onClick={handleReset}>\n <BsArrowCounterclockwise />\n </span>\n </div>\n </div>\n );\n};\n\nSearchContainer.propTypes = {\n setListFilters: PropTypes.func.isRequired,\n keywordFiltersToUse: PropTypes.array,\n selectFiltersToDisplay: PropTypes.array,\n multiSelectFiltersToDisplay: PropTypes.array,\n schema: PropTypes.object.isRequired,\n index: PropTypes.string\n};\n\nSearchContainer.defaultProps = {\n keywordFiltersToUse: [],\n selectFiltersToDisplay: [],\n multiSelectFiltersToDisplay: [],\n index: 'admin'\n};\n\nexport default SearchContainer;\n"],"mappings":"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","ignoreList":[]}
@@ -1,10 +1,11 @@
1
1
  import React, { useMemo } from 'react';
2
2
  import PropTypes from 'prop-types';
3
- import { getKeywordSearchFilters, findSelectFilters } from './helpers';
3
+ import { getKeywordSearchFilters, findSelectFilters, findMultiSelectFilters } from './helpers';
4
4
  import SearchContainer from './SearchContainer';
5
5
  const SearchFilter = ({
6
6
  schema,
7
- setListFilters
7
+ setListFilters,
8
+ values
8
9
  }) => {
9
10
  const {
10
11
  displayProperties = {}
@@ -20,6 +21,7 @@ const SearchFilter = ({
20
21
  } = displayProperties;
21
22
  const keywordFiltersToUse = useMemo(() => getKeywordSearchFilters(schema), [schema]);
22
23
  const selectFiltersToDisplay = useMemo(() => findSelectFilters(schema), [schema]);
24
+ const multiSelectFiltersToDisplay = useMemo(() => findMultiSelectFilters(schema), [schema]);
23
25
  if (disableListingFilter) return null;
24
26
  const canSearch = source === 'search' && (keywordFiltersToUse.length > 0 || selectFiltersToDisplay.length > 0);
25
27
  if (!canSearch) return null;
@@ -29,7 +31,9 @@ const SearchFilter = ({
29
31
  setListFilters: setListFilters,
30
32
  keywordFiltersToUse: keywordFiltersToUse,
31
33
  selectFiltersToDisplay: selectFiltersToDisplay,
32
- schema: schema
34
+ multiSelectFiltersToDisplay: multiSelectFiltersToDisplay,
35
+ schema: schema,
36
+ values: values
33
37
  });
34
38
  };
35
39
  SearchFilter.propTypes = {