@internetarchive/collection-browser 2.7.7-alpha.2 → 2.7.8-alpha1

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

@@ -139,6 +139,11 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
      * for the previous/next page, we'll fetch the next/previous page to populate it
      */
     dataSource: CollectionBrowserDataSourceInterface;
+    /**
+     * 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 page that the consumer wants to load.
      */
@@ -163,6 +168,7 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     private contentContainer;
     private leftColumn?;
     private collectionFacets?;
+    private manageBar?;
     analyticsHandler?: AnalyticsManagerInterface;
     /** Whether layout size analytics have been sent already. */
     private layoutSizeAnalyticsSent;
@@ -317,7 +323,15 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     /**
      * Handler when user request to bulk edit from /search/ page
      */
-    private handleItemsManager;
+    private handleManageItems;
+    /**
+     * Handler to show processing modal while removing item
+     */
+    showRemoveItemsProcessingModal(): void;
+    /**
+     * Handler to show error modal when item removal failed
+     */
+    showRemoveItemsErrorModal(): void;
     /**
      * Removes all tile models that are currently checked & adjusts the paging
      * of the data source to account for any new gaps in the data.
@@ -578,5 +592,11 @@ 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
+     * If total results exceed the threshold, partially resets the datasource pages
+     * and fetches the first page with a limit based on the threshold
+     */
+    private fetchManagableSearchResults;
     static get styles(): import("lit").CSSResult[];
 }

package/dist/src/collection-browser.js

@@ -1,4 +1,5 @@
 import { __decorate } from "tslib";
+/* eslint-disable import/no-duplicates */
 import { html, css, LitElement, nothing, } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
@@ -13,7 +14,6 @@ import { analyticsActions, analyticsCategories, } from './utils/analytics-events
 import chevronIcon from './assets/img/icons/chevron';
 import { srOnlyStyle } from './styles/sr-only';
 import { sha1 } from './utils/sha1';
-import { formatDate } from './utils/format-date';
 import { log } from './utils/log';
 import './empty-placeholder';
 import './tiles/tile-dispatcher';
@@ -118,6 +118,11 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
          * for the previous/next page, we'll fetch the next/previous page to populate it
          */
         this.dataSource = new CollectionBrowserDataSource(this, this.pageSize);
+        /**
+         * 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 page that the consumer wants to load.
          */
@@ -229,7 +234,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             sessionStorage === null || sessionStorage === void 0 ? void 0 : sessionStorage.setItem('cb-session', newSessionId);
             return newSessionId;
         }
-        catch (_a) {
+        catch (err) {
             // Either we can't generate the hash or we're restricted from accessing sessionStorage
             return '';
         }
@@ -585,20 +590,28 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
      * showing the management view. This generally replaces the sort bar when present.
      */
     get manageBarTemplate() {
+        const manageViewModalMsg = this.profileElement === 'uploads'
+            ? 'Note: it may take a few minutes for these items to stop appearing in your uploads list.'
+            : nothing;
         return html `
       <manage-bar
         .label=${this.manageViewLabel}
-        .pageContext=${this.pageContext}
+        .modalManager=${this.modalManager}
+        .selectedItems=${this.dataSource.checkedTileModels}
+        .manageViewModalMsg=${manageViewModalMsg}
         showSelectAll
         showUnselectAll
+        ?showItemManageButton=${this.pageContext === 'search'}
         ?removeAllowed=${this.dataSource.checkedTileModels.length !== 0}
         @removeItems=${this.handleRemoveItems}
-        @itemsManager=${this.handleItemsManager}
+        @manageItems=${this.handleManageItems}
         @selectAll=${() => this.dataSource.checkAllTiles()}
         @unselectAll=${() => this.dataSource.uncheckAllTiles()}
         @cancel=${() => {
             this.isManageView = false;
             this.dataSource.uncheckAllTiles();
+            if (this.searchResultsLoading)
+                this.dataSource.resetPages();
         }}
       ></manage-bar>
     `;
@@ -610,27 +623,34 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
     handleRemoveItems() {
         this.dispatchEvent(new CustomEvent('itemRemovalRequested', {
             detail: {
-                items: this.dataSource.checkedTileModels.map(model => {
-                    const cloned = model.clone();
-                    cloned.dateStr = formatDate(model.datePublished, 'long');
-                    return cloned;
-                }),
+                items: this.dataSource.checkedTileModels.map(model => (model === null || model === void 0 ? void 0 : model.identifier) ? model.identifier : ''),
             },
         }));
     }
     /**
      * Handler when user request to bulk edit from /search/ page
      */
-    handleItemsManager() {
+    handleManageItems() {
         this.dispatchEvent(new CustomEvent('itemManagerRequested', {
             detail: {
-                items: this.dataSource.checkedTileModels
-                    .map(item => item.identifier)
-                    .filter(Boolean)
-                    .join(','),
+                items: this.dataSource.checkedTileModels.map(model => (model === null || model === void 0 ? void 0 : model.identifier) ? model.identifier : ''),
             },
         }));
     }
+    /**
+     * Handler to show processing modal while removing item
+     */
+    showRemoveItemsProcessingModal() {
+        var _a;
+        (_a = this.manageBar) === null || _a === void 0 ? void 0 : _a.showRemoveItemsProcessingModal();
+    }
+    /**
+     * Handler to show error modal when item removal failed
+     */
+    showRemoveItemsErrorModal() {
+        var _a;
+        (_a = this.manageBar) === null || _a === void 0 ? void 0 : _a.showRemoveItemsErrorModal();
+    }
     /**
      * Removes all tile models that are currently checked & adjusts the paging
      * of the data source to account for any new gaps in the data.
@@ -1033,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();
@@ -1140,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')) {
@@ -1660,6 +1684,22 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             this.dataSource.fetchPage(this.pagesToRender);
         }
     }
+    /**
+     * Fetches search results for privileged users when in manage view
+     * If total results exceed the threshold, partially resets the datasource pages
+     * and fetches the first page with a limit based on the threshold
+     */
+    fetchManagableSearchResults() {
+        var _a;
+        const maxAllowedResults = this.maxPagesToManage * this.pageSize;
+        if (this.pageContext === 'search' &&
+            this.dataSource.totalResults > maxAllowedResults &&
+            !this.searchResultsLoading) {
+            this.dataSource.resetPages();
+            this.dataSource.fetchPage(1, this.maxPagesToManage); // will fetch 750 results
+            (_a = this.infiniteScroller) === null || _a === void 0 ? void 0 : _a.reload();
+        }
+    }
     static get styles() {
         return [
             srOnlyStyle,
@@ -2261,6 +2301,9 @@ __decorate([
 __decorate([
     query('collection-facets')
 ], CollectionBrowser.prototype, "collectionFacets", void 0);
+__decorate([
+    query('manage-bar')
+], CollectionBrowser.prototype, "manageBar", void 0);
 __decorate([
     property({ type: Object, attribute: false })
 ], CollectionBrowser.prototype, "analyticsHandler", void 0);