@internetarchive/collection-browser 1.14.14-alpha.1 → 1.14.16-alpha.1

package/dist/src/data-source/collection-browser-data-source.js

@@ -0,0 +1,742 @@
+import { FilterConstraint, FilterMapBuilder, SearchType, } from '@internetarchive/search-service';
+import { prefixFilterAggregationKeys, } from '../models';
+import { sha1 } from '../utils/sha1';
+export class CollectionBrowserDataSource {
+    constructor(
+    /** The host element to which this controller should attach listeners */
+    host, 
+    /** Default size of result pages */
+    pageSize) {
+        this.host = host;
+        this.pageSize = pageSize;
+        this.pages = {};
+        this.offset = 0;
+        this.numTileModels = 0;
+        /**
+         * Maps the full query key to the pages being fetched for that query
+         */
+        this.pageFetchesInProgress = {};
+        this.totalResults = 0;
+        this.endOfDataReached = false;
+        /**
+         * @inheritdoc
+         */
+        this.collectionTitles = new Map();
+        /**
+         * @inheritdoc
+         */
+        this.parentCollections = [];
+        /**
+         * @inheritdoc
+         */
+        this.prefixFilterCountMap = {};
+        this.host.addController(this);
+    }
+    /**
+     * @inheritdoc
+     */
+    get size() {
+        return this.numTileModels;
+    }
+    /**
+     * @inheritdoc
+     */
+    addPage(pageNum, pageTiles) {
+        this.pages[pageNum] = pageTiles;
+        this.numTileModels += pageTiles.length;
+        this.host.requestUpdate();
+    }
+    /**
+     * @inheritdoc
+     */
+    getPage(pageNum) {
+        return this.pages[pageNum];
+    }
+    /**
+     * @inheritdoc
+     */
+    hasPage(pageNum) {
+        return !!this.pages[pageNum];
+    }
+    /**
+     * @inheritdoc
+     */
+    getTileModelAt(index) {
+        var _a;
+        const pageNum = Math.floor(index / this.pageSize) + 1;
+        const indexOnPage = index % this.pageSize;
+        return (_a = this.pages[pageNum]) === null || _a === void 0 ? void 0 : _a[indexOnPage];
+    }
+    /**
+     * @inheritdoc
+     */
+    setPageSize(pageSize) {
+        this.reset();
+        this.pageSize = pageSize;
+    }
+    /**
+     * @inheritdoc
+     */
+    reset() {
+        this.pages = {};
+        this.aggregations = {};
+        this.yearHistogramAggregation = undefined;
+        this.pageFetchesInProgress = {};
+        this.offset = 0;
+        this.numTileModels = 0;
+        this.totalResults = 0;
+        this.host.requestUpdate();
+    }
+    /**
+     * @inheritdoc
+     */
+    async handleQueryChange() {
+        this.reset();
+        await Promise.all([
+            this.doInitialPageFetch(),
+            this.host.suppressFacets ? null : this.fetchFacets(),
+        ]);
+    }
+    /**
+     * @inheritdoc
+     */
+    map(callback) {
+        this.pages = Object.fromEntries(Object.entries(this.pages).map(([page, tileModels]) => [
+            page,
+            tileModels.map((model, index, array) => model ? callback(model, index, array) : model),
+        ]));
+        this.host.requestUpdate();
+    }
+    /**
+     * @inheritdoc
+     */
+    checkAllTiles() {
+        this.map(model => ({ ...model, checked: true }));
+    }
+    /**
+     * @inheritdoc
+     */
+    uncheckAllTiles() {
+        this.map(model => ({ ...model, checked: false }));
+    }
+    /**
+     * @inheritdoc
+     */
+    removeCheckedTiles() {
+        // To make sure our data source remains page-aligned, we will offset our data source by
+        // the number of removed tiles, so that we can just add the offset when the infinite
+        // scroller queries for cell contents.
+        // This only matters while we're still viewing the same set of results. If the user changes
+        // their query/filters/sort, then the data source is overwritten and the offset cleared.
+        const { checkedTileModels, uncheckedTileModels } = this;
+        const numChecked = checkedTileModels.length;
+        if (numChecked === 0)
+            return;
+        this.offset += numChecked;
+        const newPages = {};
+        // Which page the remaining tile models start on, post-offset
+        let offsetPageNumber = Math.floor(this.offset / this.pageSize) + 1;
+        let indexOnPage = this.offset % this.pageSize;
+        // Fill the pages up to that point with empty models
+        for (let page = 1; page <= offsetPageNumber; page += 1) {
+            const remainingHidden = this.offset - this.pageSize * (page - 1);
+            const offsetCellsOnPage = Math.min(this.pageSize, remainingHidden);
+            newPages[page] = Array(offsetCellsOnPage).fill(undefined);
+        }
+        // Shift all the remaining tiles into their new positions in the data source
+        for (const model of uncheckedTileModels) {
+            if (!newPages[offsetPageNumber])
+                newPages[offsetPageNumber] = [];
+            newPages[offsetPageNumber].push(model);
+            indexOnPage += 1;
+            if (indexOnPage >= this.pageSize) {
+                offsetPageNumber += 1;
+                indexOnPage = 0;
+            }
+        }
+        // Swap in the new pages
+        this.pages = newPages;
+        this.numTileModels -= numChecked;
+        this.host.requestUpdate();
+    }
+    /**
+     * @inheritdoc
+     */
+    get checkedTileModels() {
+        return this.getFilteredTileModels(model => model.checked);
+    }
+    /**
+     * @inheritdoc
+     */
+    get uncheckedTileModels() {
+        return this.getFilteredTileModels(model => !model.checked);
+    }
+    /**
+     * Returns a flattened, filtered array of all the tile models in the data source
+     * for which the given predicate returns a truthy value.
+     *
+     * @param predicate A callback function to apply on each tile model, as with Array.filter
+     * @returns A filtered array of tile models satisfying the predicate
+     */
+    getFilteredTileModels(predicate) {
+        return Object.values(this.pages)
+            .flat()
+            .filter((model, index, array) => model ? predicate(model, index, array) : false);
+    }
+    // DATA FETCHES
+    /**
+     * @inheritdoc
+     */
+    get canPerformSearch() {
+        var _a;
+        if (!this.host.searchService)
+            return false;
+        const trimmedQuery = (_a = this.host.baseQuery) === null || _a === void 0 ? void 0 : _a.trim();
+        const hasNonEmptyQuery = !!trimmedQuery;
+        const isCollectionSearch = !!this.host.withinCollection;
+        const isMetadataSearch = this.host.searchType === SearchType.METADATA;
+        // Metadata searches within a collection are allowed to have no query.
+        // Otherwise, a non-empty query must be set.
+        return hasNonEmptyQuery || (isCollectionSearch && isMetadataSearch);
+    }
+    /**
+     * The query key is a string that uniquely identifies the current search.
+     * It consists of:
+     *  - The current base query
+     *  - The current collection
+     *  - The current search type
+     *  - Any currently-applied facets
+     *  - Any currently-applied date range
+     *  - Any currently-applied prefix filters
+     *  - The current sort options
+     *
+     * This lets us keep track of queries so we don't persist data that's
+     * no longer relevant.
+     */
+    get pageFetchQueryKey() {
+        var _a, _b, _c, _d;
+        const sortField = (_b = (_a = this.host.sortParam) === null || _a === void 0 ? void 0 : _a.field) !== null && _b !== void 0 ? _b : 'none';
+        const sortDirection = (_d = (_c = this.host.sortParam) === null || _c === void 0 ? void 0 : _c.direction) !== null && _d !== void 0 ? _d : 'none';
+        return `${this.fullQuery}-${this.host.withinCollection}-${this.host.searchType}-${sortField}-${sortDirection}`;
+    }
+    /**
+     * Similar to `pageFetchQueryKey` above, but excludes sort fields since they
+     * are not relevant in determining aggregation queries.
+     */
+    get facetFetchQueryKey() {
+        return `${this.fullQuery}-${this.host.withinCollection}-${this.host.searchType}`;
+    }
+    /**
+     * Constructs a search service FilterMap object from the combination of
+     * all the currently-applied filters. This includes any facets, letter
+     * filters, and date range.
+     */
+    get filterMap() {
+        const builder = new FilterMapBuilder();
+        // Add the date range, if applicable
+        if (this.host.minSelectedDate) {
+            builder.addFilter('year', this.host.minSelectedDate, FilterConstraint.GREATER_OR_EQUAL);
+        }
+        if (this.host.maxSelectedDate) {
+            builder.addFilter('year', this.host.maxSelectedDate, FilterConstraint.LESS_OR_EQUAL);
+        }
+        // Add any selected facets
+        if (this.host.selectedFacets) {
+            for (const [facetName, facetValues] of Object.entries(this.host.selectedFacets)) {
+                const { name, values } = this.prepareFacetForFetch(facetName, facetValues);
+                for (const [value, bucket] of Object.entries(values)) {
+                    let constraint;
+                    if (bucket.state === 'selected') {
+                        constraint = FilterConstraint.INCLUDE;
+                    }
+                    else if (bucket.state === 'hidden') {
+                        constraint = FilterConstraint.EXCLUDE;
+                    }
+                    if (constraint) {
+                        builder.addFilter(name, value, constraint);
+                    }
+                }
+            }
+        }
+        // Add any letter filters
+        if (this.host.selectedTitleFilter) {
+            builder.addFilter('firstTitle', this.host.selectedTitleFilter, FilterConstraint.INCLUDE);
+        }
+        if (this.host.selectedCreatorFilter) {
+            builder.addFilter('firstCreator', this.host.selectedCreatorFilter, FilterConstraint.INCLUDE);
+        }
+        const filterMap = builder.build();
+        return filterMap;
+    }
+    /**
+     * Produces a compact unique ID for a search request that can help with debugging
+     * on the backend by making related requests easier to trace through different services.
+     * (e.g., tying the hits/aggregations requests for the same page back to a single hash).
+     *
+     * @param params The search service parameters for the request
+     * @param kind The kind of request (hits-only, aggregations-only, or both)
+     * @returns A Promise resolving to the uid to apply to the request
+     */
+    async requestUID(params, kind) {
+        var _a;
+        const paramsToHash = JSON.stringify({
+            pageType: params.pageType,
+            pageTarget: params.pageTarget,
+            query: params.query,
+            fields: params.fields,
+            filters: params.filters,
+            sort: params.sort,
+            searchType: this.host.searchType,
+        });
+        const fullQueryHash = (await sha1(paramsToHash)).slice(0, 20); // First 80 bits of SHA-1 are plenty for this
+        const sessionId = (await this.host.getSessionId()).slice(0, 20); // Likewise
+        const page = (_a = params.page) !== null && _a !== void 0 ? _a : 0;
+        const kindPrefix = kind.charAt(0); // f = full, h = hits, a = aggregations
+        const currentTime = Date.now();
+        return `R:${fullQueryHash}-S:${sessionId}-P:${page}-K:${kindPrefix}-T:${currentTime}`;
+    }
+    /**
+     * @inheritdoc
+     */
+    get collectionParams() {
+        return this.host.withinCollection
+            ? {
+                pageType: 'collection_details',
+                pageTarget: this.host.withinCollection,
+            }
+            : null;
+    }
+    /**
+     * The full query, including year facets and date range clauses
+     */
+    get fullQuery() {
+        var _a, _b;
+        let fullQuery = (_b = (_a = this.host.baseQuery) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
+        const { facetQuery, dateRangeQueryClause, sortFilterQueries } = this;
+        if (facetQuery) {
+            fullQuery += ` AND ${facetQuery}`;
+        }
+        if (dateRangeQueryClause) {
+            fullQuery += ` AND ${dateRangeQueryClause}`;
+        }
+        if (sortFilterQueries) {
+            fullQuery += ` AND ${sortFilterQueries}`;
+        }
+        return fullQuery.trim();
+    }
+    /**
+     * Generates a query string representing the current set of applied facets
+     *
+     * Example: `mediatype:("collection" OR "audio" OR -"etree") AND year:("2000" OR "2001")`
+     */
+    get facetQuery() {
+        var _a;
+        if (!this.host.selectedFacets)
+            return undefined;
+        const facetClauses = [];
+        for (const [facetName, facetValues] of Object.entries(this.host.selectedFacets)) {
+            facetClauses.push(this.buildFacetClause(facetName, facetValues));
+        }
+        return (_a = this.joinFacetClauses(facetClauses)) === null || _a === void 0 ? void 0 : _a.trim();
+    }
+    get dateRangeQueryClause() {
+        if (!this.host.minSelectedDate || !this.host.maxSelectedDate) {
+            return undefined;
+        }
+        return `year:[${this.host.minSelectedDate} TO ${this.host.maxSelectedDate}]`;
+    }
+    get sortFilterQueries() {
+        const queries = [this.titleQuery, this.creatorQuery];
+        return queries.filter(q => q).join(' AND ');
+    }
+    /**
+     * Returns a query clause identifying the currently selected title filter,
+     * e.g., `firstTitle:X`.
+     */
+    get titleQuery() {
+        return this.host.selectedTitleFilter
+            ? `firstTitle:${this.host.selectedTitleFilter}`
+            : undefined;
+    }
+    /**
+     * Returns a query clause identifying the currently selected creator filter,
+     * e.g., `firstCreator:X`.
+     */
+    get creatorQuery() {
+        return this.host.selectedCreatorFilter
+            ? `firstCreator:${this.host.selectedCreatorFilter}`
+            : undefined;
+    }
+    /**
+     * Builds an OR-joined facet clause for the given facet name and values.
+     *
+     * E.g., for name `subject` and values
+     * `{ foo: { state: 'selected' }, bar: { state: 'hidden' } }`
+     * this will produce the clause
+     * `subject:("foo" OR -"bar")`.
+     *
+     * @param facetName The facet type (e.g., 'collection')
+     * @param facetValues The facet buckets, mapped by their keys
+     */
+    buildFacetClause(facetName, facetValues) {
+        const { name: facetQueryName, values } = this.prepareFacetForFetch(facetName, facetValues);
+        const facetEntries = Object.entries(values);
+        if (facetEntries.length === 0)
+            return '';
+        const facetValuesArray = [];
+        for (const [key, facetData] of facetEntries) {
+            const plusMinusPrefix = facetData.state === 'hidden' ? '-' : '';
+            facetValuesArray.push(`${plusMinusPrefix}"${key}"`);
+        }
+        const valueQuery = facetValuesArray.join(` OR `);
+        return `${facetQueryName}:(${valueQuery})`;
+    }
+    /**
+     * Handles some special pre-request normalization steps for certain facet types
+     * that require them.
+     *
+     * @param facetName The name of the facet type (e.g., 'language')
+     * @param facetValues An array of values for that facet type
+     */
+    prepareFacetForFetch(facetName, facetValues) {
+        // eslint-disable-next-line prefer-const
+        let [normalizedName, normalizedValues] = [facetName, facetValues];
+        // The full "search engine" name of the lending field is "lending___status"
+        if (facetName === 'lending') {
+            normalizedName = 'lending___status';
+        }
+        return {
+            name: normalizedName,
+            values: normalizedValues,
+        };
+    }
+    /**
+     * Takes an array of facet clauses, and combines them into a
+     * full AND-joined facet query string. Empty clauses are ignored.
+     */
+    joinFacetClauses(facetClauses) {
+        const nonEmptyFacetClauses = facetClauses.filter(clause => clause.length > 0);
+        return nonEmptyFacetClauses.length > 0
+            ? `(${nonEmptyFacetClauses.join(' AND ')})`
+            : undefined;
+    }
+    /**
+     * Fires a backend request to fetch a set of aggregations (representing UI facets) for
+     * the current search state.
+     */
+    async fetchFacets() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const trimmedQuery = (_a = this.host.baseQuery) === null || _a === void 0 ? void 0 : _a.trim();
+        if (!this.canPerformSearch)
+            return;
+        const { facetFetchQueryKey } = this;
+        const sortParams = this.host.sortParam ? [this.host.sortParam] : [];
+        const params = {
+            ...this.collectionParams,
+            query: trimmedQuery || '',
+            rows: 0,
+            filters: this.filterMap,
+            // Fetch a few extra buckets beyond the 6 we show, in case some get suppressed
+            aggregationsSize: 10,
+            // Note: we don't need an aggregations param to fetch the default aggregations from the PPS.
+            // The default aggregations for the search_results page type should be what we need here.
+        };
+        params.uid = await this.requestUID({ ...params, sort: sortParams }, 'aggregations');
+        this.host.setFacetsLoading(true);
+        const searchResponse = await ((_b = this.host.searchService) === null || _b === void 0 ? void 0 : _b.search(params, this.host.searchType));
+        const success = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.success;
+        // This is checking to see if the query has changed since the data was fetched.
+        // If so, we just want to discard this set of aggregations because they are
+        // likely no longer valid for the newer query.
+        const queryChangedSinceFetch = facetFetchQueryKey !== this.facetFetchQueryKey;
+        if (queryChangedSinceFetch)
+            return;
+        if (!success) {
+            const errorMsg = (_c = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.error) === null || _c === void 0 ? void 0 : _c.message;
+            const detailMsg = (_e = (_d = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.error) === null || _d === void 0 ? void 0 : _d.details) === null || _e === void 0 ? void 0 : _e.message;
+            if (!errorMsg && !detailMsg) {
+                // @ts-ignore: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
+                (_g = (_f = window === null || window === void 0 ? void 0 : window.Sentry) === null || _f === void 0 ? void 0 : _f.captureMessage) === null || _g === void 0 ? void 0 : _g.call(_f, 'Missing or malformed facet response from backend', 'error');
+            }
+            return;
+        }
+        const { aggregations, collectionTitles } = success.response;
+        this.aggregations = aggregations;
+        if (collectionTitles) {
+            for (const [id, title] of Object.entries(collectionTitles)) {
+                this.collectionTitles.set(id, title);
+            }
+        }
+        this.yearHistogramAggregation =
+            (_j = (_h = success === null || success === void 0 ? void 0 : success.response) === null || _h === void 0 ? void 0 : _h.aggregations) === null || _j === void 0 ? void 0 : _j.year_histogram;
+        this.host.setFacetsLoading(false);
+    }
+    /**
+     * Performs the initial page fetch(es) for the current search state.
+     */
+    async doInitialPageFetch() {
+        this.host.setSearchResultsLoading(true);
+        // Try to batch 2 initial page requests when possible
+        await this.fetchPage(this.host.initialPageNumber, 2);
+        this.host.setSearchResultsLoading(false);
+    }
+    /**
+     * Fetches one or more pages of results and updates the data source.
+     *
+     * @param pageNumber The page number to fetch
+     * @param numInitialPages If this is an initial page fetch (`pageNumber = 1`),
+     *  specifies how many pages to batch together in one request. Ignored
+     *  if `pageNumber != 1`, defaulting to a single page.
+     */
+    async fetchPage(pageNumber, numInitialPages = 1) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        const trimmedQuery = (_a = this.host.baseQuery) === null || _a === void 0 ? void 0 : _a.trim();
+        if (!this.canPerformSearch)
+            return;
+        // if we already have data, don't fetch again
+        if (this.hasPage(pageNumber))
+            return;
+        if (this.endOfDataReached)
+            return;
+        // Batch multiple initial page requests together if needed (e.g., can request
+        // pages 1 and 2 together in a single request).
+        const numPages = pageNumber === 1 ? numInitialPages : 1;
+        const numRows = this.pageSize * numPages;
+        // if a fetch is already in progress for this query and page, don't fetch again
+        const { pageFetchQueryKey } = this;
+        const pageFetches = (_b = this.pageFetchesInProgress[pageFetchQueryKey]) !== null && _b !== void 0 ? _b : new Set();
+        if (pageFetches.has(pageNumber))
+            return;
+        for (let i = 0; i < numPages; i += 1) {
+            pageFetches.add(pageNumber + i);
+        }
+        this.pageFetchesInProgress[pageFetchQueryKey] = pageFetches;
+        const sortParams = this.host.sortParam ? [this.host.sortParam] : [];
+        const params = {
+            ...this.collectionParams,
+            query: trimmedQuery || '',
+            page: pageNumber,
+            rows: numRows,
+            sort: sortParams,
+            filters: this.filterMap,
+            aggregations: { omit: true },
+        };
+        params.uid = await this.requestUID(params, 'hits');
+        const searchResponse = await ((_c = this.host.searchService) === null || _c === void 0 ? void 0 : _c.search(params, this.host.searchType));
+        const success = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.success;
+        // This is checking to see if the query has changed since the data was fetched.
+        // If so, we just want to discard the data since there should be a new query
+        // right behind it.
+        const queryChangedSinceFetch = pageFetchQueryKey !== this.pageFetchQueryKey;
+        if (queryChangedSinceFetch)
+            return;
+        if (!success) {
+            const errorMsg = (_d = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.error) === null || _d === void 0 ? void 0 : _d.message;
+            const detailMsg = (_f = (_e = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.error) === null || _e === void 0 ? void 0 : _e.details) === null || _f === void 0 ? void 0 : _f.message;
+            this.host.queryErrorMessage = `${errorMsg !== null && errorMsg !== void 0 ? errorMsg : ''}${detailMsg ? `; ${detailMsg}` : ''}`;
+            if (!this.host.queryErrorMessage) {
+                this.host.queryErrorMessage =
+                    'Missing or malformed response from backend';
+                // @ts-ignore: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
+                (_h = (_g = window === null || window === void 0 ? void 0 : window.Sentry) === null || _g === void 0 ? void 0 : _g.captureMessage) === null || _h === void 0 ? void 0 : _h.call(_g, this.queryErrorMessage, 'error');
+            }
+            for (let i = 0; i < numPages; i += 1) {
+                (_j = this.pageFetchesInProgress[pageFetchQueryKey]) === null || _j === void 0 ? void 0 : _j.delete(pageNumber + i);
+            }
+            this.host.setSearchResultsLoading(false);
+            return;
+        }
+        this.totalResults = success.response.totalResults - this.offset;
+        // display event to offshoot when result count is zero.
+        if (this.totalResults === 0) {
+            this.host.emitEmptyResults();
+        }
+        if (this.host.withinCollection) {
+            this.collectionExtraInfo = success.response.collectionExtraInfo;
+            // For collections, we want the UI to respect the default sort option
+            // which can be specified in metadata, or otherwise assumed to be week:desc
+            this.host.applyDefaultCollectionSort(this.collectionExtraInfo);
+            if (this.collectionExtraInfo) {
+                this.parentCollections = [].concat((_l = (_k = this.collectionExtraInfo.public_metadata) === null || _k === void 0 ? void 0 : _k.collection) !== null && _l !== void 0 ? _l : []);
+            }
+        }
+        const { results, collectionTitles } = success.response;
+        if (results && results.length > 0) {
+            // Load any collection titles present on the response into the cache,
+            // or queue up preload fetches for them if none were present.
+            if (collectionTitles) {
+                for (const [id, title] of Object.entries(collectionTitles)) {
+                    this.collectionTitles.set(id, title);
+                }
+            }
+            // Update the data source for each returned page
+            for (let i = 0; i < numPages; i += 1) {
+                const pageStartIndex = this.pageSize * i;
+                this.addTilesToDataSource(pageNumber + i, results.slice(pageStartIndex, pageStartIndex + this.pageSize));
+            }
+        }
+        // When we reach the end of the data, we can set the infinite scroller's
+        // item count to the real total number of results (rather than the
+        // temporary estimates based on pages rendered so far).
+        const resultCountDiscrepancy = numRows - results.length;
+        if (resultCountDiscrepancy > 0) {
+            this.endOfDataReached = true;
+            this.host.setTotalResultCount(this.totalResults);
+        }
+        for (let i = 0; i < numPages; i += 1) {
+            (_m = this.pageFetchesInProgress[pageFetchQueryKey]) === null || _m === void 0 ? void 0 : _m.delete(pageNumber + i);
+        }
+    }
+    /**
+     * Update the datasource from the fetch response
+     *
+     * @param pageNumber
+     * @param results
+     */
+    addTilesToDataSource(pageNumber, results) {
+        // copy our existing datasource so when we set it below, it gets set
+        // instead of modifying the existing dataSource since object changes
+        // don't trigger a re-render
+        // const datasource = { ...this.dataSource };
+        const tiles = [];
+        results === null || results === void 0 ? void 0 : results.forEach(result => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13;
+            if (!result.identifier)
+                return;
+            let loginRequired = false;
+            let contentWarning = false;
+            // Check if item and item in "modifying" collection, setting above flags
+            if (((_a = result.collection) === null || _a === void 0 ? void 0 : _a.values.length) &&
+                ((_b = result.mediatype) === null || _b === void 0 ? void 0 : _b.value) !== 'collection') {
+                for (const collection of (_d = (_c = result.collection) === null || _c === void 0 ? void 0 : _c.values) !== null && _d !== void 0 ? _d : []) {
+                    if (collection === 'loggedin') {
+                        loginRequired = true;
+                        if (contentWarning)
+                            break;
+                    }
+                    if (collection === 'no-preview') {
+                        contentWarning = true;
+                        if (loginRequired)
+                            break;
+                    }
+                }
+            }
+            tiles.push({
+                averageRating: (_e = result.avg_rating) === null || _e === void 0 ? void 0 : _e.value,
+                checked: false,
+                collections: (_g = (_f = result.collection) === null || _f === void 0 ? void 0 : _f.values) !== null && _g !== void 0 ? _g : [],
+                collectionFilesCount: (_j = (_h = result.collection_files_count) === null || _h === void 0 ? void 0 : _h.value) !== null && _j !== void 0 ? _j : 0,
+                collectionSize: (_l = (_k = result.collection_size) === null || _k === void 0 ? void 0 : _k.value) !== null && _l !== void 0 ? _l : 0,
+                commentCount: (_o = (_m = result.num_reviews) === null || _m === void 0 ? void 0 : _m.value) !== null && _o !== void 0 ? _o : 0,
+                creator: (_p = result.creator) === null || _p === void 0 ? void 0 : _p.value,
+                creators: (_r = (_q = result.creator) === null || _q === void 0 ? void 0 : _q.values) !== null && _r !== void 0 ? _r : [],
+                dateAdded: (_s = result.addeddate) === null || _s === void 0 ? void 0 : _s.value,
+                dateArchived: (_t = result.publicdate) === null || _t === void 0 ? void 0 : _t.value,
+                datePublished: (_u = result.date) === null || _u === void 0 ? void 0 : _u.value,
+                dateReviewed: (_v = result.reviewdate) === null || _v === void 0 ? void 0 : _v.value,
+                description: (_w = result.description) === null || _w === void 0 ? void 0 : _w.values.join('\n'),
+                favCount: (_y = (_x = result.num_favorites) === null || _x === void 0 ? void 0 : _x.value) !== null && _y !== void 0 ? _y : 0,
+                href: this.collapseRepeatedQuotes((_z = result.__href__) === null || _z === void 0 ? void 0 : _z.value),
+                identifier: result.identifier,
+                issue: (_0 = result.issue) === null || _0 === void 0 ? void 0 : _0.value,
+                itemCount: (_2 = (_1 = result.item_count) === null || _1 === void 0 ? void 0 : _1.value) !== null && _2 !== void 0 ? _2 : 0,
+                mediatype: this.getMediatype(result),
+                snippets: (_4 = (_3 = result.highlight) === null || _3 === void 0 ? void 0 : _3.values) !== null && _4 !== void 0 ? _4 : [],
+                source: (_5 = result.source) === null || _5 === void 0 ? void 0 : _5.value,
+                subjects: (_7 = (_6 = result.subject) === null || _6 === void 0 ? void 0 : _6.values) !== null && _7 !== void 0 ? _7 : [],
+                title: (_9 = (_8 = result.title) === null || _8 === void 0 ? void 0 : _8.value) !== null && _9 !== void 0 ? _9 : '',
+                volume: (_10 = result.volume) === null || _10 === void 0 ? void 0 : _10.value,
+                viewCount: (_12 = (_11 = result.downloads) === null || _11 === void 0 ? void 0 : _11.value) !== null && _12 !== void 0 ? _12 : 0,
+                weeklyViewCount: (_13 = result.week) === null || _13 === void 0 ? void 0 : _13.value,
+                loginRequired,
+                contentWarning,
+            });
+        });
+        this.addPage(pageNumber, tiles);
+        const visiblePages = this.host.currentVisiblePageNumbers;
+        const needsReload = visiblePages.includes(pageNumber);
+        if (needsReload) {
+            this.host.refreshVisibleResults();
+        }
+    }
+    /**
+     * Returns the mediatype string for the given search result, taking into account
+     * the special `favorited_search` hit type.
+     * @param result The search result to extract a mediatype from
+     */
+    getMediatype(result) {
+        var _a, _b, _c;
+        /**
+         * hit_type == 'favorited_search' is basically a new hit_type
+         * - we are getting from PPS.
+         * - which gives response for fav- collection
+         * - having favorited items like account/collection/item etc..
+         * - as user can also favorite a search result (a search page)
+         * - so we need to have response (having fav- items and fav- search results)
+         *
+         * if backend hit_type == 'favorited_search'
+         * - let's assume a "search" as new mediatype
+         */
+        if (((_a = result === null || result === void 0 ? void 0 : result.rawMetadata) === null || _a === void 0 ? void 0 : _a.hit_type) === 'favorited_search') {
+            return 'search';
+        }
+        return (_c = (_b = result.mediatype) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 'data';
+    }
+    /**
+     * Returns the input string, but removing one set of quotes from all instances of
+     * ""clauses wrapped in two sets of quotes"". This assumes the quotes are already
+     * URL-encoded.
+     *
+     * This should be a temporary measure to address the fact that the __href__ field
+     * sometimes acquires extra quotation marks during query rewriting. Once there is a
+     * full Lucene parser in place that handles quoted queries correctly, this can likely
+     * be removed.
+     */
+    collapseRepeatedQuotes(str) {
+        return str === null || str === void 0 ? void 0 : str.replace(/%22%22(?!%22%22)(.+?)%22%22/g, '%22$1%22');
+    }
+    /**
+     * Fetches the aggregation buckets for the given prefix filter type.
+     */
+    async fetchPrefixFilterBuckets(filterType) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const trimmedQuery = (_a = this.host.baseQuery) === null || _a === void 0 ? void 0 : _a.trim();
+        if (!this.canPerformSearch)
+            return [];
+        const filterAggregationKey = prefixFilterAggregationKeys[filterType];
+        const sortParams = this.host.sortParam ? [this.host.sortParam] : [];
+        const params = {
+            ...this.collectionParams,
+            query: trimmedQuery || '',
+            rows: 0,
+            filters: this.filterMap,
+            // Only fetch the firstTitle or firstCreator aggregation
+            aggregations: { simpleParams: [filterAggregationKey] },
+            // Fetch all 26 letter buckets
+            aggregationsSize: 26,
+        };
+        params.uid = await this.requestUID({ ...params, sort: sortParams }, 'aggregations');
+        const searchResponse = await ((_b = this.host.searchService) === null || _b === void 0 ? void 0 : _b.search(params, this.host.searchType));
+        return ((_g = (_f = (_e = (_d = (_c = searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.success) === null || _c === void 0 ? void 0 : _c.response) === null || _d === void 0 ? void 0 : _d.aggregations) === null || _e === void 0 ? void 0 : _e[filterAggregationKey]) === null || _f === void 0 ? void 0 : _f.buckets) !== null && _g !== void 0 ? _g : []);
+    }
+    /**
+     * Fetches and caches the prefix filter counts for the given filter type.
+     */
+    async updatePrefixFilterCounts(filterType) {
+        const { facetFetchQueryKey } = this;
+        const buckets = await this.fetchPrefixFilterBuckets(filterType);
+        // Don't update the filter counts for an outdated query (if it has been changed
+        // since we sent the request)
+        const queryChangedSinceFetch = facetFetchQueryKey !== this.facetFetchQueryKey;
+        if (queryChangedSinceFetch)
+            return;
+        // Unpack the aggregation buckets into a simple map like { 'A': 50, 'B': 25, ... }
+        this.prefixFilterCountMap = { ...this.prefixFilterCountMap }; // Clone the object to trigger an update
+        this.prefixFilterCountMap[filterType] = buckets.reduce((acc, bucket) => {
+            acc[bucket.key.toUpperCase()] = bucket.doc_count;
+            return acc;
+        }, {});
+        this.host.requestUpdate();
+    }
+}
+//# sourceMappingURL=collection-browser-data-source.js.map