@internetarchive/collection-browser 1.14.17-alpha.2 → 1.14.17-alpha.21

package/test/collection-browser.test.ts

@@ -278,13 +278,14 @@ describe('Collection Browser', () => {
 
     el.baseQuery = 'hello';
     await el.updateComplete;
+    await nextTick();
 
     const facets = el.shadowRoot?.querySelector('collection-facets');
     const sortBar = el.shadowRoot?.querySelector('sort-filter-bar');
     const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');
-    expect(facets).to.exist;
-    expect(sortBar).to.exist;
-    expect(infiniteScroller).to.exist;
+    expect(facets, 'facets').to.exist;
+    expect(sortBar, 'sort bar').to.exist;
+    expect(infiniteScroller, 'infinite scroller').to.exist;
   });
 
   it('queries the search service when given a base query', async () => {
@@ -448,6 +449,25 @@ describe('Collection Browser', () => {
     expect(el.searchType).to.equal(SearchType.FULLTEXT);
   });
 
+  it('can construct tile models with many fields present', async () => {
+    const searchService = new MockSearchService();
+
+    const el = await fixture<CollectionBrowser>(
+      html`<collection-browser .searchService=${searchService}>
+      </collection-browser>`
+    );
+
+    el.baseQuery = 'many-fields';
+    await el.updateComplete;
+    await el.initialSearchComplete;
+
+    const cellTemplate = el.cellForIndex(0);
+    expect(cellTemplate).to.exist;
+
+    const cell = await fixture<TileDispatcher>(cellTemplate!);
+    expect(cell).to.exist;
+  });
+
   it('applies loggedin flag to tile models if needed', async () => {
     const searchService = new MockSearchService();
 
@@ -782,12 +802,15 @@ describe('Collection Browser', () => {
 
     el.baseQuery = 'foo';
     await el.updateComplete;
+    await nextTick();
 
-    const sortBar = el.shadowRoot?.querySelector('sort-filter-bar');
+    const sortBar = el.shadowRoot?.querySelector(
+      '#content-container sort-filter-bar'
+    );
     const sortSelector = sortBar?.shadowRoot?.querySelector(
       '#desktop-sort-selector'
     );
-    expect(sortSelector).to.exist;
+    expect(sortSelector, 'sort bar').to.exist;
 
     // Click the title sorter
     [...(sortSelector?.children as HTMLCollection & Iterable<any>)] // tsc doesn't know children is iterable
@@ -912,7 +935,10 @@ describe('Collection Browser', () => {
   it('sets date range query when date picker selection changed', async () => {
     const searchService = new MockSearchService();
     const el = await fixture<CollectionBrowser>(
-      html`<collection-browser .searchService=${searchService}>
+      html`<collection-browser
+        .searchService=${searchService}
+        .suppressPlaceholders=${true}
+      >
       </collection-browser>`
     );
 
@@ -931,7 +957,8 @@ describe('Collection Browser', () => {
     const histogram = facets?.shadowRoot?.querySelector(
       'histogram-date-range'
     ) as HistogramDateRange;
-    expect(histogram).to.exist;
+
+    expect(histogram, 'histogram exists').to.exist;
 
     // Enter a new min date into the date picker
     const minDateInput = histogram.shadowRoot?.querySelector(
@@ -1119,6 +1146,7 @@ describe('Collection Browser', () => {
     // infinite scroller does exist.
     el.baseQuery = 'collection:foo';
     await el.updateComplete;
+    await nextTick();
 
     const infiniteScroller = el.shadowRoot?.querySelector(
       'infinite-scroller'
@@ -1130,8 +1158,7 @@ describe('Collection Browser', () => {
     infiniteScroller.scrollToCell = spy;
 
     await el.goToPage(1);
-
-    expect(spy.callCount).to.equal(1);
+    expect(spy.callCount, 'scroll to page fires once').to.equal(1);
 
     infiniteScroller.scrollToCell = oldScrollToCell;
   });
@@ -1198,6 +1225,7 @@ describe('Collection Browser', () => {
     // Infinite scroller won't exist unless there's a base query
     el.baseQuery = 'collection:foo';
     await el.updateComplete;
+    await nextTick();
 
     const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');
     (infiniteScroller as InfiniteScroller).reload = infiniteScrollerRefreshSpy;
@@ -1207,18 +1235,30 @@ describe('Collection Browser', () => {
     // testing: `loggedIn`
     el.loggedIn = true;
     await el.updateComplete;
-    expect(infiniteScrollerRefreshSpy.called).to.be.true;
-    expect(infiniteScrollerRefreshSpy.callCount).to.equal(1);
+
+    expect(infiniteScrollerRefreshSpy.called, 'Infinite Scroller Refresh').to.be
+      .true;
+    expect(
+      infiniteScrollerRefreshSpy.callCount,
+      'Infinite Scroller Refresh call count'
+    ).to.equal(1);
 
     el.loggedIn = false;
     await el.updateComplete;
-    expect(infiniteScrollerRefreshSpy.callCount).to.equal(2);
+
+    expect(
+      infiniteScrollerRefreshSpy.callCount,
+      '2nd Infinite Scroller Refresh'
+    ).to.equal(2);
 
     // testing: `displayMode`
     el.displayMode = 'list-compact';
     el.searchContext = 'beta-search';
     await el.updateComplete;
-    expect(infiniteScrollerRefreshSpy.callCount).to.equal(3);
+    expect(
+      infiniteScrollerRefreshSpy.callCount,
+      '3rd Infinite Scroller Refresh'
+    ).to.equal(3);
 
     expect(mockAnalyticsHandler.callCategory).to.equal('beta-search');
     expect(mockAnalyticsHandler.callAction).to.equal('displayMode');
@@ -1226,7 +1266,10 @@ describe('Collection Browser', () => {
 
     el.displayMode = 'list-detail';
     await el.updateComplete;
-    expect(infiniteScrollerRefreshSpy.callCount).to.equal(4);
+    expect(
+      infiniteScrollerRefreshSpy.callCount,
+      '4th Infinite Scroller Refresh'
+    ).to.equal(4);
 
     expect(mockAnalyticsHandler.callCategory).to.equal('beta-search');
     expect(mockAnalyticsHandler.callAction).to.equal('displayMode');
@@ -1235,12 +1278,18 @@ describe('Collection Browser', () => {
     // testing: `baseNavigationUrl`
     el.baseNavigationUrl = 'https://funtestsite.com';
     await el.updateComplete;
-    expect(infiniteScrollerRefreshSpy.callCount).to.equal(5);
+    expect(
+      infiniteScrollerRefreshSpy.callCount,
+      '5th Infinite Scroller Refresh'
+    ).to.equal(5);
 
     // testing: `baseImageUrl`
     el.baseImageUrl = 'https://funtestsiteforimages.com';
     await el.updateComplete;
-    expect(infiniteScrollerRefreshSpy.callCount).to.equal(6);
+    expect(
+      infiniteScrollerRefreshSpy.callCount,
+      '6th Infinite Scroller Refresh'
+    ).to.equal(6);
   });
 
   it('query the search service for single result', async () => {
@@ -1558,10 +1607,16 @@ describe('Collection Browser', () => {
     // Remove checked tiles and verify that we only kept the second tile
     el.removeCheckedTiles();
     await el.updateComplete;
-    tiles = infiniteScroller!.shadowRoot?.querySelectorAll('tile-dispatcher');
+    expect(el?.dataSource?.size, 'data source count').to.equal(1);
+
+    tiles = el.shadowRoot
+      ?.querySelector('infinite-scroller')!
+      .shadowRoot?.querySelectorAll('tile-dispatcher');
     expect(tiles).to.exist;
-    expect(tiles?.length).to.equal(1);
-    expect((tiles![0] as TileDispatcher).model?.identifier).to.equal('bar');
+    expect(
+      tiles!.length,
+      'tile count after `el.removeCheckedTiles()`'
+    ).to.equal(1);
   });
 
   it('can check/uncheck all tiles', async () => {

package/test/collection-facets/more-facets-content.test.ts

@@ -80,10 +80,12 @@ describe('More facets content', () => {
     );
 
     el.facetKey = 'collection';
-    el.query = 'title:hello';
+    el.query = 'collection-aggregations';
     await el.updateComplete;
 
-    expect(searchService.searchParams?.query).to.equal('title:hello');
+    expect(searchService.searchParams?.query).to.equal(
+      'collection-aggregations'
+    );
   });
 
   it('queries for more facets using search service within a collection (no query)', async () => {

package/test/collection-facets.test.ts

@@ -788,6 +788,11 @@ describe('Collection Facets', () => {
         .baseNavigationUrl=${''}
         .withinCollection=${'foo'}
         .parentCollections=${['bar', 'baz']}
+        .collectionTitles=${new Map([
+          ['foo', 'foo-name'],
+          ['bar', 'bar-name'],
+          ['baz', 'baz-name'],
+        ])}
       ></collection-facets>`
     );
 

package/test/item-image.test.ts

@@ -2,47 +2,45 @@
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 
-import type { TileModel } from '../src/models';
+import { TileModel } from '../src/models';
 import type { ItemImage } from '../src/tiles/item-image';
 
 import '../src/tiles/item-image';
 
 const baseImageUrl = 'https://archive.org';
-const testBookModel: TileModel = {
-  checked: false,
-  collections: [],
-  commentCount: 0,
-  creators: [],
-  favCount: 0,
-  identifier: '18730130BloomfieldRecordCompleteIssue',
-  itemCount: 0,
-  mediatype: 'texts',
-  subjects: [],
-  title: 'Sample Waveform',
-  viewCount: 0,
-  loginRequired: false,
-  contentWarning: false,
-  collectionFilesCount: 0,
-  collectionSize: 0,
-};
-
-const testAudioModel: TileModel = {
-  checked: false,
-  collections: [],
-  commentCount: 0,
-  creators: [],
-  favCount: 0,
-  identifier: 'dwd2015-01-24',
-  itemCount: 0,
-  mediatype: 'audio',
-  subjects: [],
-  title: 'Sample Waveform',
-  viewCount: 0,
-  loginRequired: false,
-  contentWarning: false,
-  collectionFilesCount: 0,
-  collectionSize: 0,
-};
+const testBookModel: TileModel = new TileModel({});
+testBookModel.checked = false;
+testBookModel.collections = [];
+testBookModel.commentCount = 0;
+testBookModel.creators = [];
+testBookModel.favCount = 0;
+testBookModel.identifier = '18730130BloomfieldRecordCompleteIssue';
+testBookModel.itemCount = 0;
+testBookModel.mediatype = 'texts';
+testBookModel.subjects = [];
+testBookModel.title = 'Sample Waveform';
+testBookModel.viewCount = 0;
+testBookModel.loginRequired = false;
+testBookModel.contentWarning = false;
+testBookModel.collectionFilesCount = 0;
+testBookModel.collectionSize = 0;
+
+const testAudioModel: TileModel = new TileModel({});
+testAudioModel.checked = false;
+testAudioModel.collections = [];
+testAudioModel.commentCount = 0;
+testAudioModel.creators = [];
+testAudioModel.favCount = 0;
+testAudioModel.identifier = 'dwd2015-01-24';
+testAudioModel.itemCount = 0;
+testAudioModel.mediatype = 'audio';
+testAudioModel.subjects = [];
+testAudioModel.title = 'Sample Waveform';
+testAudioModel.viewCount = 0;
+testAudioModel.loginRequired = false;
+testAudioModel.contentWarning = false;
+testAudioModel.collectionFilesCount = 0;
+testAudioModel.collectionSize = 0;
 
 describe('ItemImage component', () => {
   it('should render initial component', async () => {

package/test/mocks/mock-search-responses.ts

@@ -49,6 +49,68 @@ export const getMockSuccessSingleResult: () => Result<
   },
 });
 
+export const getMockSuccessManyFields: () => Result<
+  SearchResponse,
+  SearchServiceError
+> = () => ({
+  success: {
+    request: {
+      kind: 'hits',
+      clientParameters: {
+        user_query: 'many-fields',
+        sort: [],
+      },
+      backendRequests: {
+        primary: {
+          kind: 'hits',
+          finalized_parameters: {
+            user_query: 'many-fields',
+            sort: [],
+          },
+        },
+      },
+    },
+    rawResponse: {},
+    response: {
+      totalResults: 1,
+      returnedCount: 1,
+      results: [
+        new ItemHit({
+          fields: {
+            identifier: 'foo',
+            avg_rating: 3.5,
+            collection: ['foo', 'bar', 'no-preview', 'loggedin'],
+            collection_files_count: 123,
+            collection_size: 234,
+            creator: ['baz', 'boop'],
+            date: '2010-01-03T01:23:45Z',
+            addeddate: '2010-01-01T01:23:45Z',
+            publicdate: '2010-01-02T01:23:45Z',
+            reviewdate: '2010-01-04T01:23:45Z',
+            description: 'foo bar baz',
+            downloads: 246,
+            issue: 1,
+            item_count: 20,
+            mediatype: 'texts',
+            num_favorites: 12,
+            num_reviews: 23,
+            source: 'foo bar',
+            subject: ['baz', 'quux'],
+            title: 'Foo Bar',
+            volume: 2,
+            week: 50,
+            __href__: 'https://archive.org/details/foo',
+          },
+        }),
+      ],
+    },
+    responseHeader: {
+      succeeded: true,
+      query_time: 0,
+    },
+  },
+});
+
 export const getMockSuccessWithYearHistogramAggs: () => Result<
   SearchResponse,
   SearchServiceError
@@ -408,6 +470,10 @@ export const getMockSuccessWithCollectionAggregations: () => Result<
           ],
         }),
       },
+      collection_titles: {
+        foo: 'Foo',
+        bar: 'Bar',
+      },
     },
     responseHeader: {
       succeeded: true,

package/test/sort-filter-bar/sort-filter-bar.test.ts

@@ -1,5 +1,6 @@
 /* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
+import sinon from 'sinon';
 import { html } from 'lit';
 import type { IaDropdown } from '@internetarchive/ia-dropdown';
 import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
@@ -19,11 +20,16 @@ describe('Sort selector default buttons', async () => {
     '#desktop-sort-selector'
   );
 
-  before(async () => {
+  beforeEach(async () => {
     el.resizeObserver = new SharedResizeObserver();
     await el.updateComplete;
   });
 
+  afterEach(async () => {
+    el.resizeObserver = undefined;
+    await el.updateComplete;
+  });
+
   it('should render basic component', async () => {
     expect(sortSelectorContainer).to.exist;
     expect(desktopSortSelector).to.exist;
@@ -617,15 +623,55 @@ describe('Sort/filter bar mobile view', () => {
     expect(backdrop).not.to.exist;
   });
 
-  it('shows loansTab top-bar slot', async () => {
+  it('shows loansTab top-bar slot Default View', async () => {
+    const resizeStub = new SharedResizeObserver();
+    const addSpy = sinon.spy(resizeStub, 'addObserver');
+    const removeSpy = sinon.spy(resizeStub, 'removeObserver');
+
     const el = await fixture<SortFilterBar>(html`
-      <sort-filter-bar></sort-filter-bar>
+      <sort-filter-bar .resizeObserver=${resizeStub}></sort-filter-bar>
+    `);
+
+    // this element exists
+    expect(el?.shadowRoot?.querySelector('#sort-selector-container')).to.exist;
+
+    // loads & unloads twice when [re]setting ResizeObserver
+    expect(addSpy.callCount).to.equal(2);
+
+    const resizeStub2 = new SharedResizeObserver();
+    el.resizeObserver = resizeStub2;
+    await el.updateComplete;
+    expect(removeSpy.callCount).to.equal(2);
+  });
+
+  it('shows loansTab top-bar slot Custom Slotted View', async () => {
+    const resizeStub = new SharedResizeObserver();
+    const addSpy = sinon.spy(resizeStub, 'addObserver');
+    const removeSpy = sinon.spy(resizeStub, 'removeObserver');
+
+    const el = await fixture<SortFilterBar>(html`
+      <sort-filter-bar
+        .resizeObserver=${resizeStub}
+        .showLoansTopBar=${true}
+      ></sort-filter-bar>
     `);
 
-    el.showLoansTopBar = true;
     await el.updateComplete;
 
+    // slot exists
     const loansTabSlot = el?.shadowRoot?.querySelector('slot');
     expect(loansTabSlot).to.exist;
+
+    // sort bar does not exist
+    expect(el?.shadowRoot?.querySelector('#sort-selector-container')).to.not
+      .exist;
+
+    const resizeStub2 = new SharedResizeObserver();
+    el.resizeObserver = resizeStub2;
+    await el.updateComplete;
+
+    // there's no need for resize observer
+    expect(addSpy.callCount).to.equal(0);
+    expect(removeSpy.callCount).to.equal(0);
   });
 });

package/test/tiles/hover/hover-pane-controller.test.ts

@@ -9,6 +9,7 @@ import {
   HoverPaneProviderInterface,
 } from '../../../src/tiles/hover/hover-pane-controller';
 import type { TileHoverPane } from '../../../src/tiles/hover/tile-hover-pane';
+import { TileModel } from '../../../src/models';
 
 @customElement('host-element')
 class HostElement extends LitElement implements HoverPaneProviderInterface {
@@ -33,24 +34,25 @@ class HostElement extends LitElement implements HoverPaneProviderInterface {
   }
 
   getHoverPaneProps(): HoverPaneProperties {
+    const tileModel = new TileModel({});
+    tileModel.checked = false;
+    tileModel.collectionFilesCount = 1;
+    tileModel.collections = ['foo', 'bar'];
+    tileModel.collectionSize = 1;
+    tileModel.commentCount = 1;
+    tileModel.contentWarning = false;
+    tileModel.creators = ['foo', 'bar'];
+    tileModel.favCount = 1;
+    tileModel.identifier = 'foo';
+    tileModel.itemCount = 1;
+    tileModel.loginRequired = false;
+    tileModel.mediatype = 'data';
+    tileModel.subjects = ['foo', 'bar'];
+    tileModel.title = 'foo';
+    tileModel.viewCount = 1;
+
     return {
-      model: {
-        checked: false,
-        collectionFilesCount: 1,
-        collections: ['foo', 'bar'],
-        collectionSize: 1,
-        commentCount: 1,
-        contentWarning: false,
-        creators: ['foo', 'bar'],
-        favCount: 1,
-        identifier: 'foo',
-        itemCount: 1,
-        loginRequired: false,
-        mediatype: 'data',
-        subjects: ['foo', 'bar'],
-        title: 'foo',
-        viewCount: 1,
-      },
+      model: tileModel,
       loggedIn: false,
       sortParam: null,
     };

package/dist/src/data-source/data-source-fetch-provider.d.ts

@@ -1,13 +0,0 @@
-import type { CollectionBrowserDataSourceInterface } from "./collection-browser-data-source";
-export interface DataSourceFetchProviderInterface {
-    fetchPage(dataSource: CollectionBrowserDataSourceInterface, pageNumber: number, initialPageNumber?: number): Promise<void>;
-    fetchFacets(dataSource: CollectionBrowserDataSourceInterface): Promise<void>;
-    fetchPrefixFilterBuckets(dataSource: CollectionBrowserDataSourceInterface): Promise<void>;
-}
-export declare class DataSourceFetchProvider {
-    /**
-     * Fires a backend request to fetch a set of aggregations (representing UI facets) for
-     * the current search state.
-     */
-    private fetchFacets;
-}

package/dist/src/data-source/data-source-fetch-provider.js

@@ -1,61 +0,0 @@
-export class DataSourceFetchProvider {
-    /**
-     * Fires a backend request to fetch a set of aggregations (representing UI facets) for
-     * the current search state.
-     */
-    async fetchFacets(dataSource) {
-        // const trimmedQuery = dataSource.host.baseQuery?.trim();
-        // if (!dataSource.canPerformSearch) return;
-        // const { facetFetchQueryKey } = this;
-        // const sortParams = this.host.sortParam ? [this.host.sortParam] : [];
-        // const params: SearchParams = {
-        //   ...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 this.host.searchService?.search(
-        //   params,
-        //   this.host.searchType
-        // );
-        // const success = 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 = searchResponse?.error?.message;
-        //   const detailMsg = searchResponse?.error?.details?.message;
-        //   if (!errorMsg && !detailMsg) {
-        //     // @ts-ignore: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
-        //     window?.Sentry?.captureMessage?.(
-        //       '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 =
-        //   success?.response?.aggregations?.year_histogram;
-        // this.host.setFacetsLoading(false);
-    }
-}
-//# sourceMappingURL=data-source-fetch-provider.js.map

package/dist/src/data-source/data-source-fetch-provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-source-fetch-provider.js","sourceRoot":"","sources":["../../../src/data-source/data-source-fetch-provider.ts"],"names":[],"mappings":"AAQA,MAAM,OAAO,uBAAuB;IAClC;;;OAGG;IACK,KAAK,CAAC,WAAW,CAAC,UAAgD;QACxE,0DAA0D;QAC1D,4CAA4C;QAE5C,uCAAuC;QAEvC,uEAAuE;QACvE,iCAAiC;QACjC,8BAA8B;QAC9B,+BAA+B;QAC/B,aAAa;QACb,6BAA6B;QAC7B,mFAAmF;QACnF,0BAA0B;QAC1B,iGAAiG;QACjG,8FAA8F;QAC9F,KAAK;QACL,sCAAsC;QACtC,qCAAqC;QACrC,mBAAmB;QACnB,KAAK;QAEL,oCAAoC;QACpC,gEAAgE;QAChE,YAAY;QACZ,yBAAyB;QACzB,KAAK;QACL,2CAA2C;QAE3C,kFAAkF;QAClF,8EAA8E;QAC9E,iDAAiD;QACjD,iCAAiC;QACjC,oDAAoD;QACpD,sCAAsC;QAEtC,kBAAkB;QAClB,qDAAqD;QACrD,+DAA+D;QAE/D,mCAAmC;QACnC,2FAA2F;QAC3F,wCAAwC;QACxC,4DAA4D;QAC5D,gBAAgB;QAChB,SAAS;QACT,MAAM;QAEN,YAAY;QACZ,IAAI;QAEJ,+DAA+D;QAC/D,oCAAoC;QAEpC,0BAA0B;QAC1B,kEAAkE;QAClE,4CAA4C;QAC5C,MAAM;QACN,IAAI;QAEJ,kCAAkC;QAClC,qDAAqD;QAErD,qCAAqC;IACvC,CAAC;CACF","sourcesContent":["import type { CollectionBrowserDataSourceInterface } from \"./collection-browser-data-source\";\n\nexport interface DataSourceFetchProviderInterface {\n  fetchPage(dataSource: CollectionBrowserDataSourceInterface, pageNumber: number, initialPageNumber?: number): Promise<void>;\n  fetchFacets(dataSource: CollectionBrowserDataSourceInterface): Promise<void>;\n  fetchPrefixFilterBuckets(dataSource: CollectionBrowserDataSourceInterface): Promise<void>;\n}\n\nexport class DataSourceFetchProvider {\n  /**\n   * Fires a backend request to fetch a set of aggregations (representing UI facets) for\n   * the current search state.\n   */\n  private async fetchFacets(dataSource: CollectionBrowserDataSourceInterface): Promise<void> {\n    // const trimmedQuery = dataSource.host.baseQuery?.trim();\n    // if (!dataSource.canPerformSearch) return;\n\n    // const { facetFetchQueryKey } = this;\n\n    // const sortParams = this.host.sortParam ? [this.host.sortParam] : [];\n    // const params: SearchParams = {\n    //   ...this.collectionParams,\n    //   query: trimmedQuery || '',\n    //   rows: 0,\n    //   filters: this.filterMap,\n    //   // Fetch a few extra buckets beyond the 6 we show, in case some get suppressed\n    //   aggregationsSize: 10,\n    //   // Note: we don't need an aggregations param to fetch the default aggregations from the PPS.\n    //   // The default aggregations for the search_results page type should be what we need here.\n    // };\n    // params.uid = await this.requestUID(\n    //   { ...params, sort: sortParams },\n    //   'aggregations'\n    // );\n\n    // this.host.setFacetsLoading(true);\n    // const searchResponse = await this.host.searchService?.search(\n    //   params,\n    //   this.host.searchType\n    // );\n    // const success = searchResponse?.success;\n\n    // // This is checking to see if the query has changed since the data was fetched.\n    // // If so, we just want to discard this set of aggregations because they are\n    // // likely no longer valid for the newer query.\n    // const queryChangedSinceFetch =\n    //   facetFetchQueryKey !== this.facetFetchQueryKey;\n    // if (queryChangedSinceFetch) return;\n\n    // if (!success) {\n    //   const errorMsg = searchResponse?.error?.message;\n    //   const detailMsg = searchResponse?.error?.details?.message;\n\n    //   if (!errorMsg && !detailMsg) {\n    //     // @ts-ignore: Property 'Sentry' does not exist on type 'Window & typeof globalThis'\n    //     window?.Sentry?.captureMessage?.(\n    //       'Missing or malformed facet response from backend',\n    //       'error'\n    //     );\n    //   }\n\n    //   return;\n    // }\n\n    // const { aggregations, collectionTitles } = success.response;\n    // this.aggregations = aggregations;\n\n    // if (collectionTitles) {\n    //   for (const [id, title] of Object.entries(collectionTitles)) {\n    //     this.collectionTitles.set(id, title);\n    //   }\n    // }\n\n    // this.yearHistogramAggregation =\n    //   success?.response?.aggregations?.year_histogram;\n\n    // this.host.setFacetsLoading(false);\n  }\n}"]}