12303659001

Committed 12 Dec 2024 07:45PM UTC coverage: 97.364% (+0.02%) from 97.345%

Build # 12303659001

Build Type

Pull #566

github

Committed by

g-saracca

Commit Message

feat: add missing args

Pull Request Pull Request #566: Collection Page Facets Filters

Run Details

1573 of 1643 branches covered (95.74%)

Branch coverage included in aggregate %.

84 of 85 new or added lines in 7 files covered. (98.82%)

4 existing lines in 1 file now uncovered.

3930 of 4009 relevant lines covered (98.03%)

8735.21 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

88.68

/src/sections/collection/collection-items-panel/CollectionItemsPanel.tsx

import { useEffect, useRef, useState } from 'react'
import { useSearchParams } from 'react-router-dom'
import { Stack } from '@iqss/dataverse-design-system'
import { CollectionRepository } from '@/collection/domain/repositories/CollectionRepository'
import { CollectionItemsPaginationInfo } from '@/collection/domain/models/CollectionItemsPaginationInfo'
import {
  CollectionSearchCriteria,
  FilterQuery
} from '@/collection/domain/models/CollectionSearchCriteria'
import { CollectionItemType } from '@/collection/domain/models/CollectionItemType'
import { CollectionItemsQueryParams } from '@/collection/domain/models/CollectionItemsQueryParams'
import { useGetAccumulatedItems } from './useGetAccumulatedItems'
import { UseCollectionQueryParamsReturnType } from '../useGetCollectionQueryParams'
import { useLoadMoreOnPopStateEvent } from './useLoadMoreOnPopStateEvent'
import { useLoading } from '@/sections/loading/LoadingContext'
import { QueryParamKey } from '../../Route.enum'
import { CollectionHelper } from '../CollectionHelper'
import { FilterPanel } from './filter-panel/FilterPanel'
import { ItemsList } from './items-list/ItemsList'
import { SearchPanel } from './search-panel/SearchPanel'
import { ItemTypeChange } from './filter-panel/type-filters/TypeFilters'
import { RemoveAddFacetFilter } from './filter-panel/facets-filters/FacetFilterGroup'
import { SelectedFacets } from './selected-facets/SelectedFacets'
import styles from './CollectionItemsPanel.module.scss'

interface CollectionItemsPanelProps {
  collectionId: string
  collectionRepository: CollectionRepository
  collectionQueryParams: UseCollectionQueryParamsReturnType
  addDataSlot: JSX.Element | null
}

/**
 * HOW IT WORKS:
 * This component loads items on 5 different scenarios:
 * 1. When the component mounts
 * 2. When the user scrolls to the bottom of the list and there are more items to load
 * 3. When the user submits a search query in the search panel
 * 4. When the user changes the item types in the filter panel
 * 5. When the user selects or removes a facet filter
 * 6. When the user navigates back and forward in the browser
 *
 * It initializes the search criteria with the query params in the URL.
 * By default if no query params are present in the URL, the search query is empty and the item types are COLLECTION and DATASET.
 * Every time a load of items is triggered, the pagination info is updated and the URL is updated with the new query params so it can be shared and the user can navigate back and forward in the browser.
 */

export const CollectionItemsPanel = ({
  collectionId,
  collectionRepository,
  collectionQueryParams,
  addDataSlot
}: CollectionItemsPanelProps) => {
  const { setIsLoading } = useLoading()
  const [_, setSearchParams] = useSearchParams()

  useLoadMoreOnPopStateEvent(loadItemsOnBackAndForwardNavigation)

  // This object will update every time we update a query param in the URL with the setSearchParams setter
  const currentSearchCriteria = new CollectionSearchCriteria(
    collectionQueryParams.searchQuery,
    collectionQueryParams.typesQuery || [CollectionItemType.COLLECTION, CollectionItemType.DATASET],
    undefined,
    undefined,
    collectionQueryParams.filtersQuery
  )

  const [paginationInfo, setPaginationInfo] = useState<CollectionItemsPaginationInfo>(
    new CollectionItemsPaginationInfo()
  )
  const itemsListContainerRef = useRef<HTMLDivElement | null>(null)

  const {
    isLoadingItems,
    accumulatedItems,
    facets,
    totalAvailable,
    hasNextPage,
    error,
    loadMore,
    isEmptyItems,
    areItemsAvailable,
    accumulatedCount
  } = useGetAccumulatedItems({
    collectionRepository,
    collectionId
  })

  async function handleLoadMoreOnBottomReach(currentPagination: CollectionItemsPaginationInfo) {
    let paginationInfoToSend = currentPagination
    if (totalAvailable !== undefined) {
      paginationInfoToSend = currentPagination.goToNextPage()
    }

    const totalItemsCount = await loadMore(paginationInfoToSend, currentSearchCriteria)

    if (totalItemsCount !== undefined) {
      const paginationInfoUpdated = paginationInfoToSend.withTotal(totalItemsCount)
      setPaginationInfo(paginationInfoUpdated)
    }
  }

  const handleSearchSubmit = async (searchValue: string) => {
    itemsListContainerRef.current?.scrollTo({ top: 0 })

    const resetPaginationInfo = new CollectionItemsPaginationInfo()
    setPaginationInfo(resetPaginationInfo)

    if (searchValue === '') {
      // Update the URL without the search value, keep other querys
      setSearchParams((currentSearchParams) => {
        currentSearchParams.delete(QueryParamKey.QUERY)
        return currentSearchParams
      })
    } else {
      // Update the URL with the search value ,keep other querys and include all item types always
      setSearchParams((currentSearchParams) => {
        currentSearchParams.set(
          CollectionItemsQueryParams.TYPES,
          [CollectionItemType.COLLECTION, CollectionItemType.DATASET, CollectionItemType.FILE].join(
            ','
          )
        )

        currentSearchParams.set(QueryParamKey.QUERY, searchValue)

        return currentSearchParams
      })
    }

    // WHEN SEARCHING, WE RESET THE PAGINATION INFO AND KEEP ALL ITEM TYPES!!
    const newCollectionSearchCriteria = new CollectionSearchCriteria(
      searchValue === '' ? undefined : searchValue,
      [CollectionItemType.COLLECTION, CollectionItemType.DATASET, CollectionItemType.FILE]
    )

    const totalItemsCount = await loadMore(resetPaginationInfo, newCollectionSearchCriteria, true)

    if (totalItemsCount !== undefined) {
      const paginationInfoUpdated = resetPaginationInfo.withTotal(totalItemsCount)
      setPaginationInfo(paginationInfoUpdated)
    }
  }

  const handleItemsTypeChange = async (itemTypeChange: ItemTypeChange) => {
    const { type, checked } = itemTypeChange

    // These istanbul comments are only because checking if itemTypes is undefined is not possible is just a good defensive code to have
    const newItemsTypes = checked
      ? [...new Set([...(currentSearchCriteria?.itemTypes ?? /* istanbul ignore next */ []), type])]
      : (currentSearchCriteria.itemTypes ?? /* istanbul ignore next */ []).filter(
          (itemType) => itemType !== type
        )

    itemsListContainerRef.current?.scrollTo({ top: 0 })

    const resetPaginationInfo = new CollectionItemsPaginationInfo()
    setPaginationInfo(resetPaginationInfo)

    // Update the URL with the new item types, keep other querys
    setSearchParams((currentSearchParams) => {
      currentSearchParams.set(CollectionItemsQueryParams.TYPES, newItemsTypes.join(','))

      return currentSearchParams
    })

    const newCollectionSearchCriteria = new CollectionSearchCriteria(
      currentSearchCriteria.searchText,
      newItemsTypes,
      undefined,
      undefined,
      currentSearchCriteria.filterQueries
    )

    const totalItemsCount = await loadMore(resetPaginationInfo, newCollectionSearchCriteria, true)

    if (totalItemsCount !== undefined) {
      const paginationInfoUpdated = resetPaginationInfo.withTotal(totalItemsCount)
      setPaginationInfo(paginationInfoUpdated)
    }
  }

  const handleFacetChange = async (filterQuery: FilterQuery, removeOrAdd: RemoveAddFacetFilter) => {
    const newFilterQueries =
      removeOrAdd === RemoveAddFacetFilter.ADD
        ? [
            ...new Set([
              ...(currentSearchCriteria?.filterQueries ?? /* istanbul ignore next */ []),
              filterQuery
            ])
          ]
        : (currentSearchCriteria.filterQueries ?? /* istanbul ignore next */ []).filter(
            (fQuery) => fQuery !== filterQuery
          )

    itemsListContainerRef.current?.scrollTo({ top: 0 })

    const resetPaginationInfo = new CollectionItemsPaginationInfo()
    setPaginationInfo(resetPaginationInfo)

    const newFilterQueriesWithFacetValueEncoded = newFilterQueries.map((fq) => {
      const [facetName, facetValue] = fq.split(':')
      return `${facetName}:${encodeURIComponent(facetValue)}`
    })

    // Update the URL with the new facets, keep other querys and include the search value if exists
    setSearchParams((currentSearchParams) => {
      currentSearchParams.set(
        CollectionItemsQueryParams.FILTER_QUERIES,
        newFilterQueriesWithFacetValueEncoded.join(',')
      )

      return currentSearchParams
    })

    const newCollectionSearchCriteria = new CollectionSearchCriteria(
      currentSearchCriteria.searchText,
      currentSearchCriteria.itemTypes,
      undefined,
      undefined,
      newFilterQueries
    )

    const totalItemsCount = await loadMore(resetPaginationInfo, newCollectionSearchCriteria, true)

    if (totalItemsCount !== undefined) {
      const paginationInfoUpdated = resetPaginationInfo.withTotal(totalItemsCount)
      setPaginationInfo(paginationInfoUpdated)
    }
  }

  async function loadItemsOnBackAndForwardNavigation() {
    const searchParams = new URLSearchParams(window.location.search)
    const collectionQueryParams = CollectionHelper.defineCollectionQueryParams(searchParams)

    const newCollectionSearchCriteria = new CollectionSearchCriteria(
      collectionQueryParams.searchQuery,
      collectionQueryParams.typesQuery,
      undefined,
      undefined,
      collectionQueryParams.filtersQuery
    )

    const newPaginationInfo = new CollectionItemsPaginationInfo()
    const totalItemsCount = await loadMore(newPaginationInfo, newCollectionSearchCriteria, true)

    if (totalItemsCount !== undefined) {
      const paginationInfoUpdated = newPaginationInfo.withTotal(totalItemsCount)
      setPaginationInfo(paginationInfoUpdated)
    }
  }

  const showSelectedFacets =
    currentSearchCriteria.filterQueries && currentSearchCriteria.filterQueries.length > 0

  useEffect(() => {
    setIsLoading(isLoadingItems)
  }, [isLoadingItems, setIsLoading])

  return (
    <section className={styles['items-panel']}>
      <header className={styles['top-wrapper']}>
        <SearchPanel
          onSubmitSearch={handleSearchSubmit}
          currentSearchValue={currentSearchCriteria.searchText}
          isLoadingCollectionItems={isLoadingItems}
        />
        <div className={styles['add-data-slot']}>{addDataSlot}</div>
      </header>

      <div className={styles['bottom-wrapper']}>
        <FilterPanel
          currentItemTypes={currentSearchCriteria.itemTypes}
          onItemTypesChange={handleItemsTypeChange}
          currentFilterQueries={currentSearchCriteria.filterQueries}
          facets={facets}
          onFacetChange={handleFacetChange}
          isLoadingCollectionItems={isLoadingItems}
        />

        <Stack direction="vertical" gap={2}>
          {showSelectedFacets && facets.length > 0 && (
            <SelectedFacets
              onRemoveFacet={(filterQuery: FilterQuery) =>
                handleFacetChange(filterQuery, RemoveAddFacetFilter.REMOVE)
              }
              selectedFilterQueries={currentSearchCriteria.filterQueries}
              isLoadingCollectionItems={isLoadingItems}
            />
          )}

          <ItemsList
            parentCollectionAlias={collectionId}
            items={accumulatedItems}
            error={error}
            accumulatedCount={accumulatedCount}
            isLoadingItems={isLoadingItems}
            areItemsAvailable={areItemsAvailable}
            hasNextPage={hasNextPage}
            isEmptyItems={isEmptyItems}
            hasSearchValue={currentSearchCriteria.hasSearchText()}
            itemsTypesSelected={currentSearchCriteria.itemTypes as CollectionItemType[]}
            filterQueriesSelected={currentSearchCriteria.filterQueries ?? []}
            paginationInfo={paginationInfo}
            onBottomReach={handleLoadMoreOnBottomReach}
            ref={itemsListContainerRef}
          />
        </Stack>
      </div>
    </section>
  )
}

1	import { useEffect, useRef, useState } from 'react'
2	import { useSearchParams } from 'react-router-dom'
3	import { Stack } from '@iqss/dataverse-design-system'
4	import { CollectionRepository } from '@/collection/domain/repositories/CollectionRepository'
5	import { CollectionItemsPaginationInfo } from '@/collection/domain/models/CollectionItemsPaginationInfo'
6	import {
7	CollectionSearchCriteria,
8	FilterQuery
9	} from '@/collection/domain/models/CollectionSearchCriteria'
10	import { CollectionItemType } from '@/collection/domain/models/CollectionItemType'
11	import { CollectionItemsQueryParams } from '@/collection/domain/models/CollectionItemsQueryParams'
12	import { useGetAccumulatedItems } from './useGetAccumulatedItems'
13	import { UseCollectionQueryParamsReturnType } from '../useGetCollectionQueryParams'
14	import { useLoadMoreOnPopStateEvent } from './useLoadMoreOnPopStateEvent'
15	import { useLoading } from '@/sections/loading/LoadingContext'
16	import { QueryParamKey } from '../../Route.enum'
17	import { CollectionHelper } from '../CollectionHelper'
18	import { FilterPanel } from './filter-panel/FilterPanel'
19	import { ItemsList } from './items-list/ItemsList'
20	import { SearchPanel } from './search-panel/SearchPanel'
21	import { ItemTypeChange } from './filter-panel/type-filters/TypeFilters'
22	import { RemoveAddFacetFilter } from './filter-panel/facets-filters/FacetFilterGroup'
23	import { SelectedFacets } from './selected-facets/SelectedFacets'
24	import styles from './CollectionItemsPanel.module.scss'
25
26	interface CollectionItemsPanelProps {
27	collectionId: string
28	collectionRepository: CollectionRepository
29	collectionQueryParams: UseCollectionQueryParamsReturnType
30	addDataSlot: JSX.Element \| null
31	}
32
33	/**
34	* HOW IT WORKS:
35	* This component loads items on 5 different scenarios:
36	* 1. When the component mounts
37	* 2. When the user scrolls to the bottom of the list and there are more items to load
38	* 3. When the user submits a search query in the search panel
39	* 4. When the user changes the item types in the filter panel
40	* 5. When the user selects or removes a facet filter
41	* 6. When the user navigates back and forward in the browser
42	*
43	* It initializes the search criteria with the query params in the URL.
44	* By default if no query params are present in the URL, the search query is empty and the item types are COLLECTION and DATASET.
45	* Every time a load of items is triggered, the pagination info is updated and the URL is updated with the new query params so it can be shared and the user can navigate back and forward in the browser.
46	*/
47
48	export const CollectionItemsPanel = ({	33✔
49	collectionId,
50	collectionRepository,
51	collectionQueryParams,
52	addDataSlot
53	}: CollectionItemsPanelProps) => {	670✔
54	const { setIsLoading } = useLoading()	670✔
55	const [_, setSearchParams] = useSearchParams()	670✔
56
57	useLoadMoreOnPopStateEvent(loadItemsOnBackAndForwardNavigation)	670✔
58
59	// This object will update every time we update a query param in the URL with the setSearchParams setter
60	const currentSearchCriteria = new CollectionSearchCriteria(	670✔
61	collectionQueryParams.searchQuery,
62	collectionQueryParams.typesQuery \|\| [CollectionItemType.COLLECTION, CollectionItemType.DATASET],	1,200✔
63	undefined,
64	undefined,
65	collectionQueryParams.filtersQuery
66	)
67
68	const [paginationInfo, setPaginationInfo] = useState<CollectionItemsPaginationInfo>(	670✔
69	new CollectionItemsPaginationInfo()
70	)
71	const itemsListContainerRef = useRef<HTMLDivElement \| null>(null)	670✔
72
73	const {
74	isLoadingItems,
75	accumulatedItems,
76	facets,
77	totalAvailable,
78	hasNextPage,
79	error,
80	loadMore,
81	isEmptyItems,
82	areItemsAvailable,
83	accumulatedCount
84	} = useGetAccumulatedItems({	670✔
85	collectionRepository,
86	collectionId
87	})
88
89	async function handleLoadMoreOnBottomReach(currentPagination: CollectionItemsPaginationInfo) {
90	let paginationInfoToSend = currentPagination	228✔
91	if (totalAvailable !== undefined) {	228✔
92	paginationInfoToSend = currentPagination.goToNextPage()	16✔
93	}
94
95	const totalItemsCount = await loadMore(paginationInfoToSend, currentSearchCriteria)	228✔
96
97	if (totalItemsCount !== undefined) {	228✔
98	const paginationInfoUpdated = paginationInfoToSend.withTotal(totalItemsCount)	209✔
99	setPaginationInfo(paginationInfoUpdated)	209✔
100	}
101	}
102
103	const handleSearchSubmit = async (searchValue: string) => {	670✔
104	itemsListContainerRef.current?.scrollTo({ top: 0 })	12✔
105
106	const resetPaginationInfo = new CollectionItemsPaginationInfo()	12✔
107	setPaginationInfo(resetPaginationInfo)	12✔
108
109	if (searchValue === '') {	12✔
110	// Update the URL without the search value, keep other querys
111	setSearchParams((currentSearchParams) => {	6✔
112	currentSearchParams.delete(QueryParamKey.QUERY)	6✔
113	return currentSearchParams	6✔
114	})
115	} else {
116	// Update the URL with the search value ,keep other querys and include all item types always
117	setSearchParams((currentSearchParams) => {	6✔
118	currentSearchParams.set(	6✔
119	CollectionItemsQueryParams.TYPES,
120	[CollectionItemType.COLLECTION, CollectionItemType.DATASET, CollectionItemType.FILE].join(
121	','
122	)
123	)
124
125	currentSearchParams.set(QueryParamKey.QUERY, searchValue)	6✔
126
127	return currentSearchParams	6✔
128	})
129	}
130
131	// WHEN SEARCHING, WE RESET THE PAGINATION INFO AND KEEP ALL ITEM TYPES!!
132	const newCollectionSearchCriteria = new CollectionSearchCriteria(	12✔
133	searchValue === '' ? undefined : searchValue,	12✔
134	[CollectionItemType.COLLECTION, CollectionItemType.DATASET, CollectionItemType.FILE]
135	)
136
137	const totalItemsCount = await loadMore(resetPaginationInfo, newCollectionSearchCriteria, true)	12✔
138
139	if (totalItemsCount !== undefined) {	12✔
140	const paginationInfoUpdated = resetPaginationInfo.withTotal(totalItemsCount)	12✔
141	setPaginationInfo(paginationInfoUpdated)	12✔
142	}
143	}
144
145	const handleItemsTypeChange = async (itemTypeChange: ItemTypeChange) => {	670✔
146	const { type, checked } = itemTypeChange	27✔
147
148	// These istanbul comments are only because checking if itemTypes is undefined is not possible is just a good defensive code to have
149	const newItemsTypes = checked	27✔
150	? [...new Set([...(currentSearchCriteria?.itemTypes ?? /* istanbul ignore next */ []), type])]	9✔
151	: (currentSearchCriteria.itemTypes ?? /* istanbul ignore next */ []).filter(	18✔
152	(itemType) => itemType !== type	36✔
153	)
154
155	itemsListContainerRef.current?.scrollTo({ top: 0 })	27✔
156
157	const resetPaginationInfo = new CollectionItemsPaginationInfo()	27✔
158	setPaginationInfo(resetPaginationInfo)	27✔
159
160	// Update the URL with the new item types, keep other querys
161	setSearchParams((currentSearchParams) => {	27✔
162	currentSearchParams.set(CollectionItemsQueryParams.TYPES, newItemsTypes.join(','))	27✔
163
164	return currentSearchParams	27✔
165	})
166
167	const newCollectionSearchCriteria = new CollectionSearchCriteria(	27✔
168	currentSearchCriteria.searchText,
169	newItemsTypes,
170	undefined,
171	undefined,
172	currentSearchCriteria.filterQueries
173	)
174
175	const totalItemsCount = await loadMore(resetPaginationInfo, newCollectionSearchCriteria, true)	27✔
176
177	if (totalItemsCount !== undefined) {	27✔
178	const paginationInfoUpdated = resetPaginationInfo.withTotal(totalItemsCount)	27✔
179	setPaginationInfo(paginationInfoUpdated)	27✔
180	}
181	}
182
183	const handleFacetChange = async (filterQuery: FilterQuery, removeOrAdd: RemoveAddFacetFilter) => {	670✔
184	const newFilterQueries =
185	removeOrAdd === RemoveAddFacetFilter.ADD	6!
186	? [
187	...new Set([
188	...(currentSearchCriteria?.filterQueries ?? /* istanbul ignore next */ []),	×
189	filterQuery
190	])
191	]
192	: (currentSearchCriteria.filterQueries ?? /* istanbul ignore next */ []).filter(	6✔
193	(fQuery) => fQuery !== filterQuery	12✔
194	)
195
196	itemsListContainerRef.current?.scrollTo({ top: 0 })	6✔
197
198	const resetPaginationInfo = new CollectionItemsPaginationInfo()	6✔
199	setPaginationInfo(resetPaginationInfo)	6✔
200
201	const newFilterQueriesWithFacetValueEncoded = newFilterQueries.map((fq) => {	6✔
202	const [facetName, facetValue] = fq.split(':')	6✔
203	return `${facetName}:${encodeURIComponent(facetValue)}`	6✔
204	})
205
206	// Update the URL with the new facets, keep other querys and include the search value if exists
207	setSearchParams((currentSearchParams) => {	6✔
208	currentSearchParams.set(	6✔
209	CollectionItemsQueryParams.FILTER_QUERIES,
210	newFilterQueriesWithFacetValueEncoded.join(',')
211	)
212
213	return currentSearchParams	6✔
214	})
215
216	const newCollectionSearchCriteria = new CollectionSearchCriteria(	6✔
217	currentSearchCriteria.searchText,
218	currentSearchCriteria.itemTypes,
219	undefined,
220	undefined,
221	newFilterQueries
222	)
223
224	const totalItemsCount = await loadMore(resetPaginationInfo, newCollectionSearchCriteria, true)	6✔
225
226	if (totalItemsCount !== undefined) {	6✔
227	const paginationInfoUpdated = resetPaginationInfo.withTotal(totalItemsCount)	6✔
228	setPaginationInfo(paginationInfoUpdated)	6✔
229	}
230	}
231
232	async function loadItemsOnBackAndForwardNavigation() {
233	const searchParams = new URLSearchParams(window.location.search)	×
UNCOV 234	const collectionQueryParams = CollectionHelper.defineCollectionQueryParams(searchParams)	×
235
UNCOV 236	const newCollectionSearchCriteria = new CollectionSearchCriteria(	×
237	collectionQueryParams.searchQuery,
238	collectionQueryParams.typesQuery,
239	undefined,
240	undefined,
241	collectionQueryParams.filtersQuery
242	)
243
244	const newPaginationInfo = new CollectionItemsPaginationInfo()	×
UNCOV 245	const totalItemsCount = await loadMore(newPaginationInfo, newCollectionSearchCriteria, true)	×
246
247	if (totalItemsCount !== undefined) {	×
248	const paginationInfoUpdated = newPaginationInfo.withTotal(totalItemsCount)	×
UNCOV 249	setPaginationInfo(paginationInfoUpdated)	×
250	}
251	}
252
253	const showSelectedFacets =
254	currentSearchCriteria.filterQueries && currentSearchCriteria.filterQueries.length > 0	670✔
255
256	useEffect(() => {	670✔
257	setIsLoading(isLoadingItems)	395✔
258	}, [isLoadingItems, setIsLoading])
259
260	return (	670✔
261	<section className={styles['items-panel']}>
262	<header className={styles['top-wrapper']}>
263	<SearchPanel
264	onSubmitSearch={handleSearchSubmit}
265	currentSearchValue={currentSearchCriteria.searchText}
266	isLoadingCollectionItems={isLoadingItems}
267	/>
268	<div className={styles['add-data-slot']}>{addDataSlot}</div>
269	</header>
270
271	<div className={styles['bottom-wrapper']}>
272	<FilterPanel
273	currentItemTypes={currentSearchCriteria.itemTypes}
274	onItemTypesChange={handleItemsTypeChange}
275	currentFilterQueries={currentSearchCriteria.filterQueries}
276	facets={facets}
277	onFacetChange={handleFacetChange}
278	isLoadingCollectionItems={isLoadingItems}
279	/>
280
281	<Stack direction="vertical" gap={2}>
282	{showSelectedFacets && facets.length > 0 && (	743✔
283	<SelectedFacets
284	onRemoveFacet={(filterQuery: FilterQuery) =>
NEW 285	handleFacetChange(filterQuery, RemoveAddFacetFilter.REMOVE)	×
286	}
287	selectedFilterQueries={currentSearchCriteria.filterQueries}
288	isLoadingCollectionItems={isLoadingItems}
289	/>
290	)}
291
292	<ItemsList
293	parentCollectionAlias={collectionId}
294	items={accumulatedItems}
295	error={error}
296	accumulatedCount={accumulatedCount}
297	isLoadingItems={isLoadingItems}
298	areItemsAvailable={areItemsAvailable}
299	hasNextPage={hasNextPage}
300	isEmptyItems={isEmptyItems}
301	hasSearchValue={currentSearchCriteria.hasSearchText()}
302	itemsTypesSelected={currentSearchCriteria.itemTypes as CollectionItemType[]}
303	filterQueriesSelected={currentSearchCriteria.filterQueries ?? []}	1,282✔
304	paginationInfo={paginationInfo}
305	onBottomReach={handleLoadMoreOnBottomReach}
306	ref={itemsListContainerRef}
307	/>
308	</Stack>
309	</div>
310	</section>
311	)
312	}	33✔

IQSS / dataverse-frontend / 12303659001

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous