@internetarchive/collection-browser 1.14.17-alpha.3 → 1.14.17-alpha.30

package/dist/index.js

@@ -2,7 +2,7 @@ export { CollectionBrowser } from './src/collection-browser';
 export { CollectionBrowserDataSource, } from './src/data-source/collection-browser-data-source';
 export {} from './src/data-source/models';
 export { SortFilterBar } from './src/sort-filter-bar/sort-filter-bar';
-export { SortField } from './src/models';
+export { SortField, TileModel } from './src/models';
 export { CollectionBrowserLoadingTile } from './src/tiles/collection-browser-loading-tile';
 export { CollectionTile } from './src/tiles/grid/collection-tile';
 export { AccountTile } from './src/tiles/grid/account-tile';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EACL,2BAA2B,GAE5B,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAA+B,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAyB,SAAS,EAAa,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC","sourcesContent":["export { CollectionBrowser } from './src/collection-browser';\nexport {\n  CollectionBrowserDataSource,\n  CollectionBrowserDataSourceInterface,\n} from './src/data-source/collection-browser-data-source';\nexport { CollectionBrowserQueryState } from './src/data-source/models';\nexport { SortFilterBar } from './src/sort-filter-bar/sort-filter-bar';\nexport { CollectionDisplayMode, SortField, TileModel } from './src/models';\nexport { CollectionBrowserLoadingTile } from './src/tiles/collection-browser-loading-tile';\nexport { CollectionTile } from './src/tiles/grid/collection-tile';\nexport { AccountTile } from './src/tiles/grid/account-tile';\nexport { ItemTile } from './src/tiles/grid/item-tile';\nexport { TileList } from './src/tiles/list/tile-list';\nexport { TileListCompact } from './src/tiles/list/tile-list-compact';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EACL,2BAA2B,GAE5B,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAA+B,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAyB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC","sourcesContent":["export { CollectionBrowser } from './src/collection-browser';\nexport {\n  CollectionBrowserDataSource,\n  CollectionBrowserDataSourceInterface,\n} from './src/data-source/collection-browser-data-source';\nexport { CollectionBrowserQueryState } from './src/data-source/models';\nexport { SortFilterBar } from './src/sort-filter-bar/sort-filter-bar';\nexport { CollectionDisplayMode, SortField, TileModel } from './src/models';\nexport { CollectionBrowserLoadingTile } from './src/tiles/collection-browser-loading-tile';\nexport { CollectionTile } from './src/tiles/grid/collection-tile';\nexport { AccountTile } from './src/tiles/grid/account-tile';\nexport { ItemTile } from './src/tiles/grid/item-tile';\nexport { TileList } from './src/tiles/list/tile-list';\nexport { TileListCompact } from './src/tiles/list/tile-list-compact';\n"]}

package/dist/src/collection-browser.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, PropertyValues, TemplateResult } from 'lit';
 import type { InfiniteScrollerCellProviderInterface } from '@internetarchive/infinite-scroller';
-import { CollectionExtraInfo, SearchServiceInterface, SearchType, SortDirection, SortParam } from '@internetarchive/search-service';
+import { CollectionExtraInfo, PageElementName, SearchServiceInterface, SearchType, SortDirection, SortParam } from '@internetarchive/search-service';
 import type { SharedResizeObserverInterface, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
 import '@internetarchive/infinite-scroller';
 import type { ModalManagerInterface } from '@internetarchive/modal-manager';
@@ -15,7 +15,7 @@ import './circular-activity-indicator';
 import { SelectedFacets, SortField, CollectionBrowserContext, TileModel, CollectionDisplayMode, FacetEventDetails } from './models';
 import { RestorationStateHandlerInterface } from './restoration-state-handler';
 import { CollectionBrowserDataSourceInterface } from './data-source/collection-browser-data-source';
-import type { CollectionBrowserSearchInterface } from './data-source/models';
+import type { CollectionBrowserQueryState, CollectionBrowserSearchInterface } from './data-source/models';
 import './empty-placeholder';
 export declare class CollectionBrowser extends LitElement implements InfiniteScrollerCellProviderInterface, SharedResizeObserverResizeHandlerInterface, CollectionBrowserSearchInterface {
     baseNavigationUrl?: string;
@@ -24,7 +24,7 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     searchType: SearchType;
     withinCollection?: string;
     withinProfile?: string;
-    profileElement?: string;
+    profileElement?: PageElementName;
     baseQuery?: string;
     displayMode?: CollectionDisplayMode;
     defaultSortParam: SortParam | null;
@@ -42,6 +42,7 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     suppressResultCount: boolean;
     suppressURLQuery: boolean;
     suppressFacets: boolean;
+    suppressSortBar: boolean;
     clearResultsOnEmptyQuery: boolean;
     collectionPagePath: string;
     /** describes where this component is being used */
@@ -277,6 +278,7 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
      * Emits an event indicating a change in whether the manage mode is shown.
      */
     private emitManageModeChangedEvent;
+    installDataSourceAndQueryState(dataSource: CollectionBrowserDataSourceInterface, queryState: CollectionBrowserQueryState): Promise<void>;
     firstUpdated(): void;
     updated(changed: PropertyValues): void;
     disconnectedCallback(): void;
@@ -304,7 +306,7 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     private updateFacetFadeOut;
     private emitBaseQueryChanged;
     private emitSearchTypeChanged;
-    private emitQueryStateChanged;
+    emitQueryStateChanged(): void;
     emitEmptyResults(): void;
     private disconnectResizeObserver;
     private setupResizeObserver;
@@ -319,15 +321,6 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     private initialQueryChangeHappened;
     private historyPopOccurred;
     private previousQueryKey?;
-    /**
-     * Internal property to store the `resolve` function for the most recent
-     * `initialSearchComplete` promise, allowing us to resolve it at the appropriate time.
-     */
-    private _initialSearchCompleteResolver;
-    /**
-     * Internal property to store the private value backing the `initialSearchComplete` getter.
-     */
-    private _initialSearchCompletePromise;
     /**
      * A Promise which, after each query change, resolves once the fetches for the initial
      * search have completed. Waits for *both* the hits and aggregations fetches to finish.

package/dist/src/collection-browser.js

@@ -37,6 +37,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         this.suppressResultCount = false;
         this.suppressURLQuery = false;
         this.suppressFacets = false;
+        this.suppressSortBar = false;
         this.clearResultsOnEmptyQuery = false;
         this.collectionPagePath = '/details/';
         /** describes where this component is being used */
@@ -126,16 +127,9 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         // so this keeps track of whether we've already set the initial query
         this.initialQueryChangeHappened = false;
         this.historyPopOccurred = false;
-        /**
-         * Internal property to store the private value backing the `initialSearchComplete` getter.
-         */
-        this._initialSearchCompletePromise = new Promise(res => {
-            this._initialSearchCompleteResolver = res;
-        });
     }
     tileModelAtCellIndex(index) {
-        const offsetIndex = index + this.tileModelOffset;
-        const model = this.dataSource.getTileModelAt(offsetIndex);
+        const model = this.dataSource.getTileModelAt(index);
         /**
          * If we encounter a model we don't have yet and we're not in the middle of an
          * automated scroll, fetch the page and just return undefined.
@@ -144,8 +138,8 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
          * We disable it during the automated scroll since we don't want to fetch pages for intervening cells the
          * user may never see.
          */
-        if (!model && !this.isScrollingToCell) {
-            const pageNumber = Math.floor(offsetIndex / this.pageSize) + 1;
+        if (!model && !this.isScrollingToCell && this.dataSource.queryInitialized) {
+            const pageNumber = Math.floor(index / this.pageSize) + 1;
             this.dataSource.fetchPage(pageNumber);
         }
         return model;
@@ -196,12 +190,14 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
      * Sets the state for whether the initial set of search results is loading in.
      */
     setSearchResultsLoading(loading) {
+        console.log('setting search results loading to', loading);
         this.searchResultsLoading = loading;
     }
     /**
      * Sets the state for whether facet data is loading in
      */
     setFacetsLoading(loading) {
+        console.log('setting facets loading to', loading);
         this.facetsLoading = loading;
     }
     /**
@@ -446,6 +442,8 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
     }
     get sortFilterBarTemplate() {
         var _a;
+        if (this.suppressSortBar)
+            return nothing;
         return html `
       <sort-filter-bar
         .defaultSortField=${this.defaultSortField}
@@ -497,10 +495,11 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
     handleRemoveItems() {
         this.dispatchEvent(new CustomEvent('itemRemovalRequested', {
             detail: {
-                items: this.dataSource.checkedTileModels.map(model => ({
-                    ...model,
-                    date: formatDate(model.datePublished, 'long'),
-                })),
+                items: this.dataSource.checkedTileModels.map(model => {
+                    const cloned = model.clone();
+                    cloned.dateStr = formatDate(model.datePublished, 'long');
+                    return cloned;
+                }),
             },
         }));
     }
@@ -772,12 +771,39 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             detail: this.isManageView,
         }));
     }
+    async installDataSourceAndQueryState(dataSource, queryState) {
+        var _a;
+        console.log('installing in CB:', dataSource, queryState);
+        if (this.dataSource)
+            this.removeController(this.dataSource);
+        this.dataSource = dataSource;
+        this.addController(this.dataSource);
+        this.baseQuery = queryState.baseQuery;
+        this.profileElement = queryState.profileElement;
+        this.searchType = queryState.searchType;
+        this.selectedFacets = queryState.selectedFacets;
+        this.minSelectedDate = queryState.minSelectedDate;
+        this.maxSelectedDate = queryState.maxSelectedDate;
+        this.selectedSort =
+            (_a = queryState.selectedSort) !== null && _a !== void 0 ? _a : SortField.default;
+        this.sortDirection = queryState.sortDirection;
+        this.selectedTitleFilter = queryState.selectedTitleFilter;
+        this.selectedCreatorFilter =
+            queryState.selectedCreatorFilter;
+        this.requestUpdate();
+        await this.updateComplete;
+        if (!this.searchResultsLoading) {
+            this.setTileCount(this.dataSource.size);
+            this.refreshVisibleResults();
+        }
+    }
     firstUpdated() {
         this.setupStateRestorationObserver();
         this.restoreState();
     }
     updated(changed) {
         var _a, _b;
+        console.log('* CB UPDATED', [...changed.entries()].map(([k, v]) => `${String(k)}: ${v} => ${this[k]}`).join('\n'));
         if (changed.has('placeholderType') && this.placeholderType === null) {
             if (!this.leftColIntersectionObserver) {
                 this.setupLeftColumnScrollListeners();
@@ -959,6 +985,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         }));
     }
     emitQueryStateChanged() {
+        console.log('emitting query state changed event');
         this.dispatchEvent(new CustomEvent('queryStateChanged', {
             detail: {
                 baseQuery: this.baseQuery,
@@ -1026,11 +1053,16 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
      * one, to ensure you do not await an obsolete promise from the previous update.
      */
     get initialSearchComplete() {
-        return this._initialSearchCompletePromise;
+        return this.dataSource.initialSearchComplete;
     }
     async handleQueryChange() {
         var _a;
-        console.log('CB: handling query change', this.previousQueryKey, this.dataSource.pageFetchQueryKey, this.dataSource.canPerformSearch);
+        // console.log(
+        //   'CB: handling query change',
+        //   this.previousQueryKey,
+        //   this.dataSource.pageFetchQueryKey,
+        //   this.dataSource.canPerformSearch
+        // );
         // only reset if the query has actually changed
         if (!this.searchService ||
             this.dataSource.pageFetchQueryKey === this.previousQueryKey)
@@ -1069,14 +1101,8 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             this.persistState();
         }
         this.historyPopOccurred = false;
-        // Reset the `initialSearchComplete` promise with a new value for the imminent search
-        this._initialSearchCompletePromise = new Promise(res => {
-            this._initialSearchCompleteResolver = res;
-        });
         // Fire the initial page and facets requests
-        await this.dataSource.handleQueryChange();
-        // Resolve the `initialSearchComplete` promise for this search
-        this._initialSearchCompleteResolver(true);
+        // await this.dataSource.handleQueryChange();
     }
     setupStateRestorationObserver() {
         if (this.boundNavigationHandler)
@@ -1301,7 +1327,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             // this.mapDataSource(model => ({ ...model }));
             const cellIndex = this.dataSource.indexOf(event.detail);
             if (cellIndex >= 0)
-                (_a = this.infiniteScroller) === null || _a === void 0 ? void 0 : _a.refreshCell(cellIndex - this.tileModelOffset);
+                (_a = this.infiniteScroller) === null || _a === void 0 ? void 0 : _a.refreshCell(cellIndex);
         }
         (_b = this.analyticsHandler) === null || _b === void 0 ? void 0 : _b.sendEvent({
             category: this.searchContext,
@@ -1344,7 +1370,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
      * increase the number of pages to render and start fetching data for the new page
      */
     scrollThresholdReached() {
-        if (!this.dataSource.endOfDataReached) {
+        if (!this.dataSource.endOfDataReached && this.dataSource.queryInitialized) {
             this.pagesToRender += 1;
             this.dataSource.fetchPage(this.pagesToRender);
         }
@@ -1802,6 +1828,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], CollectionBrowser.prototype, "suppressFacets", void 0);
+__decorate([
+    property({ type: Boolean })
+], CollectionBrowser.prototype, "suppressSortBar", void 0);
 __decorate([
     property({ type: Boolean })
 ], CollectionBrowser.prototype, "clearResultsOnEmptyQuery", void 0);