@blaze-cms/plugin-data-ui 0.147.0-rc-eagle.2 → 0.147.0-rc-eagle.6
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/README.md +9 -2
- package/lib/components/EntityManager/Entity/Entity.js.map +1 -1
- package/lib/components/ListingTable/SearchFilter/RelationMultiSelectFilter.js +181 -0
- package/lib/components/ListingTable/SearchFilter/RelationMultiSelectFilter.js.map +1 -0
- package/lib/components/ListingTable/SearchFilter/SearchContainer.js +338 -49
- package/lib/components/ListingTable/SearchFilter/SearchContainer.js.map +1 -1
- package/lib/components/ListingTable/SearchFilter/SearchFilter.js +6 -2
- package/lib/components/ListingTable/SearchFilter/SearchFilter.js.map +1 -1
- package/lib/components/ListingTable/SearchFilter/helpers.js +41 -8
- package/lib/components/ListingTable/SearchFilter/helpers.js.map +1 -1
- package/lib/index.js +7 -0
- package/lib/index.js.map +1 -1
- package/lib/utils/get-default-query-params.js +17 -5
- package/lib/utils/get-default-query-params.js.map +1 -1
- package/lib-es/components/EntityManager/Entity/Entity.js.map +1 -1
- package/lib-es/components/ListingTable/SearchFilter/RelationMultiSelectFilter.js +173 -0
- package/lib-es/components/ListingTable/SearchFilter/RelationMultiSelectFilter.js.map +1 -0
- package/lib-es/components/ListingTable/SearchFilter/SearchContainer.js +340 -51
- package/lib-es/components/ListingTable/SearchFilter/SearchContainer.js.map +1 -1
- package/lib-es/components/ListingTable/SearchFilter/SearchFilter.js +7 -3
- package/lib-es/components/ListingTable/SearchFilter/SearchFilter.js.map +1 -1
- package/lib-es/components/ListingTable/SearchFilter/helpers.js +39 -8
- package/lib-es/components/ListingTable/SearchFilter/helpers.js.map +1 -1
- package/lib-es/index.js +1 -0
- package/lib-es/index.js.map +1 -1
- package/lib-es/utils/get-default-query-params.js +17 -5
- package/lib-es/utils/get-default-query-params.js.map +1 -1
- package/package.json +11 -12
- package/src/components/EntityManager/Entity/Entity.js +2 -3
- package/src/components/ListingTable/SearchFilter/RelationMultiSelectFilter.js +160 -0
- package/src/components/ListingTable/SearchFilter/SearchContainer.js +396 -71
- package/src/components/ListingTable/SearchFilter/SearchFilter.js +5 -2
- package/src/components/ListingTable/SearchFilter/helpers.js +55 -8
- package/src/index.js +2 -0
- package/src/utils/get-default-query-params.js +21 -9
|
@@ -4,25 +4,51 @@ 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';
|
|
15
|
+
import RelationMultiSelectFilter from './RelationMultiSelectFilter';
|
|
11
16
|
import { NOOP_QUERY } from './querys';
|
|
12
17
|
import { ENTER_KEY, DEFAULT_FILTER_OPTION_LABEL } from '../../../constants';
|
|
13
18
|
const SearchContainer = ({
|
|
14
19
|
setListFilters,
|
|
15
20
|
keywordFiltersToUse = [],
|
|
16
21
|
selectFiltersToDisplay = [],
|
|
22
|
+
multiSelectFiltersToDisplay = [],
|
|
17
23
|
schema,
|
|
18
|
-
index
|
|
24
|
+
index,
|
|
25
|
+
values
|
|
19
26
|
}) => {
|
|
20
|
-
const
|
|
27
|
+
const client = useApolloClient();
|
|
21
28
|
const [searchTerm, setSearchTerm] = useState('');
|
|
22
29
|
const [selectedFilters, setSelectedFilters] = useState({});
|
|
23
30
|
const [selectOptions, setSelectOptions] = useState([]);
|
|
31
|
+
const [multiSelectOptions, setMultiSelectOptions] = useState([]);
|
|
32
|
+
const [allEntitySchemas, setAllEntitySchemas] = useState([]);
|
|
24
33
|
const displaySearchFilter = keywordFiltersToUse.length > 0;
|
|
25
34
|
const displaySelectFilters = selectFiltersToDisplay.length > 0;
|
|
35
|
+
const displayMultiSelectFilters = multiSelectFiltersToDisplay.length > 0;
|
|
36
|
+
const displayAggregations = displaySelectFilters || displayMultiSelectFilters;
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
(async () => {
|
|
39
|
+
try {
|
|
40
|
+
const all = await fetchAllEntities({
|
|
41
|
+
client
|
|
42
|
+
});
|
|
43
|
+
setAllEntitySchemas(all || []);
|
|
44
|
+
} catch (error) {
|
|
45
|
+
setAllEntitySchemas([]);
|
|
46
|
+
}
|
|
47
|
+
})();
|
|
48
|
+
}, [client]);
|
|
49
|
+
const multiSelectPropertySet = useMemo(() => new Set(multiSelectFiltersToDisplay.map(([property]) => property)), [multiSelectFiltersToDisplay]);
|
|
50
|
+
const relationMultiSelectFilters = useMemo(() => multiSelectFiltersToDisplay.filter(([, config]) => config && config.relation), [multiSelectFiltersToDisplay]);
|
|
51
|
+
const nonRelationMultiSelectFilters = useMemo(() => multiSelectFiltersToDisplay.filter(([, config]) => !config || !config.relation), [multiSelectFiltersToDisplay]);
|
|
26
52
|
const {
|
|
27
53
|
keywordSearchProperties,
|
|
28
54
|
keywordSearchLabels
|
|
@@ -43,19 +69,60 @@ const SearchContainer = ({
|
|
|
43
69
|
const {
|
|
44
70
|
gqlFields,
|
|
45
71
|
rawQuery
|
|
46
|
-
} = useMemo(() => buildQueryFields(selectFiltersToDisplay, schema.id), [selectFiltersToDisplay, schema.id]);
|
|
47
|
-
const action =
|
|
72
|
+
} = useMemo(() => buildQueryFields([...selectFiltersToDisplay, ...nonRelationMultiSelectFilters], schema.id), [selectFiltersToDisplay, nonRelationMultiSelectFilters, schema.id]);
|
|
73
|
+
const action = displayAggregations ? getDynamicQuery('ADMIN_SEARCH')([schema], gqlFields, false, index) : NOOP_QUERY;
|
|
48
74
|
const {
|
|
49
75
|
data
|
|
50
76
|
} = useQuery(action, {
|
|
51
|
-
skip: !
|
|
77
|
+
skip: !displayAggregations,
|
|
52
78
|
variables: {
|
|
53
79
|
where: rawQuery,
|
|
54
80
|
limit: 0
|
|
55
81
|
},
|
|
56
82
|
fetchPolicy: 'cache-and-network'
|
|
57
83
|
});
|
|
58
|
-
const
|
|
84
|
+
const buildRelationsIndex = useCallback(schemaObj => {
|
|
85
|
+
const items = [];
|
|
86
|
+
if (schemaObj.properties) {
|
|
87
|
+
Object.entries(schemaObj.properties).forEach(([propName, definition]) => {
|
|
88
|
+
const {
|
|
89
|
+
relation
|
|
90
|
+
} = definition || {};
|
|
91
|
+
if (!relation) return;
|
|
92
|
+
const {
|
|
93
|
+
localField: relationLocalField,
|
|
94
|
+
entityIdentifier
|
|
95
|
+
} = relation;
|
|
96
|
+
const localField = relationLocalField || propName;
|
|
97
|
+
if (localField) items.push({
|
|
98
|
+
localField,
|
|
99
|
+
entityIdentifier
|
|
100
|
+
});
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
if (Array.isArray(schemaObj.relations)) {
|
|
104
|
+
schemaObj.relations.forEach(relation => {
|
|
105
|
+
if (!relation.localField) return;
|
|
106
|
+
const {
|
|
107
|
+
localField,
|
|
108
|
+
entityIdentifier
|
|
109
|
+
} = relation;
|
|
110
|
+
items.push({
|
|
111
|
+
localField,
|
|
112
|
+
entityIdentifier
|
|
113
|
+
});
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
const byKey = new Map();
|
|
117
|
+
items.forEach(item => {
|
|
118
|
+
const key = `${item.localField}|${item.entityIdentifier || ''}`;
|
|
119
|
+
if (!byKey.has(key)) byKey.set(key, item);
|
|
120
|
+
});
|
|
121
|
+
return Array.from(byKey.values());
|
|
122
|
+
}, []);
|
|
123
|
+
const relationsIndex = useMemo(() => buildRelationsIndex(schema), [schema, buildRelationsIndex]);
|
|
124
|
+
const stringTypeProps = useMemo(() => getStringTypeProps(schema.id, relationsIndex, allEntitySchemas), [schema.id, relationsIndex, allEntitySchemas]);
|
|
125
|
+
const aggregationsData = useMemo(() => {
|
|
59
126
|
const {
|
|
60
127
|
searchResults: {
|
|
61
128
|
rawResults: {
|
|
@@ -63,48 +130,61 @@ const SearchContainer = ({
|
|
|
63
130
|
} = {}
|
|
64
131
|
} = {}
|
|
65
132
|
} = data || {};
|
|
66
|
-
const
|
|
133
|
+
const processed = [];
|
|
67
134
|
Object.entries(aggregations).forEach(([key, {
|
|
68
135
|
buckets
|
|
69
136
|
}]) => {
|
|
70
|
-
|
|
137
|
+
processed.push(Array.isArray(buckets) ? [key, buckets.map(bucket => bucket.key).filter(Boolean)] : []);
|
|
71
138
|
});
|
|
72
|
-
return
|
|
139
|
+
return processed;
|
|
73
140
|
}, [data]);
|
|
141
|
+
const findFilterConfig = useCallback(property => {
|
|
142
|
+
var _selectFiltersToDispl, _multiSelectFiltersTo;
|
|
143
|
+
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]);
|
|
144
|
+
}, [selectFiltersToDisplay, multiSelectFiltersToDisplay]);
|
|
74
145
|
useEffect(() => {
|
|
75
|
-
if (!
|
|
146
|
+
if (!aggregationsData.length) {
|
|
76
147
|
setSelectOptions([]);
|
|
148
|
+
setMultiSelectOptions([]);
|
|
77
149
|
return;
|
|
78
150
|
}
|
|
79
151
|
(async () => {
|
|
80
|
-
const results = await Promise.all(
|
|
152
|
+
const results = await Promise.all(aggregationsData.map(async ([property, ids]) => {
|
|
81
153
|
try {
|
|
82
|
-
if (!ids || !ids.length) return
|
|
83
|
-
const
|
|
84
|
-
if (!
|
|
85
|
-
|
|
154
|
+
if (!ids || !ids.length) return null;
|
|
155
|
+
const config = findFilterConfig(property);
|
|
156
|
+
if (!config) return null;
|
|
157
|
+
const {
|
|
158
|
+
adminListingOptions: {
|
|
159
|
+
tidyLabel
|
|
160
|
+
} = {}
|
|
161
|
+
} = config;
|
|
162
|
+
if (!config.relation) {
|
|
163
|
+
const baseOptions = ids.map(value => [value, getTidyLabel(value, tidyLabel)]);
|
|
86
164
|
return {
|
|
87
|
-
|
|
88
|
-
label:
|
|
89
|
-
|
|
165
|
+
property,
|
|
166
|
+
label: config.label,
|
|
167
|
+
type: multiSelectPropertySet.has(property) ? 'multi' : 'single',
|
|
168
|
+
options: baseOptions,
|
|
169
|
+
selected: values && values[property]
|
|
90
170
|
};
|
|
91
171
|
}
|
|
92
|
-
const
|
|
172
|
+
const schemaQuery = getQuery('GET_ENTITY_SCHEMA');
|
|
93
173
|
const {
|
|
94
174
|
data: {
|
|
95
175
|
getEntitySchemas: [relationSchema]
|
|
96
176
|
}
|
|
97
|
-
} = await
|
|
98
|
-
query,
|
|
177
|
+
} = await client.query({
|
|
178
|
+
query: schemaQuery,
|
|
99
179
|
variables: {
|
|
100
|
-
identifier:
|
|
180
|
+
identifier: config.relation.entityIdentifier
|
|
101
181
|
}
|
|
102
182
|
});
|
|
103
183
|
const {
|
|
104
184
|
data: {
|
|
105
185
|
result: selected = []
|
|
106
186
|
}
|
|
107
|
-
} = await
|
|
187
|
+
} = await client.query({
|
|
108
188
|
query: getDynamicQuery('GET_ALL_ENTITIES')(relationSchema),
|
|
109
189
|
variables: {
|
|
110
190
|
where: {
|
|
@@ -119,45 +199,183 @@ const SearchContainer = ({
|
|
|
119
199
|
}
|
|
120
200
|
})
|
|
121
201
|
// eslint-disable-next-line no-console
|
|
122
|
-
.catch(
|
|
202
|
+
.catch(error => console.error(error));
|
|
203
|
+
const baseOptions = selected.map(item => [item.id, getTidyLabel(item.name, tidyLabel)]);
|
|
123
204
|
return {
|
|
124
|
-
|
|
125
|
-
label:
|
|
126
|
-
|
|
205
|
+
property,
|
|
206
|
+
label: config.label || config.relation.label,
|
|
207
|
+
type: multiSelectPropertySet.has(property) ? 'multi' : 'single',
|
|
208
|
+
options: baseOptions,
|
|
209
|
+
selected: values && values[property]
|
|
127
210
|
};
|
|
128
211
|
} catch {
|
|
129
212
|
return null;
|
|
130
213
|
}
|
|
131
214
|
}));
|
|
132
|
-
|
|
215
|
+
const valid = results.filter(Boolean);
|
|
216
|
+
setSelectOptions(valid.filter(option => option.type === 'single').map(({
|
|
217
|
+
property,
|
|
218
|
+
label,
|
|
219
|
+
options,
|
|
220
|
+
selected
|
|
221
|
+
}) => ({
|
|
222
|
+
id: property,
|
|
223
|
+
label,
|
|
224
|
+
options,
|
|
225
|
+
selected
|
|
226
|
+
})));
|
|
227
|
+
setMultiSelectOptions(valid.filter(option => option.type === 'multi').map(({
|
|
228
|
+
property,
|
|
229
|
+
label,
|
|
230
|
+
options,
|
|
231
|
+
selected
|
|
232
|
+
}) => ({
|
|
233
|
+
id: property,
|
|
234
|
+
label,
|
|
235
|
+
items: options.map(([id, name]) => ({
|
|
236
|
+
id,
|
|
237
|
+
name
|
|
238
|
+
})),
|
|
239
|
+
selected
|
|
240
|
+
})));
|
|
133
241
|
})();
|
|
134
|
-
}, [
|
|
242
|
+
}, [client, aggregationsData, findFilterConfig, multiSelectPropertySet, values]);
|
|
135
243
|
const updateFilters = useCallback((term, filters) => updateListFilters(term, filters, setListFilters, keywordSearchProperties), [setListFilters, keywordSearchProperties]);
|
|
244
|
+
const debouncedUpdateFilters = useMemo(() => debounce((term, filters) => updateFilters(term, filters), 300), [updateFilters]);
|
|
245
|
+
useEffect(() => () => debouncedUpdateFilters.cancel(), [debouncedUpdateFilters]);
|
|
136
246
|
const handleSearch = useCallback(() => updateFilters(searchTerm, selectedFilters), [searchTerm, selectedFilters, updateFilters]);
|
|
137
|
-
const handleSearchChange = useCallback(
|
|
138
|
-
|
|
139
|
-
|
|
247
|
+
const handleSearchChange = useCallback(({
|
|
248
|
+
target: {
|
|
249
|
+
value
|
|
250
|
+
}
|
|
251
|
+
}) => setSearchTerm(value), []);
|
|
252
|
+
const handleEnterKey = useCallback(({
|
|
253
|
+
key
|
|
254
|
+
}) => {
|
|
255
|
+
if (key === ENTER_KEY) handleSearch();
|
|
140
256
|
}, [handleSearch]);
|
|
141
257
|
const handleReset = useCallback(() => {
|
|
142
258
|
setSearchTerm('');
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
259
|
+
debouncedUpdateFilters.cancel();
|
|
260
|
+
setSelectedFilters(prev => Object.keys(prev).reduce((acc, key) => {
|
|
261
|
+
acc[key] = multiSelectPropertySet.has(key) ? [] : DEFAULT_FILTER_OPTION_LABEL;
|
|
262
|
+
return acc;
|
|
263
|
+
}, {}));
|
|
146
264
|
updateFilters('', {});
|
|
147
|
-
}, [
|
|
148
|
-
const handleSelect = useCallback((property,
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
} = event;
|
|
265
|
+
}, [multiSelectPropertySet, updateFilters, debouncedUpdateFilters]);
|
|
266
|
+
const handleSelect = useCallback((property, {
|
|
267
|
+
value
|
|
268
|
+
}) => {
|
|
152
269
|
const next = _objectSpread(_objectSpread({}, selectedFilters), {}, {
|
|
153
270
|
[property]: value
|
|
154
271
|
});
|
|
155
272
|
setSelectedFilters(next);
|
|
156
|
-
|
|
157
|
-
}, [searchTerm, selectedFilters,
|
|
273
|
+
debouncedUpdateFilters(searchTerm, next);
|
|
274
|
+
}, [searchTerm, selectedFilters, debouncedUpdateFilters]);
|
|
275
|
+
const handleMultiSelect = useCallback((property, ids) => {
|
|
276
|
+
const next = _objectSpread(_objectSpread({}, selectedFilters), {}, {
|
|
277
|
+
[property]: ids
|
|
278
|
+
});
|
|
279
|
+
setSelectedFilters(next);
|
|
280
|
+
debouncedUpdateFilters(searchTerm, next);
|
|
281
|
+
}, [searchTerm, selectedFilters, debouncedUpdateFilters]);
|
|
282
|
+
const findRelationByLocalField = useCallback(localField => relationsIndex.find(relation => relation.localField === localField), [relationsIndex]);
|
|
283
|
+
const resolveAggProp = useCallback((property, config) => {
|
|
284
|
+
if (!config.relation) return property;
|
|
285
|
+
if (property.includes('.')) return property;
|
|
286
|
+
const localField = config.relation.localField || property;
|
|
287
|
+
return `${localField}.name`;
|
|
288
|
+
}, []);
|
|
289
|
+
const resolveEntityIdentifier = useCallback((property, config) => {
|
|
290
|
+
if (!config.relation) return undefined;
|
|
291
|
+
if (config.relation.entityIdentifier) return config.relation.entityIdentifier;
|
|
292
|
+
const localField = property.includes('.') ? property.split('.')[0] : config.relation.localField || property;
|
|
293
|
+
return findRelationByLocalField(localField).entityIdentifier;
|
|
294
|
+
}, [findRelationByLocalField]);
|
|
295
|
+
const addEntitySuffixIfNeeded = useCallback((aggProp, entityIdentifier, config) => {
|
|
296
|
+
if (!config.relation || !entityIdentifier) return aggProp;
|
|
297
|
+
return `${aggProp}/${entityIdentifier}`;
|
|
298
|
+
}, []);
|
|
299
|
+
const makeOnSearchChange = useCallback(property => async ({
|
|
300
|
+
event: {
|
|
301
|
+
value
|
|
302
|
+
},
|
|
303
|
+
currentOffset
|
|
304
|
+
}) => {
|
|
305
|
+
try {
|
|
306
|
+
var _config$relation, _aggregations$key, _multiSelectOptions$f;
|
|
307
|
+
if (!value || currentOffset) return [];
|
|
308
|
+
const config = findFilterConfig(property);
|
|
309
|
+
if (!config) return [];
|
|
310
|
+
let aggProp = resolveAggProp(property, config);
|
|
311
|
+
if (config.relation && !config.relation.localField && !property.includes('.')) {
|
|
312
|
+
const matchingRelation = findRelationByLocalField(property);
|
|
313
|
+
if (matchingRelation.localField) aggProp = `${matchingRelation.localField}.name`;
|
|
314
|
+
}
|
|
315
|
+
const entityIdentifier = resolveEntityIdentifier(property, config) || ((_config$relation = config.relation) === null || _config$relation === void 0 ? void 0 : _config$relation.entityIdentifier);
|
|
316
|
+
const filterByEntry = addEntitySuffixIfNeeded(aggProp, entityIdentifier, config);
|
|
317
|
+
const currentValues = {
|
|
318
|
+
entity: schema.id,
|
|
319
|
+
filterByProperty: [filterByEntry]
|
|
320
|
+
};
|
|
321
|
+
const aggregations = await fetchFilterByDataFromElastic(client, currentValues, relationsIndex, stringTypeProps, value);
|
|
322
|
+
const key = aggProp;
|
|
323
|
+
const buckets = (aggregations === null || aggregations === void 0 ? void 0 : (_aggregations$key = aggregations[key]) === null || _aggregations$key === void 0 ? void 0 : _aggregations$key.buckets) || [];
|
|
324
|
+
let items = [];
|
|
325
|
+
if (config.relation) {
|
|
326
|
+
const names = buckets.map(bucket => bucket.key).filter(Boolean);
|
|
327
|
+
if (names.length) {
|
|
328
|
+
const schemaQuery = getQuery('GET_ENTITY_SCHEMA');
|
|
329
|
+
const {
|
|
330
|
+
data: {
|
|
331
|
+
getEntitySchemas: [relationSchema]
|
|
332
|
+
}
|
|
333
|
+
} = await client.query({
|
|
334
|
+
query: schemaQuery,
|
|
335
|
+
variables: {
|
|
336
|
+
identifier: entityIdentifier
|
|
337
|
+
}
|
|
338
|
+
});
|
|
339
|
+
const {
|
|
340
|
+
data: {
|
|
341
|
+
result: selected = []
|
|
342
|
+
}
|
|
343
|
+
} = await client.query({
|
|
344
|
+
query: getDynamicQuery('GET_ALL_ENTITIES')(relationSchema),
|
|
345
|
+
variables: {
|
|
346
|
+
where: {
|
|
347
|
+
name: {
|
|
348
|
+
_in: names
|
|
349
|
+
}
|
|
350
|
+
},
|
|
351
|
+
sort: [{
|
|
352
|
+
property: 'name',
|
|
353
|
+
direction: 'asc'
|
|
354
|
+
}]
|
|
355
|
+
}
|
|
356
|
+
})
|
|
357
|
+
// eslint-disable-next-line no-console
|
|
358
|
+
.catch(error => console.error(error));
|
|
359
|
+
items = selected.map(item => ({
|
|
360
|
+
id: item.id,
|
|
361
|
+
name: item.name
|
|
362
|
+
}));
|
|
363
|
+
}
|
|
364
|
+
} else {
|
|
365
|
+
items = buckets.map(bucket => ({
|
|
366
|
+
id: bucket.key,
|
|
367
|
+
name: bucket.key
|
|
368
|
+
})).filter(option => option.id != null);
|
|
369
|
+
}
|
|
370
|
+
const existingItems = ((_multiSelectOptions$f = multiSelectOptions.find(opt => opt.id === property)) === null || _multiSelectOptions$f === void 0 ? void 0 : _multiSelectOptions$f.items) || [];
|
|
371
|
+
return unionBy(items, existingItems, 'id');
|
|
372
|
+
} catch (error) {
|
|
373
|
+
return [];
|
|
374
|
+
}
|
|
375
|
+
}, [client, schema.id, relationsIndex, stringTypeProps, multiSelectOptions, findFilterConfig, resolveAggProp, resolveEntityIdentifier, addEntitySuffixIfNeeded, findRelationByLocalField]);
|
|
158
376
|
const placeholderText = `Search ${keywordSearchLabels.join(', ')}`;
|
|
159
377
|
return /*#__PURE__*/React.createElement("div", {
|
|
160
|
-
className: "search-container"
|
|
378
|
+
className: "search-container ms-filter"
|
|
161
379
|
}, displaySearchFilter && /*#__PURE__*/React.createElement("div", {
|
|
162
380
|
className: "search-container__search-input-container"
|
|
163
381
|
}, /*#__PURE__*/React.createElement("input", {
|
|
@@ -173,18 +391,87 @@ const SearchContainer = ({
|
|
|
173
391
|
}, /*#__PURE__*/React.createElement(BsSearch, null))), displaySelectFilters && selectOptions.map(({
|
|
174
392
|
id,
|
|
175
393
|
options,
|
|
176
|
-
label
|
|
177
|
-
|
|
178
|
-
|
|
394
|
+
label,
|
|
395
|
+
selected
|
|
396
|
+
}) => options && options.length ? /*#__PURE__*/React.createElement("div", {
|
|
397
|
+
className: "search-container__select-wrapper",
|
|
398
|
+
key: `select-${id}`
|
|
179
399
|
}, /*#__PURE__*/React.createElement(Select, {
|
|
180
400
|
label: label,
|
|
181
401
|
id: id,
|
|
182
402
|
name: id,
|
|
183
|
-
onChange:
|
|
403
|
+
onChange: ({
|
|
404
|
+
value
|
|
405
|
+
}) => handleSelect(id, {
|
|
406
|
+
value
|
|
407
|
+
}),
|
|
184
408
|
options: options,
|
|
185
|
-
value: selectedFilters[id],
|
|
409
|
+
value: selectedFilters[id] !== undefined ? selectedFilters[id] : selected,
|
|
186
410
|
defaultTextValue: DEFAULT_FILTER_OPTION_LABEL
|
|
187
|
-
})))
|
|
411
|
+
})) : null), displayMultiSelectFilters && multiSelectOptions.map(({
|
|
412
|
+
id,
|
|
413
|
+
label,
|
|
414
|
+
items
|
|
415
|
+
}) => {
|
|
416
|
+
const selectedIds = selectedFilters[id] ? selectedFilters[id] : [];
|
|
417
|
+
const multiSelectData = {
|
|
418
|
+
filterBy: ['name'],
|
|
419
|
+
identification: 'id',
|
|
420
|
+
keyValue: 'name',
|
|
421
|
+
data: items.map(({
|
|
422
|
+
id: itemId,
|
|
423
|
+
name
|
|
424
|
+
}) => ({
|
|
425
|
+
id: itemId,
|
|
426
|
+
name,
|
|
427
|
+
description: '',
|
|
428
|
+
checked: selectedIds.includes(itemId),
|
|
429
|
+
show: true
|
|
430
|
+
}))
|
|
431
|
+
};
|
|
432
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
433
|
+
className: "search-container__select-wrapper",
|
|
434
|
+
key: `multiselect-${id}`
|
|
435
|
+
}, /*#__PURE__*/React.createElement(MultiSelect, {
|
|
436
|
+
onChange: ({
|
|
437
|
+
value,
|
|
438
|
+
currentOffset
|
|
439
|
+
}) => makeOnSearchChange(id)({
|
|
440
|
+
event: {
|
|
441
|
+
value
|
|
442
|
+
},
|
|
443
|
+
currentOffset
|
|
444
|
+
}),
|
|
445
|
+
name: id,
|
|
446
|
+
label: label,
|
|
447
|
+
data: multiSelectData,
|
|
448
|
+
limit: 10,
|
|
449
|
+
getSelected: ({
|
|
450
|
+
event: {
|
|
451
|
+
target: {
|
|
452
|
+
value
|
|
453
|
+
}
|
|
454
|
+
}
|
|
455
|
+
}) => handleMultiSelect(id, value),
|
|
456
|
+
required: false,
|
|
457
|
+
checkedPreviewCount: 1,
|
|
458
|
+
formatMoreLabel: n => `${n} more`
|
|
459
|
+
}));
|
|
460
|
+
}), relationMultiSelectFilters.map(([property, config]) => {
|
|
461
|
+
var _config$relation2;
|
|
462
|
+
const entityIdentifier = resolveEntityIdentifier(property, config) || ((_config$relation2 = config.relation) === null || _config$relation2 === void 0 ? void 0 : _config$relation2.entityIdentifier);
|
|
463
|
+
if (!entityIdentifier) return null;
|
|
464
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
465
|
+
className: "search-container__select-wrapper",
|
|
466
|
+
key: `relation-multiselect-${property}`
|
|
467
|
+
}, /*#__PURE__*/React.createElement(RelationMultiSelectFilter, {
|
|
468
|
+
id: property,
|
|
469
|
+
label: config.label || config.relation.label,
|
|
470
|
+
entityIdentifier: entityIdentifier,
|
|
471
|
+
selectedIds: selectedFilters[property] || [],
|
|
472
|
+
onChange: handleMultiSelect
|
|
473
|
+
}));
|
|
474
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
188
475
|
className: "search-container__reset-button"
|
|
189
476
|
}, /*#__PURE__*/React.createElement("span", {
|
|
190
477
|
role: "button",
|
|
@@ -195,12 +482,14 @@ SearchContainer.propTypes = {
|
|
|
195
482
|
setListFilters: PropTypes.func.isRequired,
|
|
196
483
|
keywordFiltersToUse: PropTypes.array,
|
|
197
484
|
selectFiltersToDisplay: PropTypes.array,
|
|
485
|
+
multiSelectFiltersToDisplay: PropTypes.array,
|
|
198
486
|
schema: PropTypes.object.isRequired,
|
|
199
487
|
index: PropTypes.string
|
|
200
488
|
};
|
|
201
489
|
SearchContainer.defaultProps = {
|
|
202
490
|
keywordFiltersToUse: [],
|
|
203
491
|
selectFiltersToDisplay: [],
|
|
492
|
+
multiSelectFiltersToDisplay: [],
|
|
204
493
|
index: 'admin'
|
|
205
494
|
};
|
|
206
495
|
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","RelationMultiSelectFilter","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","relationMultiSelectFilters","filter","config","relation","nonRelationMultiSelectFilters","keywordSearchProperties","keywordSearchLabels","labels","properties","forEach","label","push","gqlFields","rawQuery","id","action","data","skip","variables","where","limit","fetchPolicy","buildRelationsIndex","schemaObj","items","Object","entries","propName","definition","localField","relationLocalField","entityIdentifier","Array","isArray","relations","byKey","Map","item","key","has","set","from","relationsIndex","stringTypeProps","aggregationsData","searchResults","rawResults","aggregations","processed","buckets","bucket","Boolean","findFilterConfig","_selectFiltersToDispl","_multiSelectFiltersTo","find","prop","results","Promise","ids","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","_config$relation2","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 RelationMultiSelectFilter from './RelationMultiSelectFilter';\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 relationMultiSelectFilters = useMemo(\n () => multiSelectFiltersToDisplay.filter(([, config]) => config && config.relation),\n [multiSelectFiltersToDisplay]\n );\n\n const nonRelationMultiSelectFilters = useMemo(\n () => multiSelectFiltersToDisplay.filter(([, config]) => !config || !config.relation),\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 () =>\n buildQueryFields([...selectFiltersToDisplay, ...nonRelationMultiSelectFilters], schema.id),\n [selectFiltersToDisplay, nonRelationMultiSelectFilters, 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 {relationMultiSelectFilters.map(([property, config]) => {\n const entityIdentifier =\n resolveEntityIdentifier(property, config) || config.relation?.entityIdentifier;\n\n if (!entityIdentifier) return null;\n\n return (\n <div\n className=\"search-container__select-wrapper\"\n key={`relation-multiselect-${property}`}>\n <RelationMultiSelectFilter\n id={property}\n label={config.label || config.relation.label}\n entityIdentifier={entityIdentifier}\n selectedIds={selectedFilters[property] || []}\n onChange={handleMultiSelect}\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":";;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AACxE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,WAAW,MAAM,0BAA0B;AAClD,OAAOC,QAAQ,MAAM,iBAAiB;AACtC,OAAOC,OAAO,MAAM,gBAAgB;AAEpC,SAASC,QAAQ,EAAEC,eAAe,QAAQ,gBAAgB;AAC1D,SACEC,eAAe,EACfC,QAAQ,EACRC,4BAA4B,EAC5BC,gBAAgB,QACX,2BAA2B;AAClC,SAASC,kBAAkB,QAAQ,kBAAkB;AAErD,SAASC,uBAAuB,EAAEC,QAAQ,QAAQ,gBAAgB;AAClE,SAASC,iBAAiB,EAAEC,gBAAgB,EAAEC,YAAY,QAAQ,WAAW;AAC7E,OAAOC,yBAAyB,MAAM,6BAA6B;AACnE,SAASC,UAAU,QAAQ,UAAU;AACrC,SAASC,SAAS,EAAEC,2BAA2B,QAAQ,oBAAoB;AAE3E,MAAMC,eAAe,GAAGA,CAAC;EACvBC,cAAc;EACdC,mBAAmB,GAAG,EAAE;EACxBC,sBAAsB,GAAG,EAAE;EAC3BC,2BAA2B,GAAG,EAAE;EAChCC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGvB,eAAe,CAAC,CAAC;EAEhC,MAAM,CAACwB,UAAU,EAAEC,aAAa,CAAC,GAAGnC,QAAQ,CAAC,EAAE,CAAC;EAChD,MAAM,CAACoC,eAAe,EAAEC,kBAAkB,CAAC,GAAGrC,QAAQ,CAAC,CAAC,CAAC,CAAC;EAC1D,MAAM,CAACsC,aAAa,EAAEC,gBAAgB,CAAC,GAAGvC,QAAQ,CAAC,EAAE,CAAC;EACtD,MAAM,CAACwC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGzC,QAAQ,CAAC,EAAE,CAAC;EAChE,MAAM,CAAC0C,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG3C,QAAQ,CAAC,EAAE,CAAC;EAE5D,MAAM4C,mBAAmB,GAAGjB,mBAAmB,CAACkB,MAAM,GAAG,CAAC;EAC1D,MAAMC,oBAAoB,GAAGlB,sBAAsB,CAACiB,MAAM,GAAG,CAAC;EAC9D,MAAME,yBAAyB,GAAGlB,2BAA2B,CAACgB,MAAM,GAAG,CAAC;EACxE,MAAMG,mBAAmB,GAAGF,oBAAoB,IAAIC,yBAAyB;EAE7E7C,SAAS,CAAC,MAAM;IACd,CAAC,YAAY;MACX,IAAI;QACF,MAAM+C,GAAG,GAAG,MAAMnC,gBAAgB,CAAC;UAAEmB;QAAO,CAAC,CAAC;QAC9CU,mBAAmB,CAACM,GAAG,IAAI,EAAE,CAAC;MAChC,CAAC,CAAC,OAAOC,KAAK,EAAE;QACdP,mBAAmB,CAAC,EAAE,CAAC;MACzB;IACF,CAAC,EAAE,CAAC;EACN,CAAC,EAAE,CAACV,MAAM,CAAC,CAAC;EAEZ,MAAMkB,sBAAsB,GAAGlD,OAAO,CACpC,MAAM,IAAImD,GAAG,CAACvB,2BAA2B,CAACwB,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,KAAKA,QAAQ,CAAC,CAAC,EACxE,CAACzB,2BAA2B,CAC9B,CAAC;EAED,MAAM0B,0BAA0B,GAAGtD,OAAO,CACxC,MAAM4B,2BAA2B,CAAC2B,MAAM,CAAC,CAAC,GAAGC,MAAM,CAAC,KAAKA,MAAM,IAAIA,MAAM,CAACC,QAAQ,CAAC,EACnF,CAAC7B,2BAA2B,CAC9B,CAAC;EAED,MAAM8B,6BAA6B,GAAG1D,OAAO,CAC3C,MAAM4B,2BAA2B,CAAC2B,MAAM,CAAC,CAAC,GAAGC,MAAM,CAAC,KAAK,CAACA,MAAM,IAAI,CAACA,MAAM,CAACC,QAAQ,CAAC,EACrF,CAAC7B,2BAA2B,CAC9B,CAAC;EAED,MAAM;IAAE+B,uBAAuB;IAAEC;EAAoB,CAAC,GAAG5D,OAAO,CAAC,MAAM;IACrE,MAAM6D,MAAM,GAAG,EAAE;IACjB,MAAMC,UAAU,GAAG,EAAE;IAErBpC,mBAAmB,CAACqC,OAAO,CAAC,CAAC,CAACV,QAAQ,EAAE;MAAEW;IAAM,CAAC,CAAC,KAAK;MACrD,IAAIA,KAAK,EAAEH,MAAM,CAACI,IAAI,CAACD,KAAK,CAAC;MAC7BF,UAAU,CAACG,IAAI,CAACZ,QAAQ,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO;MAAEM,uBAAuB,EAAEG,UAAU;MAAEF,mBAAmB,EAAEC;IAAO,CAAC;EAC7E,CAAC,EAAE,CAACnC,mBAAmB,CAAC,CAAC;EAEzB,MAAM;IAAEwC,SAAS;IAAEC;EAAS,CAAC,GAAGnE,OAAO,CACrC,MACEkB,gBAAgB,CAAC,CAAC,GAAGS,sBAAsB,EAAE,GAAG+B,6BAA6B,CAAC,EAAE7B,MAAM,CAACuC,EAAE,CAAC,EAC5F,CAACzC,sBAAsB,EAAE+B,6BAA6B,EAAE7B,MAAM,CAACuC,EAAE,CACnE,CAAC;EAED,MAAMC,MAAM,GAAGtB,mBAAmB,GAC9BrC,eAAe,CAAC,cAAc,CAAC,CAAC,CAACmB,MAAM,CAAC,EAAEqC,SAAS,EAAE,KAAK,EAAEpC,KAAK,CAAC,GAClET,UAAU;EAEd,MAAM;IAAEiD;EAAK,CAAC,GAAG9D,QAAQ,CAAC6D,MAAM,EAAE;IAChCE,IAAI,EAAE,CAACxB,mBAAmB;IAC1ByB,SAAS,EAAE;MAAEC,KAAK,EAAEN,QAAQ;MAAEO,KAAK,EAAE;IAAE,CAAC;IACxCC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,mBAAmB,GAAG1E,WAAW,CAAC2E,SAAS,IAAI;IACnD,MAAMC,KAAK,GAAG,EAAE;IAEhB,IAAID,SAAS,CAACf,UAAU,EAAE;MACxBiB,MAAM,CAACC,OAAO,CAACH,SAAS,CAACf,UAAU,CAAC,CAACC,OAAO,CAAC,CAAC,CAACkB,QAAQ,EAAEC,UAAU,CAAC,KAAK;QACvE,MAAM;UAAEzB;QAAS,CAAC,GAAGyB,UAAU,IAAI,CAAC,CAAC;QACrC,IAAI,CAACzB,QAAQ,EAAE;QAEf,MAAM;UAAE0B,UAAU,EAAEC,kBAAkB;UAAEC;QAAiB,CAAC,GAAG5B,QAAQ;QAErE,MAAM0B,UAAU,GAAGC,kBAAkB,IAAIH,QAAQ;QAEjD,IAAIE,UAAU,EAAEL,KAAK,CAACb,IAAI,CAAC;UAAEkB,UAAU;UAAEE;QAAiB,CAAC,CAAC;MAC9D,CAAC,CAAC;IACJ;IAEA,IAAIC,KAAK,CAACC,OAAO,CAACV,SAAS,CAACW,SAAS,CAAC,EAAE;MACtCX,SAAS,CAACW,SAAS,CAACzB,OAAO,CAACN,QAAQ,IAAI;QACtC,IAAI,CAACA,QAAQ,CAAC0B,UAAU,EAAE;QAE1B,MAAM;UAAEA,UAAU;UAAEE;QAAiB,CAAC,GAAG5B,QAAQ;QAEjDqB,KAAK,CAACb,IAAI,CAAC;UAAEkB,UAAU;UAAEE;QAAiB,CAAC,CAAC;MAC9C,CAAC,CAAC;IACJ;IAEA,MAAMI,KAAK,GAAG,IAAIC,GAAG,CAAC,CAAC;IACvBZ,KAAK,CAACf,OAAO,CAAC4B,IAAI,IAAI;MACpB,MAAMC,GAAG,GAAG,GAAGD,IAAI,CAACR,UAAU,IAAIQ,IAAI,CAACN,gBAAgB,IAAI,EAAE,EAAE;MAC/D,IAAI,CAACI,KAAK,CAACI,GAAG,CAACD,GAAG,CAAC,EAAEH,KAAK,CAACK,GAAG,CAACF,GAAG,EAAED,IAAI,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAOL,KAAK,CAACS,IAAI,CAACN,KAAK,CAAC1D,MAAM,CAAC,CAAC,CAAC;EACnC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMiE,cAAc,GAAGhG,OAAO,CAAC,MAAM4E,mBAAmB,CAAC/C,MAAM,CAAC,EAAE,CAACA,MAAM,EAAE+C,mBAAmB,CAAC,CAAC;EAEhG,MAAMqB,eAAe,GAAGjG,OAAO,CAC7B,MAAMc,kBAAkB,CAACe,MAAM,CAACuC,EAAE,EAAE4B,cAAc,EAAEvD,gBAAgB,CAAC,EACrE,CAACZ,MAAM,CAACuC,EAAE,EAAE4B,cAAc,EAAEvD,gBAAgB,CAC9C,CAAC;EAED,MAAMyD,gBAAgB,GAAGlG,OAAO,CAAC,MAAM;IACrC,MAAM;MAAEmG,aAAa,EAAE;QAAEC,UAAU,EAAE;UAAEC,YAAY,GAAG,CAAC;QAAE,CAAC,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC;IAAE,CAAC,GAAG/B,IAAI,IAAI,CAAC,CAAC;IACrF,MAAMgC,SAAS,GAAG,EAAE;IACpBvB,MAAM,CAACC,OAAO,CAACqB,YAAY,CAAC,CAACtC,OAAO,CAAC,CAAC,CAAC6B,GAAG,EAAE;MAAEW;IAAQ,CAAC,CAAC,KAAK;MAC3DD,SAAS,CAACrC,IAAI,CACZqB,KAAK,CAACC,OAAO,CAACgB,OAAO,CAAC,GAAG,CAACX,GAAG,EAAEW,OAAO,CAACnD,GAAG,CAACoD,MAAM,IAAIA,MAAM,CAACZ,GAAG,CAAC,CAACrC,MAAM,CAACkD,OAAO,CAAC,CAAC,GAAG,EACtF,CAAC;IACH,CAAC,CAAC;IACF,OAAOH,SAAS;EAClB,CAAC,EAAE,CAAChC,IAAI,CAAC,CAAC;EAEV,MAAMoC,gBAAgB,GAAGxG,WAAW,CAClCmD,QAAQ;IAAA,IAAAsD,qBAAA,EAAAC,qBAAA;IAAA,OACN,EAAAD,qBAAA,GAAAhF,sBAAsB,CAACkF,IAAI,CAAC,CAAC,CAACC,IAAI,CAAC,KAAKA,IAAI,KAAKzD,QAAQ,CAAC,cAAAsD,qBAAA,uBAA1DA,qBAAA,CAA6D,CAAC,CAAC,OAAAC,qBAAA,GAC/DhF,2BAA2B,CAACiF,IAAI,CAAC,CAAC,CAACC,IAAI,CAAC,KAAKA,IAAI,KAAKzD,QAAQ,CAAC,cAAAuD,qBAAA,uBAA/DA,qBAAA,CAAkE,CAAC,CAAC;EAAA,GACtE,CAACjF,sBAAsB,EAAEC,2BAA2B,CACtD,CAAC;EAED3B,SAAS,CAAC,MAAM;IACd,IAAI,CAACiG,gBAAgB,CAACtD,MAAM,EAAE;MAC5BN,gBAAgB,CAAC,EAAE,CAAC;MACpBE,qBAAqB,CAAC,EAAE,CAAC;MACzB;IACF;IAEA,CAAC,YAAY;MACX,MAAMuE,OAAO,GAAG,MAAMC,OAAO,CAAChE,GAAG,CAC/BkD,gBAAgB,CAAC9C,GAAG,CAAC,OAAO,CAACC,QAAQ,EAAE4D,GAAG,CAAC,KAAK;QAC9C,IAAI;UACF,IAAI,CAACA,GAAG,IAAI,CAACA,GAAG,CAACrE,MAAM,EAAE,OAAO,IAAI;UAEpC,MAAMY,MAAM,GAAGkD,gBAAgB,CAACrD,QAAQ,CAAC;UACzC,IAAI,CAACG,MAAM,EAAE,OAAO,IAAI;UAExB,MAAM;YAAE0D,mBAAmB,EAAE;cAAEC;YAAU,CAAC,GAAG,CAAC;UAAE,CAAC,GAAG3D,MAAM;UAE1D,IAAI,CAACA,MAAM,CAACC,QAAQ,EAAE;YACpB,MAAM2D,WAAW,GAAGH,GAAG,CAAC7D,GAAG,CAACiE,KAAK,IAAI,CAACA,KAAK,EAAElG,YAAY,CAACkG,KAAK,EAAEF,SAAS,CAAC,CAAC,CAAC;YAC7E,OAAO;cACL9D,QAAQ;cACRW,KAAK,EAAER,MAAM,CAACQ,KAAK;cACnBsD,IAAI,EAAEpE,sBAAsB,CAAC2C,GAAG,CAACxC,QAAQ,CAAC,GAAG,OAAO,GAAG,QAAQ;cAC/DkE,OAAO,EAAEH,WAAW;cACpBI,QAAQ,EAAEzF,MAAM,IAAIA,MAAM,CAACsB,QAAQ;YACrC,CAAC;UACH;UAEA,MAAMoE,WAAW,GAAG9G,QAAQ,CAAC,mBAAmB,CAAC;UACjD,MAAM;YACJ2D,IAAI,EAAE;cACJoD,gBAAgB,EAAE,CAACC,cAAc;YACnC;UACF,CAAC,GAAG,MAAM3F,MAAM,CAAC4F,KAAK,CAAC;YACrBA,KAAK,EAAEH,WAAW;YAClBjD,SAAS,EAAE;cAAEqD,UAAU,EAAErE,MAAM,CAACC,QAAQ,CAAC4B;YAAiB;UAC5D,CAAC,CAAC;UAEF,MAAM;YACJf,IAAI,EAAE;cAAEwD,MAAM,EAAEN,QAAQ,GAAG;YAAG;UAChC,CAAC,GAAG,MAAMxF,MAAM,CACb4F,KAAK,CAAC;YACLA,KAAK,EAAElH,eAAe,CAAC,kBAAkB,CAAC,CAACiH,cAAc,CAAC;YAC1DnD,SAAS,EAAE;cACTC,KAAK,EAAE;gBAAEL,EAAE,EAAE;kBAAE2D,GAAG,EAAEd;gBAAI;cAAE,CAAC;cAC3Be,IAAI,EAAE,CAAC;gBAAE3E,QAAQ,EAAE,MAAM;gBAAE4E,SAAS,EAAE;cAAM,CAAC;YAC/C;UACF,CAAC;UACD;UAAA,CACCC,KAAK,CAACjF,KAAK,IAAIkF,OAAO,CAAClF,KAAK,CAACA,KAAK,CAAC,CAAC;UAEvC,MAAMmE,WAAW,GAAGI,QAAQ,CAACpE,GAAG,CAACuC,IAAI,IAAI,CAACA,IAAI,CAACvB,EAAE,EAAEjD,YAAY,CAACwE,IAAI,CAACyC,IAAI,EAAEjB,SAAS,CAAC,CAAC,CAAC;UAEvF,OAAO;YACL9D,QAAQ;YACRW,KAAK,EAAER,MAAM,CAACQ,KAAK,IAAIR,MAAM,CAACC,QAAQ,CAACO,KAAK;YAC5CsD,IAAI,EAAEpE,sBAAsB,CAAC2C,GAAG,CAACxC,QAAQ,CAAC,GAAG,OAAO,GAAG,QAAQ;YAC/DkE,OAAO,EAAEH,WAAW;YACpBI,QAAQ,EAAEzF,MAAM,IAAIA,MAAM,CAACsB,QAAQ;UACrC,CAAC;QACH,CAAC,CAAC,MAAM;UACN,OAAO,IAAI;QACb;MACF,CAAC,CACH,CAAC;MAED,MAAMgF,KAAK,GAAGtB,OAAO,CAACxD,MAAM,CAACkD,OAAO,CAAC;MAErCnE,gBAAgB,CACd+F,KAAK,CACF9E,MAAM,CAAC+E,MAAM,IAAIA,MAAM,CAAChB,IAAI,KAAK,QAAQ,CAAC,CAC1ClE,GAAG,CAAC,CAAC;QAAEC,QAAQ;QAAEW,KAAK;QAAEuD,OAAO;QAAEC;MAAS,CAAC,MAAM;QAChDpD,EAAE,EAAEf,QAAQ;QACZW,KAAK;QACLuD,OAAO;QACPC;MACF,CAAC,CAAC,CACN,CAAC;MAEDhF,qBAAqB,CACnB6F,KAAK,CACF9E,MAAM,CAAC+E,MAAM,IAAIA,MAAM,CAAChB,IAAI,KAAK,OAAO,CAAC,CACzClE,GAAG,CAAC,CAAC;QAAEC,QAAQ;QAAEW,KAAK;QAAEuD,OAAO;QAAEC;MAAS,CAAC,MAAM;QAChDpD,EAAE,EAAEf,QAAQ;QACZW,KAAK;QACLc,KAAK,EAAEyC,OAAO,CAACnE,GAAG,CAAC,CAAC,CAACgB,EAAE,EAAEgE,IAAI,CAAC,MAAM;UAAEhE,EAAE;UAAEgE;QAAK,CAAC,CAAC,CAAC;QAClDZ;MACF,CAAC,CAAC,CACN,CAAC;IACH,CAAC,EAAE,CAAC;EACN,CAAC,EAAE,CAACxF,MAAM,EAAEkE,gBAAgB,EAAEQ,gBAAgB,EAAExD,sBAAsB,EAAEnB,MAAM,CAAC,CAAC;EAEhF,MAAMwG,aAAa,GAAGrI,WAAW,CAC/B,CAACsI,IAAI,EAAEC,OAAO,KAAKxH,iBAAiB,CAACuH,IAAI,EAAEC,OAAO,EAAEhH,cAAc,EAAEkC,uBAAuB,CAAC,EAC5F,CAAClC,cAAc,EAAEkC,uBAAuB,CAC1C,CAAC;EAED,MAAM+E,sBAAsB,GAAG1I,OAAO,CACpC,MAAMM,QAAQ,CAAC,CAACkI,IAAI,EAAEC,OAAO,KAAKF,aAAa,CAACC,IAAI,EAAEC,OAAO,CAAC,EAAE,GAAG,CAAC,EACpE,CAACF,aAAa,CAChB,CAAC;EAEDtI,SAAS,CAAC,MAAM,MAAMyI,sBAAsB,CAACC,MAAM,CAAC,CAAC,EAAE,CAACD,sBAAsB,CAAC,CAAC;EAEhF,MAAME,YAAY,GAAG1I,WAAW,CAC9B,MAAMqI,aAAa,CAACtG,UAAU,EAAEE,eAAe,CAAC,EAChD,CAACF,UAAU,EAAEE,eAAe,EAAEoG,aAAa,CAC7C,CAAC;EAED,MAAMM,kBAAkB,GAAG3I,WAAW,CAAC,CAAC;IAAE4I,MAAM,EAAE;MAAEzB;IAAM;EAAE,CAAC,KAAKnF,aAAa,CAACmF,KAAK,CAAC,EAAE,EAAE,CAAC;EAE3F,MAAM0B,cAAc,GAAG7I,WAAW,CAChC,CAAC;IAAE0F;EAAI,CAAC,KAAK;IACX,IAAIA,GAAG,KAAKtE,SAAS,EAAEsH,YAAY,CAAC,CAAC;EACvC,CAAC,EACD,CAACA,YAAY,CACf,CAAC;EAED,MAAMI,WAAW,GAAG9I,WAAW,CAAC,MAAM;IACpCgC,aAAa,CAAC,EAAE,CAAC;IACjBwG,sBAAsB,CAACC,MAAM,CAAC,CAAC;IAC/BvG,kBAAkB,CAAC6G,IAAI,IACrBlE,MAAM,CAACmE,IAAI,CAACD,IAAI,CAAC,CAACE,MAAM,CAAC,CAACC,GAAG,EAAExD,GAAG,KAAK;MACrCwD,GAAG,CAACxD,GAAG,CAAC,GAAG1C,sBAAsB,CAAC2C,GAAG,CAACD,GAAG,CAAC,GAAG,EAAE,GAAGrE,2BAA2B;MAC7E,OAAO6H,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CACP,CAAC;IACDb,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;EACvB,CAAC,EAAE,CAACrF,sBAAsB,EAAEqF,aAAa,EAAEG,sBAAsB,CAAC,CAAC;EAEnE,MAAMW,YAAY,GAAGnJ,WAAW,CAC9B,CAACmD,QAAQ,EAAE;IAAEgE;EAAM,CAAC,KAAK;IACvB,MAAMiC,IAAI,GAAAC,aAAA,CAAAA,aAAA,KAAQpH,eAAe;MAAE,CAACkB,QAAQ,GAAGgE;IAAK,EAAE;IACtDjF,kBAAkB,CAACkH,IAAI,CAAC;IACxBZ,sBAAsB,CAACzG,UAAU,EAAEqH,IAAI,CAAC;EAC1C,CAAC,EACD,CAACrH,UAAU,EAAEE,eAAe,EAAEuG,sBAAsB,CACtD,CAAC;EAED,MAAMc,iBAAiB,GAAGtJ,WAAW,CACnC,CAACmD,QAAQ,EAAE4D,GAAG,KAAK;IACjB,MAAMqC,IAAI,GAAAC,aAAA,CAAAA,aAAA,KAAQpH,eAAe;MAAE,CAACkB,QAAQ,GAAG4D;IAAG,EAAE;IACpD7E,kBAAkB,CAACkH,IAAI,CAAC;IACxBZ,sBAAsB,CAACzG,UAAU,EAAEqH,IAAI,CAAC;EAC1C,CAAC,EACD,CAACrH,UAAU,EAAEE,eAAe,EAAEuG,sBAAsB,CACtD,CAAC;EAED,MAAMe,wBAAwB,GAAGvJ,WAAW,CAC1CiF,UAAU,IAAIa,cAAc,CAACa,IAAI,CAACpD,QAAQ,IAAIA,QAAQ,CAAC0B,UAAU,KAAKA,UAAU,CAAC,EACjF,CAACa,cAAc,CACjB,CAAC;EAED,MAAM0D,cAAc,GAAGxJ,WAAW,CAAC,CAACmD,QAAQ,EAAEG,MAAM,KAAK;IACvD,IAAI,CAACA,MAAM,CAACC,QAAQ,EAAE,OAAOJ,QAAQ;IACrC,IAAIA,QAAQ,CAACsG,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAOtG,QAAQ;IAC3C,MAAM8B,UAAU,GAAG3B,MAAM,CAACC,QAAQ,CAAC0B,UAAU,IAAI9B,QAAQ;IACzD,OAAO,GAAG8B,UAAU,OAAO;EAC7B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMyE,uBAAuB,GAAG1J,WAAW,CACzC,CAACmD,QAAQ,EAAEG,MAAM,KAAK;IACpB,IAAI,CAACA,MAAM,CAACC,QAAQ,EAAE,OAAOoG,SAAS;IACtC,IAAIrG,MAAM,CAACC,QAAQ,CAAC4B,gBAAgB,EAAE,OAAO7B,MAAM,CAACC,QAAQ,CAAC4B,gBAAgB;IAE7E,MAAMF,UAAU,GAAG9B,QAAQ,CAACsG,QAAQ,CAAC,GAAG,CAAC,GACrCtG,QAAQ,CAACyG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GACtBtG,MAAM,CAACC,QAAQ,CAAC0B,UAAU,IAAI9B,QAAQ;IAE1C,OAAOoG,wBAAwB,CAACtE,UAAU,CAAC,CAACE,gBAAgB;EAC9D,CAAC,EACD,CAACoE,wBAAwB,CAC3B,CAAC;EAED,MAAMM,uBAAuB,GAAG7J,WAAW,CAAC,CAAC8J,OAAO,EAAE3E,gBAAgB,EAAE7B,MAAM,KAAK;IACjF,IAAI,CAACA,MAAM,CAACC,QAAQ,IAAI,CAAC4B,gBAAgB,EAAE,OAAO2E,OAAO;IACzD,OAAO,GAAGA,OAAO,IAAI3E,gBAAgB,EAAE;EACzC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM4E,kBAAkB,GAAG/J,WAAW,CACpCmD,QAAQ,IACN,OAAO;IAAE6G,KAAK,EAAE;MAAE7C;IAAM,CAAC;IAAE8C;EAAc,CAAC,KAAK;IAC7C,IAAI;MAAA,IAAAC,gBAAA,EAAAC,iBAAA,EAAAC,qBAAA;MACF,IAAI,CAACjD,KAAK,IAAI8C,aAAa,EAAE,OAAO,EAAE;MAEtC,MAAM3G,MAAM,GAAGkD,gBAAgB,CAACrD,QAAQ,CAAC;MACzC,IAAI,CAACG,MAAM,EAAE,OAAO,EAAE;MAEtB,IAAIwG,OAAO,GAAGN,cAAc,CAACrG,QAAQ,EAAEG,MAAM,CAAC;MAE9C,IAAIA,MAAM,CAACC,QAAQ,IAAI,CAACD,MAAM,CAACC,QAAQ,CAAC0B,UAAU,IAAI,CAAC9B,QAAQ,CAACsG,QAAQ,CAAC,GAAG,CAAC,EAAE;QAC7E,MAAMY,gBAAgB,GAAGd,wBAAwB,CAACpG,QAAQ,CAAC;QAC3D,IAAIkH,gBAAgB,CAACpF,UAAU,EAAE6E,OAAO,GAAG,GAAGO,gBAAgB,CAACpF,UAAU,OAAO;MAClF;MAEA,MAAME,gBAAgB,GACpBuE,uBAAuB,CAACvG,QAAQ,EAAEG,MAAM,CAAC,MAAA4G,gBAAA,GAAI5G,MAAM,CAACC,QAAQ,cAAA2G,gBAAA,uBAAfA,gBAAA,CAAiB/E,gBAAgB;MAEhF,MAAMmF,aAAa,GAAGT,uBAAuB,CAACC,OAAO,EAAE3E,gBAAgB,EAAE7B,MAAM,CAAC;MAEhF,MAAMiH,aAAa,GAAG;QACpBC,MAAM,EAAE7I,MAAM,CAACuC,EAAE;QACjBuG,gBAAgB,EAAE,CAACH,aAAa;MAClC,CAAC;MAED,MAAMnE,YAAY,GAAG,MAAMzF,4BAA4B,CACrDoB,MAAM,EACNyI,aAAa,EACbzE,cAAc,EACdC,eAAe,EACfoB,KACF,CAAC;MAED,MAAMzB,GAAG,GAAGoE,OAAO;MACnB,MAAMzD,OAAO,GAAG,CAAAF,YAAY,aAAZA,YAAY,wBAAAgE,iBAAA,GAAZhE,YAAY,CAAGT,GAAG,CAAC,cAAAyE,iBAAA,uBAAnBA,iBAAA,CAAqB9D,OAAO,KAAI,EAAE;MAElD,IAAIzB,KAAK,GAAG,EAAE;MACd,IAAItB,MAAM,CAACC,QAAQ,EAAE;QACnB,MAAMmH,KAAK,GAAGrE,OAAO,CAACnD,GAAG,CAACoD,MAAM,IAAIA,MAAM,CAACZ,GAAG,CAAC,CAACrC,MAAM,CAACkD,OAAO,CAAC;QAC/D,IAAImE,KAAK,CAAChI,MAAM,EAAE;UAChB,MAAM6E,WAAW,GAAG9G,QAAQ,CAAC,mBAAmB,CAAC;UACjD,MAAM;YACJ2D,IAAI,EAAE;cACJoD,gBAAgB,EAAE,CAACC,cAAc;YACnC;UACF,CAAC,GAAG,MAAM3F,MAAM,CAAC4F,KAAK,CAAC;YACrBA,KAAK,EAAEH,WAAW;YAClBjD,SAAS,EAAE;cAAEqD,UAAU,EAAExC;YAAiB;UAC5C,CAAC,CAAC;UAEF,MAAM;YACJf,IAAI,EAAE;cAAEwD,MAAM,EAAEN,QAAQ,GAAG;YAAG;UAChC,CAAC,GAAG,MAAMxF,MAAM,CACb4F,KAAK,CAAC;YACLA,KAAK,EAAElH,eAAe,CAAC,kBAAkB,CAAC,CAACiH,cAAc,CAAC;YAC1DnD,SAAS,EAAE;cACTC,KAAK,EAAE;gBAAE2D,IAAI,EAAE;kBAAEL,GAAG,EAAE6C;gBAAM;cAAE,CAAC;cAC/B5C,IAAI,EAAE,CAAC;gBAAE3E,QAAQ,EAAE,MAAM;gBAAE4E,SAAS,EAAE;cAAM,CAAC;YAC/C;UACF,CAAC;UACD;UAAA,CACCC,KAAK,CAACjF,KAAK,IAAIkF,OAAO,CAAClF,KAAK,CAACA,KAAK,CAAC,CAAC;UAEvC6B,KAAK,GAAG0C,QAAQ,CAACpE,GAAG,CAACuC,IAAI,KAAK;YAAEvB,EAAE,EAAEuB,IAAI,CAACvB,EAAE;YAAEgE,IAAI,EAAEzC,IAAI,CAACyC;UAAK,CAAC,CAAC,CAAC;QAClE;MACF,CAAC,MAAM;QACLtD,KAAK,GAAGyB,OAAO,CACZnD,GAAG,CAACoD,MAAM,KAAK;UAAEpC,EAAE,EAAEoC,MAAM,CAACZ,GAAG;UAAEwC,IAAI,EAAE5B,MAAM,CAACZ;QAAI,CAAC,CAAC,CAAC,CACrDrC,MAAM,CAAC+E,MAAM,IAAIA,MAAM,CAAClE,EAAE,IAAI,IAAI,CAAC;MACxC;MAEA,MAAMyG,aAAa,GAAG,EAAAP,qBAAA,GAAA/H,kBAAkB,CAACsE,IAAI,CAACiE,GAAG,IAAIA,GAAG,CAAC1G,EAAE,KAAKf,QAAQ,CAAC,cAAAiH,qBAAA,uBAAnDA,qBAAA,CAAqDxF,KAAK,KAAI,EAAE;MACtF,OAAOvE,OAAO,CAACuE,KAAK,EAAE+F,aAAa,EAAE,IAAI,CAAC;IAC5C,CAAC,CAAC,OAAO5H,KAAK,EAAE;MACd,OAAO,EAAE;IACX;EACF,CAAC,EACH,CACEjB,MAAM,EACNH,MAAM,CAACuC,EAAE,EACT4B,cAAc,EACdC,eAAe,EACf1D,kBAAkB,EAClBmE,gBAAgB,EAChBgD,cAAc,EACdE,uBAAuB,EACvBG,uBAAuB,EACvBN,wBAAwB,CAE5B,CAAC;EAED,MAAMsB,eAAe,GAAG,UAAUnH,mBAAmB,CAACoH,IAAI,CAAC,IAAI,CAAC,EAAE;EAElE,oBACElL,KAAA,CAAAmL,aAAA;IAAKC,SAAS,EAAC;EAA4B,GACxCvI,mBAAmB,iBAClB7C,KAAA,CAAAmL,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDpL,KAAA,CAAAmL,aAAA;IACE3D,IAAI,EAAC,QAAQ;IACb4D,SAAS,EAAC,wDAAwD;IAClEC,WAAW,EAAEJ,eAAgB;IAC7B1D,KAAK,EAAEpF,UAAW;IAClBmJ,QAAQ,EAAEvC,kBAAmB;IAC7BwC,SAAS,EAAEtC;EAAe,CAC3B,CAAC,eACFjJ,KAAA,CAAAmL,aAAA;IAAGK,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAE3C;EAAa,gBACrC9I,KAAA,CAAAmL,aAAA,CAACjK,QAAQ,MAAE,CACV,CACA,CACN,EAEA6B,oBAAoB,IACnBR,aAAa,CAACe,GAAG,CAAC,CAAC;IAAEgB,EAAE;IAAEmD,OAAO;IAAEvD,KAAK;IAAEwD;EAAS,CAAC,KACjDD,OAAO,IAAIA,OAAO,CAAC3E,MAAM,gBACvB9C,KAAA,CAAAmL,aAAA;IAAKC,SAAS,EAAC,kCAAkC;IAACtF,GAAG,EAAE,UAAUxB,EAAE;EAAG,gBACpEtE,KAAA,CAAAmL,aAAA,CAAC7K,MAAM;IACL4D,KAAK,EAAEA,KAAM;IACbI,EAAE,EAAEA,EAAG;IACPgE,IAAI,EAAEhE,EAAG;IACTgH,QAAQ,EAAEA,CAAC;MAAE/D;IAAM,CAAC,KAAKgC,YAAY,CAACjF,EAAE,EAAE;MAAEiD;IAAM,CAAC,CAAE;IACrDE,OAAO,EAAEA,OAAQ;IACjBF,KAAK,EAAElF,eAAe,CAACiC,EAAE,CAAC,KAAKyF,SAAS,GAAG1H,eAAe,CAACiC,EAAE,CAAC,GAAGoD,QAAS;IAC1EgE,gBAAgB,EAAEjK;EAA4B,CAC/C,CACE,CAAC,GACJ,IACN,CAAC,EAEFuB,yBAAyB,IACxBP,kBAAkB,CAACa,GAAG,CAAC,CAAC;IAAEgB,EAAE;IAAEJ,KAAK;IAAEc;EAAM,CAAC,KAAK;IAC/C,MAAM2G,WAAW,GAAGtJ,eAAe,CAACiC,EAAE,CAAC,GAAGjC,eAAe,CAACiC,EAAE,CAAC,GAAG,EAAE;IAClE,MAAMsH,eAAe,GAAG;MACtBC,QAAQ,EAAE,CAAC,MAAM,CAAC;MAClBC,cAAc,EAAE,IAAI;MACpBC,QAAQ,EAAE,MAAM;MAChBvH,IAAI,EAAEQ,KAAK,CAAC1B,GAAG,CAAC,CAAC;QAAEgB,EAAE,EAAE0H,MAAM;QAAE1D;MAAK,CAAC,MAAM;QACzChE,EAAE,EAAE0H,MAAM;QACV1D,IAAI;QACJ2D,WAAW,EAAE,EAAE;QACfC,OAAO,EAAEP,WAAW,CAAC9B,QAAQ,CAACmC,MAAM,CAAC;QACrCG,IAAI,EAAE;MACR,CAAC,CAAC;IACJ,CAAC;IAED,oBACEnM,KAAA,CAAAmL,aAAA;MAAKC,SAAS,EAAC,kCAAkC;MAACtF,GAAG,EAAE,eAAexB,EAAE;IAAG,gBACzEtE,KAAA,CAAAmL,aAAA,CAAC5K,WAAW;MACV+K,QAAQ,EAAEA,CAAC;QAAE/D,KAAK;QAAE8C;MAAc,CAAC,KACjCF,kBAAkB,CAAC7F,EAAE,CAAC,CAAC;QAAE8F,KAAK,EAAE;UAAE7C;QAAM,CAAC;QAAE8C;MAAc,CAAC,CAC3D;MACD/B,IAAI,EAAEhE,EAAG;MACTJ,KAAK,EAAEA,KAAM;MACbM,IAAI,EAAEoH,eAAgB;MACtBhH,KAAK,EAAE,EAAG;MACVwH,WAAW,EAAEA,CAAC;QACZhC,KAAK,EAAE;UACLpB,MAAM,EAAE;YAAEzB;UAAM;QAClB;MACF,CAAC,KAAKmC,iBAAiB,CAACpF,EAAE,EAAEiD,KAAK,CAAE;MACnC8E,QAAQ,EAAE,KAAM;MAChBC,mBAAmB,EAAE,CAAE;MACvBC,eAAe,EAAEC,CAAC,IAAI,GAAGA,CAAC;IAAQ,CACnC,CACE,CAAC;EAEV,CAAC,CAAC,EAEHhJ,0BAA0B,CAACF,GAAG,CAAC,CAAC,CAACC,QAAQ,EAAEG,MAAM,CAAC,KAAK;IAAA,IAAA+I,iBAAA;IACtD,MAAMlH,gBAAgB,GACpBuE,uBAAuB,CAACvG,QAAQ,EAAEG,MAAM,CAAC,MAAA+I,iBAAA,GAAI/I,MAAM,CAACC,QAAQ,cAAA8I,iBAAA,uBAAfA,iBAAA,CAAiBlH,gBAAgB;IAEhF,IAAI,CAACA,gBAAgB,EAAE,OAAO,IAAI;IAElC,oBACEvF,KAAA,CAAAmL,aAAA;MACEC,SAAS,EAAC,kCAAkC;MAC5CtF,GAAG,EAAE,wBAAwBvC,QAAQ;IAAG,gBACxCvD,KAAA,CAAAmL,aAAA,CAAC7J,yBAAyB;MACxBgD,EAAE,EAAEf,QAAS;MACbW,KAAK,EAAER,MAAM,CAACQ,KAAK,IAAIR,MAAM,CAACC,QAAQ,CAACO,KAAM;MAC7CqB,gBAAgB,EAAEA,gBAAiB;MACnCoG,WAAW,EAAEtJ,eAAe,CAACkB,QAAQ,CAAC,IAAI,EAAG;MAC7C+H,QAAQ,EAAE5B;IAAkB,CAC7B,CACE,CAAC;EAEV,CAAC,CAAC,eAEF1J,KAAA,CAAAmL,aAAA;IAAKC,SAAS,EAAC;EAAgC,gBAC7CpL,KAAA,CAAAmL,aAAA;IAAMK,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAEvC;EAAY,gBACvClJ,KAAA,CAAAmL,aAAA,CAAClK,uBAAuB,MAAE,CACtB,CACH,CACF,CAAC;AAEV,CAAC;AAEDS,eAAe,CAACgL,SAAS,GAAG;EAC1B/K,cAAc,EAAEtB,SAAS,CAACsM,IAAI,CAACC,UAAU;EACzChL,mBAAmB,EAAEvB,SAAS,CAACwM,KAAK;EACpChL,sBAAsB,EAAExB,SAAS,CAACwM,KAAK;EACvC/K,2BAA2B,EAAEzB,SAAS,CAACwM,KAAK;EAC5C9K,MAAM,EAAE1B,SAAS,CAACyM,MAAM,CAACF,UAAU;EACnC5K,KAAK,EAAE3B,SAAS,CAAC0M;AACnB,CAAC;AAEDrL,eAAe,CAACsL,YAAY,GAAG;EAC7BpL,mBAAmB,EAAE,EAAE;EACvBC,sBAAsB,EAAE,EAAE;EAC1BC,2BAA2B,EAAE,EAAE;EAC/BE,KAAK,EAAE;AACT,CAAC;AAED,eAAeN,eAAe","ignoreList":[]}
|