@internetarchive/collection-browser 0.0.1-alpha.13 → 0.0.1-alpha.16

package/src/models.ts

@@ -22,7 +22,11 @@ export interface TileModel {
   collections: string[];
 }
 
-export type CollectionDisplayMode = 'grid' | 'list-compact' | 'list-detail';
+export type CollectionDisplayMode =
+  | 'grid'
+  | 'list-compact'
+  | 'list-detail'
+  | 'list-header';
 
 /**
  * This is mainly used to set the cookies for the collection display mode.
@@ -34,15 +38,16 @@ export type CollectionBrowserContext = 'collection' | 'search';
 /**
  * The sort fields shown in the sort filter bar
  */
-export type SortField =
-  | 'relevance'
-  | 'views'
-  | 'title'
-  | 'datearchived'
-  | 'datepublished'
-  | 'datereviewed'
-  | 'dateadded'
-  | 'creator';
+export enum SortField {
+  'relevance' = 'relevance',
+  'views' = 'views',
+  'title' = 'title',
+  'datearchived' = 'datearchived',
+  'datepublished' = 'datepublished',
+  'datereviewed' = 'datereviewed',
+  'dateadded' = 'dateadded',
+  'creator' = 'creator',
+}
 
 /**
  * The metadata fields we sort by that map to the SortFields above
@@ -56,6 +61,19 @@ export type MetadataSortField =
   | 'reviewdate'
   | 'addeddate';
 
+export const SortFieldDisplayName: {
+  [key in SortField]: string;
+} = {
+  relevance: 'Relevance',
+  views: 'Views',
+  title: 'Title',
+  datearchived: 'Date Archived',
+  datepublished: 'Date Published',
+  datereviewed: 'Date Reviewed',
+  dateadded: 'Date Added',
+  creator: 'Creator',
+};
+
 /**
  * Maps the SortField above to the corresponding Metadata field in the API.
  */
@@ -78,13 +96,13 @@ export const SortFieldToMetadataField: {
 export const MetadataFieldToSortField: {
   [key in MetadataSortField]: SortField;
 } = {
-  titleSorter: 'title',
-  date: 'datearchived',
-  publicdate: 'datepublished',
-  reviewdate: 'datereviewed',
-  addeddate: 'dateadded',
-  creatorSorter: 'creator',
-  week: 'views',
+  titleSorter: SortField.title,
+  date: SortField.datearchived,
+  publicdate: SortField.datepublished,
+  reviewdate: SortField.datereviewed,
+  addeddate: SortField.dateadded,
+  creatorSorter: SortField.creator,
+  week: SortField.views,
 };
 
 export type FacetOption =

package/src/sort-filter-bar/alpha-bar.ts

@@ -75,7 +75,7 @@ export class AlphaBar extends LitElement {
     a {
       color: #333;
       text-decoration: none;
-      padding: 0.5rem 0.7rem;
+      padding: 0.5rem 0;
       display: block;
     }