@internetarchive/collection-browser 2.7.8 → 2.7.9

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

@@ -131,6 +131,11 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     enableSortOptionsSlot: boolean;
     /** Whether to display a smart results carousel above the full results */
     showSmartResults: boolean;
+    /**
+     * The maximum number of pages we will load when a privileged user clicks
+     * the "Manage" button on the search page. Limited to 15 pages.
+     */
+    maxPagesToManage: number;
     /**
      * The results per page so we can paginate.
      *
@@ -587,5 +592,15 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
      * increase the number of pages to render and start fetching data for the new page
      */
     private scrollThresholdReached;
+    /**
+     * Fetches search results for privileged users when in manage view.
+     *
+     * This method:
+     * 1. Checks if we're in search context with > 100 results and not currently loading
+     * 2. Resets the datasource pagination state
+     * 3. Fetches first page with limit based on maxPagesToManage threshold
+     * 4. Reloads the infinite scroller to display new results
+     */
+    private fetchManagableSearchResults;
     static get styles(): import("lit").CSSResult[];
 }

package/dist/src/collection-browser.js

@@ -110,6 +110,11 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         this.enableSortOptionsSlot = false;
         /** Whether to display a smart results carousel above the full results */
         this.showSmartResults = false;
+        /**
+         * The maximum number of pages we will load when a privileged user clicks
+         * the "Manage" button on the search page. Limited to 15 pages.
+         */
+        this.maxPagesToManage = 15;
         /**
          * The results per page so we can paginate.
          *
@@ -605,6 +610,8 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         @cancel=${() => {
             this.isManageView = false;
             this.dataSource.uncheckAllTiles();
+            if (this.searchResultsLoading)
+                this.dataSource.resetPages();
         }}
       ></manage-bar>
     `;
@@ -1046,7 +1053,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         }
     }
     updated(changed) {
-        var _a, _b;
+        var _a, _b, _c;
         if (changed.has('placeholderType') && this.placeholderType === null) {
             if (!this.leftColIntersectionObserver) {
                 this.setupLeftColumnScrollListeners();
@@ -1153,9 +1160,13 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             }
         }
         if (changed.has('isManageView')) {
-            if (this.isManageView)
+            if (this.isManageView) {
                 this.displayMode = 'grid';
-            (_b = this.infiniteScroller) === null || _b === void 0 ? void 0 : _b.refreshAllVisibleCells();
+                this.fetchManagableSearchResults();
+            }
+            else if (this.pageContext === 'search')
+                (_b = this.infiniteScroller) === null || _b === void 0 ? void 0 : _b.reload();
+            (_c = this.infiniteScroller) === null || _c === void 0 ? void 0 : _c.refreshAllVisibleCells();
             this.emitManageModeChangedEvent();
         }
         if (changed.has('resizeObserver')) {
@@ -1673,6 +1684,25 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             this.dataSource.fetchPage(this.pagesToRender);
         }
     }
+    /**
+     * Fetches search results for privileged users when in manage view.
+     *
+     * This method:
+     * 1. Checks if we're in search context with > 100 results and not currently loading
+     * 2. Resets the datasource pagination state
+     * 3. Fetches first page with limit based on maxPagesToManage threshold
+     * 4. Reloads the infinite scroller to display new results
+     */
+    fetchManagableSearchResults() {
+        var _a;
+        if (this.pageContext === 'search' &&
+            this.dataSource.totalResults > 100 &&
+            !this.searchResultsLoading) {
+            this.dataSource.resetPages();
+            this.dataSource.fetchPage(1, this.maxPagesToManage);
+            (_a = this.infiniteScroller) === null || _a === void 0 ? void 0 : _a.reload();
+        }
+    }
     static get styles() {
         return [
             srOnlyStyle,
@@ -2238,6 +2268,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], CollectionBrowser.prototype, "showSmartResults", void 0);
+__decorate([
+    property({ type: Number })
+], CollectionBrowser.prototype, "maxPagesToManage", void 0);
 __decorate([
     property({ type: Object })
 ], CollectionBrowser.prototype, "dataSource", void 0);