@internetarchive/collection-browser 2.6.0 → 2.6.2-alpha.0

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

@@ -46,11 +46,12 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
      * Which mode to display result tiles in (grid, extended list, or compact list)
      */
     displayMode?: CollectionDisplayMode;
-    defaultSortParam: SortParam | null;
     selectedSort: SortField;
     selectedTitleFilter: string | null;
     selectedCreatorFilter: string | null;
     sortDirection: SortDirection | null;
+    defaultSortField: Exclude<SortField, SortField.default>;
+    defaultSortDirection: SortDirection | null;
     pageSize: number;
     currentPage?: number;
     minSelectedDate?: string;
@@ -153,8 +154,6 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     private mobileView;
     private collapsibleFacetsVisible;
     private contentWidth?;
-    private defaultSortField;
-    private defaultSortDirection;
     private placeholderType;
     private contentContainer;
     private leftColumn?;
@@ -333,6 +332,10 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
      * An object representing the current sort field & direction.
      */
     get sortParam(): SortParam | null;
+    /**
+     * An object representing the default sort field & direction, if none are explicitly set.
+     */
+    get defaultSortParam(): SortParam | null;
     /**
      * Handler for when the display mode option is changed (grid/list/compact-list views).
      */

package/dist/src/collection-browser.js

@@ -31,11 +31,12 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
          * Which backend should be targeted by searches (e.g., metadata or FTS)
          */
         this.searchType = SearchType.METADATA;
-        this.defaultSortParam = null;
         this.selectedSort = SortField.default;
         this.selectedTitleFilter = null;
         this.selectedCreatorFilter = null;
         this.sortDirection = null;
+        this.defaultSortField = SortField.relevance;
+        this.defaultSortDirection = null;
         this.pageSize = 50;
         /**
          * Whether to show the date picker (above the facets)
@@ -131,8 +132,6 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         this.facetsLoading = false;
         this.mobileView = false;
         this.collapsibleFacetsVisible = false;
-        this.defaultSortField = SortField.relevance;
-        this.defaultSortDirection = null;
         this.placeholderType = null;
         /** Whether layout size analytics have been sent already. */
         this.layoutSizeAnalyticsSent = false;
@@ -452,8 +451,9 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         const shouldShowSearching = this.searchResultsLoading || this.totalResults === undefined;
         const resultsCount = (_a = this.totalResults) === null || _a === void 0 ? void 0 : _a.toLocaleString();
         const resultsLabel = this.totalResults === 1 ? 'Result' : 'Results';
+        // Added data-testid for Playwright testing
         return html `
-      <div id="results-total">
+      <div id="results-total" data-testid="results-total">
         <span id="big-results-count">
           ${shouldShowSearching ? html `Searching&hellip;` : resultsCount}
         </span>
@@ -642,6 +642,17 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             return null;
         return { field: sortField, direction: this.sortDirection };
     }
+    /**
+     * An object representing the default sort field & direction, if none are explicitly set.
+     */
+    get defaultSortParam() {
+        var _a;
+        const direction = (_a = this.defaultSortDirection) !== null && _a !== void 0 ? _a : 'asc';
+        const field = SORT_OPTIONS[this.defaultSortField].searchServiceKey;
+        if (!field)
+            return null;
+        return { field, direction };
+    }
     /**
      * Handler for when the display mode option is changed (grid/list/compact-list views).
      */
@@ -1487,10 +1498,6 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         if (sortField && sortField !== SortField.default) {
             this.defaultSortField = sortField;
             this.defaultSortDirection = dir;
-            this.defaultSortParam = {
-                field: this.defaultSortField,
-                direction: this.defaultSortDirection,
-            };
         }
     }
     /**
@@ -1505,10 +1512,6 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             this.defaultSortField = SortField.weeklyview;
         }
         this.defaultSortDirection = 'desc';
-        this.defaultSortParam = {
-            field: this.defaultSortField,
-            direction: this.defaultSortDirection,
-        };
     }
     /**
      * This is useful for determining whether we need to reload the scroller.
@@ -2023,9 +2026,6 @@ __decorate([
 __decorate([
     property({ type: String })
 ], CollectionBrowser.prototype, "displayMode", void 0);
-__decorate([
-    property({ type: Object })
-], CollectionBrowser.prototype, "defaultSortParam", void 0);
 __decorate([
     property({ type: String })
 ], CollectionBrowser.prototype, "selectedSort", void 0);
@@ -2038,6 +2038,12 @@ __decorate([
 __decorate([
     property({ type: String })
 ], CollectionBrowser.prototype, "sortDirection", void 0);
+__decorate([
+    property({ type: String })
+], CollectionBrowser.prototype, "defaultSortField", void 0);
+__decorate([
+    property({ type: String })
+], CollectionBrowser.prototype, "defaultSortDirection", void 0);
 __decorate([
     property({ type: Number })
 ], CollectionBrowser.prototype, "pageSize", void 0);
@@ -2143,12 +2149,6 @@ __decorate([
 __decorate([
     state()
 ], CollectionBrowser.prototype, "contentWidth", void 0);
-__decorate([
-    state()
-], CollectionBrowser.prototype, "defaultSortField", void 0);
-__decorate([
-    state()
-], CollectionBrowser.prototype, "defaultSortDirection", void 0);
 __decorate([
     state()
 ], CollectionBrowser.prototype, "placeholderType", void 0);