@internetarchive/collection-browser 4.1.0-alpha-webdev8164.0 → 4.1.0-alpha-webdev8186.1

package/dist/src/sort-filter-bar/sort-filter-bar.d.ts

@@ -1,21 +1,16 @@
 import { LitElement, PropertyValues, TemplateResult } from 'lit';
-import type { SharedResizeObserverInterface, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
-import '@internetarchive/ia-dropdown';
 import type { SortDirection } from '@internetarchive/search-service';
-import { CollectionDisplayMode, DateSortField, PrefixFilterCounts, PrefixFilterType, SortField, ViewsSortField } from '../models';
+import { CollectionDisplayMode, PrefixFilterCounts, PrefixFilterType, SortField } from '../models';
+import '@internetarchive/ia-dropdown';
 import './alpha-bar';
 type AlphaSelector = 'creator' | 'title';
-export declare class SortFilterBar extends LitElement implements SharedResizeObserverResizeHandlerInterface {
+export declare class SortFilterBar extends LitElement {
     /** Which display mode the tiles are being rendered with (grid/list-detail/list-compact) */
     displayMode?: CollectionDisplayMode;
     /** The default sort direction to use if none is set */
     defaultSortDirection: SortDirection | null;
     /** The default sort field to use if none is set */
     defaultSortField: Exclude<SortField, SortField.default>;
-    /** Which view sort option to expose by default. */
-    defaultViewSort: ViewsSortField;
-    /** Which date sort option to expose by default */
-    defaultDateSort: DateSortField;
     /** The current sort direction (asc/desc), or null if none is set */
     sortDirection: SortDirection | null;
     /** The field currently being sorted on (e.g., 'title'). Defaults to relevance. */
@@ -44,15 +39,6 @@ export declare class SortFilterBar extends LitElement implements SharedResizeObs
     suppressDisplayModes: boolean;
     /** Maps of result counts for letters on the alphabet bar, for each letter filter type */
     prefixFilterCountMap?: Record<PrefixFilterType, PrefixFilterCounts>;
-    resizeObserver?: SharedResizeObserverInterface;
-    /**
-     * The Views sort option that was most recently selected (or the default, if none has been selected yet)
-     */
-    private lastSelectedViewSort;
-    /**
-     * The Date sort option that was most recently selected (or the default, if none has been selected yet)
-     */
-    private lastSelectedDateSort;
     /**
      * Which of the alphabet bars (title/creator) should be shown, or null if one
      * should not currently be rendered.
@@ -63,47 +49,13 @@ export declare class SortFilterBar extends LitElement implements SharedResizeObs
      * should be rendered.
      */
     dropdownBackdropVisible: boolean;
-    /**
-     * The width of the desktop view sort option container, updated upon each resize.
-     * Used for dynamically determining whether to use desktop or mobile view.
-     */
-    desktopSortContainerWidth: number;
-    /**
-     * The width of the full sort bar, updated upon each resize.
-     * Used for dynamically determining whether to use desktop or mobile view.
-     */
-    selectorBarContainerWidth: number;
-    /**
-     * The container for all the desktop view's sort options.
-     * Used for dynamically determining whether to use desktop or mobile view.
-     */
-    private desktopSortContainer;
-    /**
-     * The container for the full sort bar.
-     * Used for dynamically determining whether to use desktop or mobile view.
-     */
-    private sortSelectorContainer;
-    /** The dropdown component containing options for weekly and all-time views */
-    private viewsDropdown?;
-    /** The dropdown component containing all the available date options */
-    private dateDropdown?;
-    /** The single, consolidated dropdown component shown in mobile view */
-    private mobileDropdown;
+    /** The single, consolidated dropdown component containing all available options */
+    private sortOptionsDropdown;
     render(): TemplateResult<1>;
     willUpdate(changed: PropertyValues): void;
     updated(changed: PropertyValues): void;
     private setupEscapeListeners;
     private boundSortBarSelectorEscapeListener;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private disconnectResizeObserver;
-    private setupResizeObserver;
-    handleResize(entry: ResizeObserverEntry): void;
-    /**
-     * Whether to show the mobile sort bar because there is not enough space
-     * for the desktop sort bar.
-     */
-    private get mobileSelectorVisible();
     /**
      * Template to render the alphabet bar, or `nothing` if it should not be rendered
      * for the current sort
@@ -113,21 +65,8 @@ export declare class SortFilterBar extends LitElement implements SharedResizeObs
     private get sortDirectionSelectorTemplate();
     /** Template to render the sort direction button's icon in the correct current state */
     private get sortDirectionIcon();
-    /** The template to render all the sort options in desktop view */
-    private get desktopSortSelectorTemplate();
-    /** The template to render all the sort options in mobile view */
-    private get mobileSortSelectorTemplate();
-    /**
-     * This generates each of the non-dropdown sort option buttons.
-     *
-     * It manages the display value and the selected state of the option.
-     *
-     * @param sortField Which sort field the button represents
-     * @param options Additional options:
-     *   - `onSelected?: (e: Event) => void;` If this is provided, it will also be called when the option is selected.
-     *     Default is to clear any selected alphabetical filters.
-     */
-    private getSortSelectorButton;
+    /** The template to render all the sort options in a single dropdown */
+    private get sortSelectorTemplate();
     /**
      * Generates a dropdown component containing multiple grouped sort options.
      *
@@ -139,61 +78,12 @@ export declare class SortFilterBar extends LitElement implements SharedResizeObs
      *  selected appearance
      * @param options.onOptionSelected A handler for optionSelected events coming from the dropdown
      * @param options.onDropdownClick A handler for click events on the dropdown
-     * @param options.onLabelInteraction A handler for click events and Enter/Space keydown events
-     *  on the dropdown's label
      */
     private getSortDropdown;
     /** Generates a single dropdown option object for the given sort field */
     private getDropdownOption;
-    /** Handler for when any sort dropdown option is selected */
-    private dropdownOptionSelected;
-    /**
-     * Template for the Relevance sort selector button, or `nothing` if the relevance
-     * field is not available for display.
-     */
-    private get relevanceSortSelectorTemplate();
-    /**
-     * Template for the Views sort selector button.
-     * This is shown instead of the views dropdown when only a single views sort field
-     * is available.
-     */
-    private get viewsSortSelectorTemplate();
-    /**
-     * Template for the Title sort selector button, or `nothing` if the title field is
-     * not available for display.
-     */
-    private get titleSortSelectorTemplate();
-    /**
-     * Template for the Date sort selector button.
-     * This is shown instead of the dates dropdown when only a single date sort field
-     * is available.
-     */
-    private get dateSortSelectorTemplate();
-    /**
-     * Template for the Creator sort selector button, or `nothing` if the creator field
-     * is not available for display.
-     */
-    private get creatorSortSelectorTemplate();
-    /**
-     * Template for the Views dropdown, shown when 2+ views sort fields are available.
-     */
-    private get viewsDropdownTemplate();
-    /**
-     * Template for the Date dropdown, shown when 2+ date sort fields are available.
-     */
-    private get dateDropdownTemplate();
-    /**
-     * Provides the appropriate template to use for Views sorting, depending on how many
-     * views sort fields are available.
-     */
-    private get allViewsSortOptionsTemplate();
-    /**
-     * Provides the appropriate template to use for Date sorting, depending on how many
-     * date sort fields are available.
-     */
-    private get allDateSortOptionsTemplate();
-    /** Handler for when a new mobile sort dropdown option is selected */
-    private mobileSortChanged;
+    /** Handler for when a new sort dropdown option is selected */
+    private sortOptionSelected;
     /** Template for rendering the three display mode options */
     /** Added data-testid for Playwright testing * */
     private get displayOptionTemplate();
@@ -202,69 +92,20 @@ export declare class SortFilterBar extends LitElement implements SharedResizeObs
      * dropdown menu while it is open.
      */
     private get dropdownBackdrop();
-    /** Closes all of the sorting dropdown components' menus */
-    private closeDropdowns;
+    /** Closes the sorting dropdown component's menus */
+    private closeDropdown;
     private selectDropdownSortField;
-    private clearAlphaBarFilters;
-    private setSortDirection;
+    setSortDirection(sortDirection: SortDirection): void;
     /** Toggles the current sort direction between 'asc' and 'desc' */
     private toggleSortDirection;
     private handleSortDirectionClicked;
-    private setSelectedSort;
+    setSelectedSort(sort: SortField): void;
     /** The current sort field, or the default one if no explicit sort is set */
     private get finalizedSortField();
     /** The current sort direction, or the default one if no explicit direction is set */
     private get finalizedSortDirection();
     /** Whether the sort direction button should be enabled for the current sort */
     private get canChangeSortDirection();
-    /**
-     * There are four date sort options.
-     *
-     * This checks to see if the current sort is one of them.
-     *
-     * @readonly
-     * @private
-     * @type {boolean}
-     * @memberof SortFilterBar
-     */
-    private get dateOptionSelected();
-    /**
-     * There are two view sort options.
-     *
-     * This checks to see if the current sort is one of them.
-     *
-     * @readonly
-     * @private
-     * @type {boolean}
-     * @memberof SortFilterBar
-     */
-    private get viewOptionSelected();
-    /**
-     * The display name of the last selected date field
-     *
-     * @readonly
-     * @private
-     * @type {string}
-     * @memberof SortFilterBar
-     */
-    private get dateSortDisplayName();
-    /**
-     * The display name of the last selected view field
-     *
-     * @readonly
-     * @private
-     * @type {string}
-     * @memberof SortFilterBar
-     */
-    private get viewSortDisplayName();
-    /**
-     * Array of all the views sorts that should be shown
-     */
-    private get availableViewsFields();
-    /**
-     * Array of all the date sorts that should be shown
-     */
-    private get availableDateFields();
     private get titleSelectorBar();
     private get creatorSelectorBar();
     private titleLetterChanged;