@internetarchive/collection-browser 4.3.0 → 4.3.1-alpha-webdev8165.0

package/dist/src/manage/manage-bar.d.ts

@@ -1,6 +1,7 @@
 import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
 import { type ModalManagerInterface } from '@internetarchive/modal-manager';
 import type { ManageableItem } from '../models';
+import { PageElementName } from '@internetarchive/search-service';
 import './remove-items-modal-content';
 export declare class ManageBar extends LitElement {
     /**
@@ -16,9 +17,9 @@ export declare class ManageBar extends LitElement {
      */
     selectedItems: Array<ManageableItem>;
     /**
-     * Message shows as note in the modal when removing items
+     * Which section of the profile page searches are for (e.g., uploads, reviews, ...)
      */
-    manageViewModalMsg?: string;
+    profileElement?: PageElementName;
     /**
      * Whether to show the "Select All" button (default false)
      */
@@ -36,6 +37,10 @@ export declare class ManageBar extends LitElement {
      */
     removeAllowed: boolean;
     render(): TemplateResult;
+    /**
+     * Message to show in the manage view modal, depending on context.
+     */
+    private get manageViewModalMsg();
     private cancelClicked;
     private removeItemsClicked;
     private manageItemsClicked;

package/dist/src/manage/manage-bar.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { msg } from '@lit/localize';
+import { msg, str } from '@lit/localize';
 import { LitElement, html, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { when } from 'lit/directives/when.js';
@@ -35,45 +35,67 @@ let ManageBar = class ManageBar extends LitElement {
         this.removeAllowed = false;
     }
     render() {
-        return html `
-      <div class="manage-container">
-        <span class="manage-label">${this.label}</span>
-        <div class="manage-buttons">
-          <button class="ia-button dark" @click=${this.cancelClicked}>
-            ${msg('Cancel')}
-          </button>
-          <button
-            class="ia-button danger"
-            ?disabled=${!this.removeAllowed}
-            @click=${this.showRemoveItemsModal}
-          >
-            ${msg('Remove selected items')} (${this.selectedItems.length})...
-          </button>
-          ${when(this.showItemManageButton, () => html ` <button
-                class="ia-button warning"
-                ?disabled=${!this.removeAllowed}
-                @click=${this.manageItemsClicked}
-              >
-                ${msg('Item Manager the items')} (${this.selectedItems.length})
-              </button>`)}
-          <div class="selection-buttons">
-            ${when(this.showSelectAll, () => html ` <button
-                  class="ia-button link select-all-btn"
-                  @click=${this.selectAllClicked}
-                >
-                  ${msg('Select all')}
-                </button>`)}
-            ${when(this.showUnselectAll, () => html ` <button
-                  class="ia-button link unselect-all-btn"
-                  @click=${this.unselectAllClicked}
-                >
-                  ${msg('Unselect all')}
-                </button>`)}
-          </div>
-        </div>
-      </div>
+        return html `
+      <div class="manage-container">
+        <span class="manage-label">${this.label}</span>
+        <div class="manage-buttons">
+          <button class="ia-button dark" @click=${this.cancelClicked}>
+            ${msg('Cancel')}
+          </button>
+          <button
+            class="ia-button danger"
+            ?disabled=${!this.removeAllowed}
+            @click=${this.showRemoveItemsModal}
+          >
+            ${msg('Remove selected items')} (${this.selectedItems.length})...
+          </button>
+          ${when(this.showItemManageButton, () => html ` <button
+                class="ia-button warning"
+                ?disabled=${!this.removeAllowed}
+                @click=${this.manageItemsClicked}
+              >
+                ${msg('Item Manager the items')} (${this.selectedItems.length})
+              </button>`)}
+          <div class="selection-buttons">
+            ${when(this.showSelectAll, () => html ` <button
+                  class="ia-button link select-all-btn"
+                  @click=${this.selectAllClicked}
+                >
+                  ${msg('Select all')}
+                </button>`)}
+            ${when(this.showUnselectAll, () => html ` <button
+                  class="ia-button link unselect-all-btn"
+                  @click=${this.unselectAllClicked}
+                >
+                  ${msg('Unselect all')}
+                </button>`)}
+          </div>
+        </div>
+      </div>
     `;
     }
+    /**
+     * Message to show in the manage view modal, depending on context.
+     */
+    get manageViewModalMsg() {
+        const pluralize = this.selectedItems.length > 1;
+        const subject = pluralize ? 'these items' : 'this item';
+        let listName = '';
+        switch (this.profileElement) {
+            case 'uploads':
+                listName = 'uploads list';
+                break;
+            case 'web_archives':
+                listName = 'web archives list';
+                break;
+            case 'favorites':
+                listName = 'favorites list';
+                break;
+            default:
+                return '';
+        }
+        return msg(str `Note: It may take a few minutes for ${subject} to stop appearing in your ${listName}.`);
+    }
     cancelClicked() {
         this.dispatchEvent(new CustomEvent('cancel'));
     }
@@ -94,12 +116,12 @@ let ManageBar = class ManageBar extends LitElement {
      * @param items Which items to list in the modal
      */
     showRemoveItemsModal() {
-        const customModalContent = html `
-      <remove-items-modal-content
-        .items=${this.selectedItems}
-        .message=${this.manageViewModalMsg}
-        @confirm=${() => this.removeItemsClicked()}
-      ></remove-items-modal-content>
+        const customModalContent = html `
+      <remove-items-modal-content
+        .items=${this.selectedItems}
+        .message=${this.manageViewModalMsg}
+        @confirm=${() => this.removeItemsClicked()}
+      ></remove-items-modal-content>
     `;
         const config = new ModalConfig({
             showProcessingIndicator: false,
@@ -163,40 +185,40 @@ let ManageBar = class ManageBar extends LitElement {
         });
     }
     static get styles() {
-        return css `
-      ${iaButtonStyle}
-      .manage-container {
-        display: flex;
-        align-items: center;
-        column-gap: 5px;
-        padding: 20px 0 20px;
-        flex-wrap: wrap;
-      }
-
-      .manage-label {
-        display: inline-block;
-        font-weight: bold;
-        font-size: 1.8rem;
-        padding-right: 10px;
-      }
-
-      .manage-buttons {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-        column-gap: 5px;
-      }
-
-      .selection-buttons {
-        display: inherit;
-      }
-
-      .ia-button,
-      button {
-        padding: 6px 12px;
-        font-size: 1.4rem;
-        margin: 3px 0;
-      }
+        return css `
+      ${iaButtonStyle}
+      .manage-container {
+        display: flex;
+        align-items: center;
+        column-gap: 5px;
+        padding: 20px 0 20px;
+        flex-wrap: wrap;
+      }
+
+      .manage-label {
+        display: inline-block;
+        font-weight: bold;
+        font-size: 1.8rem;
+        padding-right: 10px;
+      }
+
+      .manage-buttons {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        column-gap: 5px;
+      }
+
+      .selection-buttons {
+        display: inherit;
+      }
+
+      .ia-button,
+      button {
+        padding: 6px 12px;
+        font-size: 1.4rem;
+        margin: 3px 0;
+      }
     `;
     }
 };
@@ -207,11 +229,11 @@ __decorate([
     property({ type: Object })
 ], ManageBar.prototype, "modalManager", void 0);
 __decorate([
-    property({ type: Object })
+    property({ type: Array })
 ], ManageBar.prototype, "selectedItems", void 0);
 __decorate([
     property({ type: String })
-], ManageBar.prototype, "manageViewModalMsg", void 0);
+], ManageBar.prototype, "profileElement", void 0);
 __decorate([
     property({ type: Boolean })
 ], ManageBar.prototype, "showSelectAll", void 0);

package/dist/src/manage/manage-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"manage-bar.js","sourceRoot":"","sources":["../../../src/manage/manage-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { msg } from '@lit/localize';\nimport { LitElement, html, css, TemplateResult, CSSResultGroup } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport {\n  ModalConfig,\n  type ModalManagerInterface,\n} from '@internetarchive/modal-manager';\nimport type { ManageableItem } from '../models';\nimport iaButtonStyle from '../styles/ia-button';\nimport './remove-items-modal-content';\n\n@customElement('manage-bar')\nexport class ManageBar extends LitElement {\n  /**\n   * The label displayed in front of the management buttons\n   */\n  @property({ type: String }) label = msg('Select items to remove');\n\n  /**\n   * The shared modal manager component for displaying modal dialogs on this page\n   */\n  @property({ type: Object }) modalManager?: ModalManagerInterface;\n\n  /**\n   * Array of items that have been selected for management\n   */\n  @property({ type: Object }) selectedItems: Array<ManageableItem> = [];\n\n  /**\n   * Message shows as note in the modal when removing items\n   */\n  @property({ type: String }) manageViewModalMsg?: string;\n\n  /**\n   * Whether to show the \"Select All\" button (default false)\n   */\n  @property({ type: Boolean }) showSelectAll = false;\n\n  /**\n   * Whether to show the \"Unselect All\" button (default false)\n   */\n  @property({ type: Boolean }) showUnselectAll = false;\n\n  /**\n   * Whether to show \"Item Manager the items\" button (default false)\n   */\n  @property({ type: Boolean }) showItemManageButton = false;\n\n  /**\n   * Whether to active delete button for selectable items\n   */\n  @property({ type: Boolean }) removeAllowed = false;\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"manage-container\">\n        <span class=\"manage-label\">${this.label}</span>\n        <div class=\"manage-buttons\">\n          <button class=\"ia-button dark\" @click=${this.cancelClicked}>\n            ${msg('Cancel')}\n          </button>\n          <button\n            class=\"ia-button danger\"\n            ?disabled=${!this.removeAllowed}\n            @click=${this.showRemoveItemsModal}\n          >\n            ${msg('Remove selected items')} (${this.selectedItems.length})...\n          </button>\n          ${when(\n            this.showItemManageButton,\n            () =>\n              html` <button\n                class=\"ia-button warning\"\n                ?disabled=${!this.removeAllowed}\n                @click=${this.manageItemsClicked}\n              >\n                ${msg('Item Manager the items')} (${this.selectedItems.length})\n              </button>`,\n          )}\n          <div class=\"selection-buttons\">\n            ${when(\n              this.showSelectAll,\n              () =>\n                html` <button\n                  class=\"ia-button link select-all-btn\"\n                  @click=${this.selectAllClicked}\n                >\n                  ${msg('Select all')}\n                </button>`,\n            )}\n            ${when(\n              this.showUnselectAll,\n              () =>\n                html` <button\n                  class=\"ia-button link unselect-all-btn\"\n                  @click=${this.unselectAllClicked}\n                >\n                  ${msg('Unselect all')}\n                </button>`,\n            )}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private cancelClicked(): void {\n    this.dispatchEvent(new CustomEvent('cancel'));\n  }\n\n  private removeItemsClicked(): void {\n    this.dispatchEvent(new CustomEvent('removeItems'));\n  }\n\n  private manageItemsClicked(): void {\n    this.dispatchEvent(new CustomEvent('manageItems'));\n  }\n\n  private selectAllClicked(): void {\n    this.dispatchEvent(new CustomEvent('selectAll'));\n  }\n\n  private unselectAllClicked(): void {\n    this.dispatchEvent(new CustomEvent('unselectAll'));\n  }\n\n  /**\n   * Shows a modal dialog confirming the list of items to be removed\n   * @param items Which items to list in the modal\n   */\n  private showRemoveItemsModal(): void {\n    const customModalContent = html`\n      <remove-items-modal-content\n        .items=${this.selectedItems}\n        .message=${this.manageViewModalMsg}\n        @confirm=${() => this.removeItemsClicked()}\n      ></remove-items-modal-content>\n    `;\n\n    const config = new ModalConfig({\n      showProcessingIndicator: false,\n      processingImageMode: 'processing',\n      bodyColor: '#fff',\n      headerColor: '#194880',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true,\n      title: html`${msg('Are you sure you want to remove these items?')}`,\n    });\n\n    this.modalManager?.classList.add('remove-items');\n    this.modalManager?.showModal({\n      config,\n      customModalContent,\n      userClosedModalCallback: () => {\n        this.modalManager?.classList.remove('remove-items');\n      },\n    });\n  }\n\n  /**\n   * Shows a modal dialog indicating that item removal is being processed\n   */\n  showRemoveItemsProcessingModal(): void {\n    const config = new ModalConfig({\n      showProcessingIndicator: true,\n      processingImageMode: 'processing',\n      bodyColor: '#fff',\n      headerColor: '#194880',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true,\n      title: html`${msg('Removing selected items...')}`,\n    });\n\n    this.modalManager?.classList.add('remove-items');\n    this.modalManager?.showModal({\n      config,\n      userClosedModalCallback: () => {\n        this.modalManager?.classList.remove('remove-items');\n      },\n    });\n  }\n\n  /**\n   * Shows a modal dialog indicating that an error occurred while removing items\n   */\n  showRemoveItemsErrorModal(): void {\n    const config = new ModalConfig({\n      showProcessingIndicator: false,\n      processingImageMode: 'processing',\n      bodyColor: '#fff',\n      headerColor: '#691916',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true,\n      title: html`${msg('Error: unable to remove items')}`,\n      message: html`${msg(\n        'An error occurred while removing items. Please try again in a few minutes.',\n      )}`,\n    });\n\n    this.modalManager?.classList.add('remove-items');\n    this.modalManager?.showModal({\n      config,\n      userClosedModalCallback: () => {\n        this.modalManager?.classList.remove('remove-items');\n      },\n    });\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      ${iaButtonStyle}\n      .manage-container {\n        display: flex;\n        align-items: center;\n        column-gap: 5px;\n        padding: 20px 0 20px;\n        flex-wrap: wrap;\n      }\n\n      .manage-label {\n        display: inline-block;\n        font-weight: bold;\n        font-size: 1.8rem;\n        padding-right: 10px;\n      }\n\n      .manage-buttons {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        column-gap: 5px;\n      }\n\n      .selection-buttons {\n        display: inherit;\n      }\n\n      .ia-button,\n      button {\n        padding: 6px 12px;\n        font-size: 1.4rem;\n        margin: 3px 0;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"manage-bar.js","sourceRoot":"","sources":["../../../src/manage/manage-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { msg, str } from '@lit/localize';\r\nimport { LitElement, html, css, TemplateResult, CSSResultGroup } from 'lit';\r\nimport { customElement, property } from 'lit/decorators.js';\r\nimport { when } from 'lit/directives/when.js';\r\nimport {\r\n  ModalConfig,\r\n  type ModalManagerInterface,\r\n} from '@internetarchive/modal-manager';\r\nimport type { ManageableItem } from '../models';\r\nimport { PageElementName } from '@internetarchive/search-service';\r\nimport iaButtonStyle from '../styles/ia-button';\r\nimport './remove-items-modal-content';\r\n\r\n@customElement('manage-bar')\r\nexport class ManageBar extends LitElement {\r\n  /**\r\n   * The label displayed in front of the management buttons\r\n   */\r\n  @property({ type: String }) label = msg('Select items to remove');\r\n\r\n  /**\r\n   * The shared modal manager component for displaying modal dialogs on this page\r\n   */\r\n  @property({ type: Object }) modalManager?: ModalManagerInterface;\r\n\r\n  /**\r\n   * Array of items that have been selected for management\r\n   */\r\n  @property({ type: Array }) selectedItems: Array<ManageableItem> = [];\r\n\r\n  /**\r\n   * Which section of the profile page searches are for (e.g., uploads, reviews, ...)\r\n   */\r\n  @property({ type: String }) profileElement?: PageElementName;\r\n\r\n  /**\r\n   * Whether to show the \"Select All\" button (default false)\r\n   */\r\n  @property({ type: Boolean }) showSelectAll = false;\r\n\r\n  /**\r\n   * Whether to show the \"Unselect All\" button (default false)\r\n   */\r\n  @property({ type: Boolean }) showUnselectAll = false;\r\n\r\n  /**\r\n   * Whether to show \"Item Manager the items\" button (default false)\r\n   */\r\n  @property({ type: Boolean }) showItemManageButton = false;\r\n\r\n  /**\r\n   * Whether to active delete button for selectable items\r\n   */\r\n  @property({ type: Boolean }) removeAllowed = false;\r\n\r\n  render(): TemplateResult {\r\n    return html`\r\n      <div class=\"manage-container\">\r\n        <span class=\"manage-label\">${this.label}</span>\r\n        <div class=\"manage-buttons\">\r\n          <button class=\"ia-button dark\" @click=${this.cancelClicked}>\r\n            ${msg('Cancel')}\r\n          </button>\r\n          <button\r\n            class=\"ia-button danger\"\r\n            ?disabled=${!this.removeAllowed}\r\n            @click=${this.showRemoveItemsModal}\r\n          >\r\n            ${msg('Remove selected items')} (${this.selectedItems.length})...\r\n          </button>\r\n          ${when(\r\n            this.showItemManageButton,\r\n            () =>\r\n              html` <button\r\n                class=\"ia-button warning\"\r\n                ?disabled=${!this.removeAllowed}\r\n                @click=${this.manageItemsClicked}\r\n              >\r\n                ${msg('Item Manager the items')} (${this.selectedItems.length})\r\n              </button>`,\r\n          )}\r\n          <div class=\"selection-buttons\">\r\n            ${when(\r\n              this.showSelectAll,\r\n              () =>\r\n                html` <button\r\n                  class=\"ia-button link select-all-btn\"\r\n                  @click=${this.selectAllClicked}\r\n                >\r\n                  ${msg('Select all')}\r\n                </button>`,\r\n            )}\r\n            ${when(\r\n              this.showUnselectAll,\r\n              () =>\r\n                html` <button\r\n                  class=\"ia-button link unselect-all-btn\"\r\n                  @click=${this.unselectAllClicked}\r\n                >\r\n                  ${msg('Unselect all')}\r\n                </button>`,\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  /**\r\n   * Message to show in the manage view modal, depending on context.\r\n   */\r\n  private get manageViewModalMsg(): string {\r\n    const pluralize = this.selectedItems.length > 1;\r\n    const subject = pluralize ? 'these items' : 'this item';\r\n\r\n    let listName = '';\r\n\r\n    switch (this.profileElement) {\r\n      case 'uploads':\r\n        listName = 'uploads list';\r\n        break;\r\n      case 'web_archives':\r\n        listName = 'web archives list';\r\n        break;\r\n      case 'favorites':\r\n        listName = 'favorites list';\r\n        break;\r\n      default:\r\n        return '';\r\n    }\r\n\r\n    return msg(\r\n      str`Note: It may take a few minutes for ${subject} to stop appearing in your ${listName}.`,\r\n    );\r\n  }\r\n\r\n  private cancelClicked(): void {\r\n    this.dispatchEvent(new CustomEvent('cancel'));\r\n  }\r\n\r\n  private removeItemsClicked(): void {\r\n    this.dispatchEvent(new CustomEvent('removeItems'));\r\n  }\r\n\r\n  private manageItemsClicked(): void {\r\n    this.dispatchEvent(new CustomEvent('manageItems'));\r\n  }\r\n\r\n  private selectAllClicked(): void {\r\n    this.dispatchEvent(new CustomEvent('selectAll'));\r\n  }\r\n\r\n  private unselectAllClicked(): void {\r\n    this.dispatchEvent(new CustomEvent('unselectAll'));\r\n  }\r\n\r\n  /**\r\n   * Shows a modal dialog confirming the list of items to be removed\r\n   * @param items Which items to list in the modal\r\n   */\r\n  private showRemoveItemsModal(): void {\r\n    const customModalContent = html`\r\n      <remove-items-modal-content\r\n        .items=${this.selectedItems}\r\n        .message=${this.manageViewModalMsg}\r\n        @confirm=${() => this.removeItemsClicked()}\r\n      ></remove-items-modal-content>\r\n    `;\r\n\r\n    const config = new ModalConfig({\r\n      showProcessingIndicator: false,\r\n      processingImageMode: 'processing',\r\n      bodyColor: '#fff',\r\n      headerColor: '#194880',\r\n      showHeaderLogo: false,\r\n      closeOnBackdropClick: true,\r\n      title: html`${msg('Are you sure you want to remove these items?')}`,\r\n    });\r\n\r\n    this.modalManager?.classList.add('remove-items');\r\n    this.modalManager?.showModal({\r\n      config,\r\n      customModalContent,\r\n      userClosedModalCallback: () => {\r\n        this.modalManager?.classList.remove('remove-items');\r\n      },\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Shows a modal dialog indicating that item removal is being processed\r\n   */\r\n  showRemoveItemsProcessingModal(): void {\r\n    const config = new ModalConfig({\r\n      showProcessingIndicator: true,\r\n      processingImageMode: 'processing',\r\n      bodyColor: '#fff',\r\n      headerColor: '#194880',\r\n      showHeaderLogo: false,\r\n      closeOnBackdropClick: true,\r\n      title: html`${msg('Removing selected items...')}`,\r\n    });\r\n\r\n    this.modalManager?.classList.add('remove-items');\r\n    this.modalManager?.showModal({\r\n      config,\r\n      userClosedModalCallback: () => {\r\n        this.modalManager?.classList.remove('remove-items');\r\n      },\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Shows a modal dialog indicating that an error occurred while removing items\r\n   */\r\n  showRemoveItemsErrorModal(): void {\r\n    const config = new ModalConfig({\r\n      showProcessingIndicator: false,\r\n      processingImageMode: 'processing',\r\n      bodyColor: '#fff',\r\n      headerColor: '#691916',\r\n      showHeaderLogo: false,\r\n      closeOnBackdropClick: true,\r\n      title: html`${msg('Error: unable to remove items')}`,\r\n      message: html`${msg(\r\n        'An error occurred while removing items. Please try again in a few minutes.',\r\n      )}`,\r\n    });\r\n\r\n    this.modalManager?.classList.add('remove-items');\r\n    this.modalManager?.showModal({\r\n      config,\r\n      userClosedModalCallback: () => {\r\n        this.modalManager?.classList.remove('remove-items');\r\n      },\r\n    });\r\n  }\r\n\r\n  static get styles(): CSSResultGroup {\r\n    return css`\r\n      ${iaButtonStyle}\r\n      .manage-container {\r\n        display: flex;\r\n        align-items: center;\r\n        column-gap: 5px;\r\n        padding: 20px 0 20px;\r\n        flex-wrap: wrap;\r\n      }\r\n\r\n      .manage-label {\r\n        display: inline-block;\r\n        font-weight: bold;\r\n        font-size: 1.8rem;\r\n        padding-right: 10px;\r\n      }\r\n\r\n      .manage-buttons {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        column-gap: 5px;\r\n      }\r\n\r\n      .selection-buttons {\r\n        display: inherit;\r\n      }\r\n\r\n      .ia-button,\r\n      button {\r\n        padding: 6px 12px;\r\n        font-size: 1.4rem;\r\n        margin: 3px 0;\r\n      }\r\n    `;\r\n  }\r\n}\r\n"]}

package/dist/src/models.d.ts

@@ -138,12 +138,6 @@ export interface SortOption {
      * Whether this sort option may appear in the sort bar.
      */
     shownInSortBar: boolean;
-    /**
-     * Whether this sort option should be saved to the URL.
-     * If false, then no `sort` param will be added to the URL when this sort option
-     * is selected.
-     */
-    shownInURL: boolean;
     /**
      * Whether this sort option is passed to the search service.
      * If false, then no sort param will be passed to the search service at all when

package/dist/src/models.js

@@ -190,7 +190,6 @@ export const SORT_OPTIONS = {
         defaultSortDirection: null,
         canSetDirection: false,
         shownInSortBar: false,
-        shownInURL: false,
         handledBySearchService: false, // We rely on the PPS default sort handling in these cases
         displayName: '',
         urlNames: ['', null, undefined], // Empty or nullish sort params result in default sorting
@@ -204,30 +203,30 @@ export const SORT_OPTIONS = {
         defaultSortDirection: null,
         canSetDirection: true,
         shownInSortBar: false,
-        shownInURL: false,
         handledBySearchService: true, // The unrecognized sort param is passed along as-is
         displayName: '',
         urlNames: [],
     },
-    // Relevance sort is unique in that it does not produce a URL param when it is set.
-    // It is only available when there is a user-specified query that relevancy can be scored against.
-    // Therefore, it does not appear as a sort bar option when browsing a collection with no query set.
+    // Relevance sort is only available when there is a user-specified query that relevancy can be
+    // scored against. Therefore, it does not appear as a sort bar option when browsing a collection
+    // with no query set. When relevance is the page default (e.g., for regular searches), it is
+    // remapped to SortField.default and does not produce a URL param. When it is NOT the default
+    // (e.g., TV searches), it writes `sort=relevance` to the URL. The `_score` alias is retained
+    // for backwards compatibility (it's what the PPS uses under the hood).
     [SortField.relevance]: {
         field: SortField.relevance,
         defaultSortDirection: null,
         canSetDirection: false,
         shownInSortBar: true,
-        shownInURL: false,
         handledBySearchService: false,
         displayName: 'Relevance',
-        urlNames: ['_score'],
+        urlNames: ['relevance', '_score'],
     },
     [SortField.alltimeview]: {
         field: SortField.alltimeview,
         defaultSortDirection: 'desc',
         canSetDirection: true,
         shownInSortBar: true,
-        shownInURL: true,
         handledBySearchService: true,
         searchServiceKey: 'downloads',
         displayName: 'All-time views',
@@ -238,7 +237,6 @@ export const SORT_OPTIONS = {
         defaultSortDirection: 'desc',
         canSetDirection: true,
         shownInSortBar: true,
-        shownInURL: true,
         handledBySearchService: true,
         searchServiceKey: 'week',
         displayName: 'Weekly views',
@@ -249,7 +247,6 @@ export const SORT_OPTIONS = {
         defaultSortDirection: 'asc',
         canSetDirection: true,
         shownInSortBar: true,
-        shownInURL: true,
         handledBySearchService: true,
         searchServiceKey: 'titleSorter',
         displayName: 'Title',
@@ -260,7 +257,6 @@ export const SORT_OPTIONS = {
         defaultSortDirection: 'desc',
         canSetDirection: true,
         shownInSortBar: true,
-        shownInURL: true,
         handledBySearchService: true,
         searchServiceKey: 'date',
         displayName: 'Date published',
@@ -271,7 +267,6 @@ export const SORT_OPTIONS = {
         defaultSortDirection: 'desc',
         canSetDirection: true,
         shownInSortBar: true,
-        shownInURL: true,
         handledBySearchService: true,
         searchServiceKey: 'publicdate',
         displayName: 'Date archived',
@@ -282,7 +277,6 @@ export const SORT_OPTIONS = {
         defaultSortDirection: 'desc',
         canSetDirection: true,
         shownInSortBar: true,
-        shownInURL: true,
         handledBySearchService: true,
         searchServiceKey: 'reviewdate',
         displayName: 'Date reviewed',
@@ -293,7 +287,6 @@ export const SORT_OPTIONS = {
         defaultSortDirection: 'desc',
         canSetDirection: true,
         shownInSortBar: true,
-        shownInURL: true,
         handledBySearchService: true,
         searchServiceKey: 'addeddate',
         displayName: 'Date added',
@@ -304,7 +297,6 @@ export const SORT_OPTIONS = {
         defaultSortDirection: 'desc',
         canSetDirection: false,
         shownInSortBar: true, // But only when viewing fav-* collections
-        shownInURL: false,
         handledBySearchService: false,
         searchServiceKey: 'favoritedate',
         displayName: 'Date favorited',
@@ -315,7 +307,6 @@ export const SORT_OPTIONS = {
         defaultSortDirection: 'asc',
         canSetDirection: true,
         shownInSortBar: true,
-        shownInURL: true,
         handledBySearchService: true,
         searchServiceKey: 'creatorSorter',
         displayName: 'Creator',