@internetarchive/collection-browser 0.2.11 → 0.2.12

package/dist/src/mediatype/mediatype-config.js

@@ -1,86 +0,0 @@
-import { accountIcon } from '../assets/img/icons/mediatype/account';
-import { audioIcon } from '../assets/img/icons/mediatype/audio';
-import { collectionIcon } from '../assets/img/icons/mediatype/collection';
-import { dataIcon } from '../assets/img/icons/mediatype/data';
-import { etreeIcon } from '../assets/img/icons/mediatype/etree';
-import { imagesIcon } from '../assets/img/icons/mediatype/images';
-import { filmIcon } from '../assets/img/icons/mediatype/film';
-import { radioIcon } from '../assets/img/icons/mediatype/radio';
-import { softwareIcon } from '../assets/img/icons/mediatype/software';
-import { textsIcon } from '../assets/img/icons/mediatype/texts';
-import { tvIcon } from '../assets/img/icons/mediatype/tv';
-import { videoIcon } from '../assets/img/icons/mediatype/video';
-import { webIcon } from '../assets/img/icons/mediatype/web';
-export const mediatypeConfig = {
-    account: {
-        color: '#000000',
-        icon: accountIcon,
-        text: 'Account',
-    },
-    audio: {
-        color: '#00adef',
-        icon: audioIcon,
-        text: 'Audio',
-    },
-    collection: {
-        color: '#4666ff',
-        icon: collectionIcon,
-        text: 'Collection',
-    },
-    data: {
-        color: '#333333',
-        icon: dataIcon,
-        text: 'Data',
-    },
-    etree: {
-        color: '#00adef',
-        icon: etreeIcon,
-        text: 'E-tree',
-    },
-    film: {
-        color: '#bf1b2c',
-        icon: filmIcon,
-        text: 'Film',
-    },
-    image: {
-        color: '#aa99c9',
-        icon: imagesIcon,
-        text: 'Image',
-    },
-    movies: {
-        color: '#f1644b',
-        icon: filmIcon,
-        text: 'Movie',
-    },
-    radio: {
-        color: '#8fdaef',
-        icon: radioIcon,
-        text: 'Radio',
-    },
-    software: {
-        color: '#9ecc4f',
-        icon: softwareIcon,
-        text: 'Software',
-    },
-    texts: {
-        color: '#faab3c',
-        icon: textsIcon,
-        text: 'Text',
-    },
-    tv: {
-        color: '#f1644b',
-        icon: tvIcon,
-        text: 'TV',
-    },
-    video: {
-        color: '#f1644b',
-        icon: videoIcon,
-        text: 'Video',
-    },
-    web: {
-        color: '#ffcd27',
-        icon: webIcon,
-        text: 'Web',
-    },
-};
-//# sourceMappingURL=mediatype-config.js.map

package/dist/src/mediatype/mediatype-config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mediatype-config.js","sourceRoot":"","sources":["../../../src/mediatype/mediatype-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,MAAM,CAAC,MAAM,eAAe,GAA2B;IACrD,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,SAAS;KAChB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAO;KACd;IACD,UAAU,EAAE;QACV,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,YAAY;KACnB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,MAAM;KACb;IACD,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,QAAQ;KACf;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,MAAM;KACb;IACD,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,OAAO;KACd;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,OAAO;KACd;IACD,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAO;KACd;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,UAAU;KACjB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,MAAM;KACb;IACD,EAAE,EAAE;QACF,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,IAAI;KACX;IACD,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAO;KACd;IACD,GAAG,EAAE;QACH,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,KAAK;KACZ;CACF,CAAC","sourcesContent":["import { accountIcon } from '../assets/img/icons/mediatype/account';\nimport { audioIcon } from '../assets/img/icons/mediatype/audio';\nimport { collectionIcon } from '../assets/img/icons/mediatype/collection';\nimport { dataIcon } from '../assets/img/icons/mediatype/data';\nimport { etreeIcon } from '../assets/img/icons/mediatype/etree';\nimport { imagesIcon } from '../assets/img/icons/mediatype/images';\nimport { filmIcon } from '../assets/img/icons/mediatype/film';\nimport { radioIcon } from '../assets/img/icons/mediatype/radio';\nimport { softwareIcon } from '../assets/img/icons/mediatype/software';\nimport { textsIcon } from '../assets/img/icons/mediatype/texts';\nimport { tvIcon } from '../assets/img/icons/mediatype/tv';\nimport { videoIcon } from '../assets/img/icons/mediatype/video';\nimport { webIcon } from '../assets/img/icons/mediatype/web';\n\nexport const mediatypeConfig: { [key: string]: any } = {\n  account: {\n    color: '#000000',\n    icon: accountIcon,\n    text: 'Account',\n  },\n  audio: {\n    color: '#00adef',\n    icon: audioIcon,\n    text: 'Audio',\n  },\n  collection: {\n    color: '#4666ff',\n    icon: collectionIcon,\n    text: 'Collection',\n  },\n  data: {\n    color: '#333333',\n    icon: dataIcon,\n    text: 'Data',\n  },\n  etree: {\n    color: '#00adef',\n    icon: etreeIcon,\n    text: 'E-tree',\n  },\n  film: {\n    color: '#bf1b2c',\n    icon: filmIcon,\n    text: 'Film',\n  },\n  image: {\n    color: '#aa99c9',\n    icon: imagesIcon,\n    text: 'Image',\n  },\n  movies: {\n    color: '#f1644b',\n    icon: filmIcon,\n    text: 'Movie',\n  },\n  radio: {\n    color: '#8fdaef',\n    icon: radioIcon,\n    text: 'Radio',\n  },\n  software: {\n    color: '#9ecc4f',\n    icon: softwareIcon,\n    text: 'Software',\n  },\n  texts: {\n    color: '#faab3c',\n    icon: textsIcon,\n    text: 'Text',\n  },\n  tv: {\n    color: '#f1644b',\n    icon: tvIcon,\n    text: 'TV',\n  },\n  video: {\n    color: '#f1644b',\n    icon: videoIcon,\n    text: 'Video',\n  },\n  web: {\n    color: '#ffcd27',\n    icon: webIcon,\n    text: 'Web',\n  },\n};\n"]}

package/dist/src/models.d.ts

@@ -1,84 +0,0 @@
-import type { MediaType } from '@internetarchive/field-parsers';
-export interface TileModel {
-    averageRating?: number;
-    collectionIdentifier?: string;
-    collectionName?: string;
-    collections: string[];
-    commentCount: number;
-    creator?: string;
-    creators: string[];
-    dateAdded?: Date;
-    dateArchived?: Date;
-    datePublished?: Date;
-    dateReviewed?: Date;
-    description?: string;
-    favCount: number;
-    identifier: string;
-    issue?: string;
-    itemCount: number;
-    mediatype: MediaType;
-    source?: string;
-    subjects: string[];
-    title: string;
-    viewCount: number;
-    volume?: string;
-    loginRequired: boolean;
-    contentWarning: boolean;
-}
-export declare type CollectionDisplayMode = 'grid' | 'list-compact' | 'list-detail';
-export declare type TileDisplayMode = 'grid' | 'list-compact' | 'list-detail' | 'list-header';
-/**
- * This is mainly used to set the cookies for the collection display mode.
- *
- * It allows the user to set different modes for different contexts (collection page, search page, etc).
- */
-export declare type CollectionBrowserContext = 'collection' | 'search';
-/**
- * The sort fields shown in the sort filter bar
- */
-export declare enum SortField {
-    'relevance' = "relevance",
-    'views' = "views",
-    'title' = "title",
-    'datearchived' = "datearchived",
-    'date' = "date",
-    'datereviewed' = "datereviewed",
-    'dateadded' = "dateadded",
-    'creator' = "creator"
-}
-/**
- * The metadata fields we sort by that map to the SortFields above
- */
-export declare type MetadataSortField = 'week' | 'titleSorter' | 'date' | 'creatorSorter' | 'publicdate' | 'reviewdate' | 'addeddate';
-export declare const SortFieldDisplayName: {
-    [key in SortField]: string;
-};
-/**
- * Maps the SortField above to the corresponding Metadata field in the API.
- */
-export declare const SortFieldToMetadataField: {
-    [key in SortField]: MetadataSortField | null;
-};
-/**
- * Maps the Metadata field to the corresponding SortField field in the API.
- */
-export declare const MetadataFieldToSortField: {
-    [key in MetadataSortField]: SortField;
-};
-export declare type FacetOption = 'subject' | 'mediatype' | 'language' | 'creator' | 'collection' | 'year';
-export declare type SelectedFacetState = 'selected' | 'hidden';
-export declare type FacetState = SelectedFacetState | 'none';
-export interface FacetBucket {
-    displayText?: string;
-    key: string;
-    count: number;
-    state: FacetState;
-}
-export interface FacetGroup {
-    title: string;
-    key: FacetOption;
-    buckets: FacetBucket[];
-}
-export declare type FacetValue = string;
-export declare type SelectedFacets = Record<FacetOption, Record<FacetValue, SelectedFacetState>>;
-export declare const defaultSelectedFacets: SelectedFacets;

package/dist/src/models.js

@@ -1,58 +0,0 @@
-/**
- * The sort fields shown in the sort filter bar
- */
-export var SortField;
-(function (SortField) {
-    SortField["relevance"] = "relevance";
-    SortField["views"] = "views";
-    SortField["title"] = "title";
-    SortField["datearchived"] = "datearchived";
-    SortField["date"] = "date";
-    SortField["datereviewed"] = "datereviewed";
-    SortField["dateadded"] = "dateadded";
-    SortField["creator"] = "creator";
-})(SortField || (SortField = {}));
-export const SortFieldDisplayName = {
-    relevance: 'Relevance',
-    views: 'Views',
-    title: 'Title',
-    datearchived: 'Date Archived',
-    date: 'Date Published',
-    datereviewed: 'Date Reviewed',
-    dateadded: 'Date Added',
-    creator: 'Creator',
-};
-/**
- * Maps the SortField above to the corresponding Metadata field in the API.
- */
-export const SortFieldToMetadataField = {
-    relevance: null,
-    views: 'week',
-    title: 'titleSorter',
-    datearchived: 'publicdate',
-    date: 'date',
-    datereviewed: 'reviewdate',
-    dateadded: 'addeddate',
-    creator: 'creatorSorter',
-};
-/**
- * Maps the Metadata field to the corresponding SortField field in the API.
- */
-export const MetadataFieldToSortField = {
-    titleSorter: SortField.title,
-    date: SortField.date,
-    publicdate: SortField.datearchived,
-    reviewdate: SortField.datereviewed,
-    addeddate: SortField.dateadded,
-    creatorSorter: SortField.creator,
-    week: SortField.views,
-};
-export const defaultSelectedFacets = {
-    subject: {},
-    mediatype: {},
-    language: {},
-    creator: {},
-    collection: {},
-    year: {},
-};
-//# sourceMappingURL=models.js.map

package/dist/src/models.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"models.js","sourceRoot":"","sources":["../../src/models.ts"],"names":[],"mappings":"AA4CA;;GAEG;AACH,MAAM,CAAN,IAAY,SASX;AATD,WAAY,SAAS;IACnB,oCAAyB,CAAA;IACzB,4BAAiB,CAAA;IACjB,4BAAiB,CAAA;IACjB,0CAA+B,CAAA;IAC/B,0BAAe,CAAA;IACf,0CAA+B,CAAA;IAC/B,oCAAyB,CAAA;IACzB,gCAAqB,CAAA;AACvB,CAAC,EATW,SAAS,KAAT,SAAS,QASpB;AAcD,MAAM,CAAC,MAAM,oBAAoB,GAE7B;IACF,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,YAAY,EAAE,eAAe;IAC7B,IAAI,EAAE,gBAAgB;IACtB,YAAY,EAAE,eAAe;IAC7B,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAEjC;IACF,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,aAAa;IACpB,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,YAAY;IAC1B,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,eAAe;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAEjC;IACF,WAAW,EAAE,SAAS,CAAC,KAAK;IAC5B,IAAI,EAAE,SAAS,CAAC,IAAI;IACpB,UAAU,EAAE,SAAS,CAAC,YAAY;IAClC,UAAU,EAAE,SAAS,CAAC,YAAY;IAClC,SAAS,EAAE,SAAS,CAAC,SAAS;IAC9B,aAAa,EAAE,SAAS,CAAC,OAAO;IAChC,IAAI,EAAE,SAAS,CAAC,KAAK;CACtB,CAAC;AAmCF,MAAM,CAAC,MAAM,qBAAqB,GAAmB;IACnD,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,EAAE;CACT,CAAC","sourcesContent":["import type { MediaType } from '@internetarchive/field-parsers';\n\nexport interface TileModel {\n  averageRating?: number;\n  collectionIdentifier?: string;\n  collectionName?: string;\n  collections: string[];\n  commentCount: number;\n  creator?: string;\n  creators: string[];\n  dateAdded?: Date; // Date added to public search (software-defined) [from: addeddate]\n  dateArchived?: Date; // Date archived (software-defined) item created on archive.org [from: publicdate]\n  datePublished?: Date; // Date work published in the world (user-defined) [from: date]\n  dateReviewed?: Date; // Date reviewed (user-created) most recent review [from: reviewdate]\n  description?: string;\n  favCount: number;\n  identifier: string;\n  issue?: string;\n  itemCount: number;\n  mediatype: MediaType;\n  source?: string;\n  subjects: string[];\n  title: string;\n  viewCount: number;\n  volume?: string;\n  loginRequired: boolean;\n  contentWarning: boolean;\n}\n\nexport type CollectionDisplayMode = 'grid' | 'list-compact' | 'list-detail';\n\nexport type TileDisplayMode =\n  | 'grid'\n  | 'list-compact'\n  | 'list-detail'\n  | 'list-header';\n\n/**\n * This is mainly used to set the cookies for the collection display mode.\n *\n * It allows the user to set different modes for different contexts (collection page, search page, etc).\n */\nexport type CollectionBrowserContext = 'collection' | 'search';\n\n/**\n * The sort fields shown in the sort filter bar\n */\nexport enum SortField {\n  'relevance' = 'relevance',\n  'views' = 'views',\n  'title' = 'title',\n  'datearchived' = 'datearchived',\n  'date' = 'date',\n  'datereviewed' = 'datereviewed',\n  'dateadded' = 'dateadded',\n  'creator' = 'creator',\n}\n\n/**\n * The metadata fields we sort by that map to the SortFields above\n */\nexport type MetadataSortField =\n  | 'week'\n  | 'titleSorter'\n  | 'date'\n  | 'creatorSorter'\n  | 'publicdate'\n  | 'reviewdate'\n  | 'addeddate';\n\nexport const SortFieldDisplayName: {\n  [key in SortField]: string;\n} = {\n  relevance: 'Relevance',\n  views: 'Views',\n  title: 'Title',\n  datearchived: 'Date Archived',\n  date: 'Date Published',\n  datereviewed: 'Date Reviewed',\n  dateadded: 'Date Added',\n  creator: 'Creator',\n};\n\n/**\n * Maps the SortField above to the corresponding Metadata field in the API.\n */\nexport const SortFieldToMetadataField: {\n  [key in SortField]: MetadataSortField | null;\n} = {\n  relevance: null,\n  views: 'week',\n  title: 'titleSorter',\n  datearchived: 'publicdate',\n  date: 'date',\n  datereviewed: 'reviewdate',\n  dateadded: 'addeddate',\n  creator: 'creatorSorter',\n};\n\n/**\n * Maps the Metadata field to the corresponding SortField field in the API.\n */\nexport const MetadataFieldToSortField: {\n  [key in MetadataSortField]: SortField;\n} = {\n  titleSorter: SortField.title,\n  date: SortField.date,\n  publicdate: SortField.datearchived,\n  reviewdate: SortField.datereviewed,\n  addeddate: SortField.dateadded,\n  creatorSorter: SortField.creator,\n  week: SortField.views,\n};\n\nexport type FacetOption =\n  | 'subject'\n  | 'mediatype'\n  | 'language'\n  | 'creator'\n  | 'collection'\n  | 'year';\n\nexport type SelectedFacetState = 'selected' | 'hidden';\n\nexport type FacetState = SelectedFacetState | 'none';\n\nexport interface FacetBucket {\n  // for some facets, we augment the key with a display value\n  displayText?: string;\n  key: string;\n  count: number;\n  state: FacetState;\n}\n\nexport interface FacetGroup {\n  title: string;\n  key: FacetOption;\n  buckets: FacetBucket[];\n}\n\nexport type FacetValue = string;\n\nexport type SelectedFacets = Record<\n  FacetOption,\n  Record<FacetValue, SelectedFacetState>\n>;\n\nexport const defaultSelectedFacets: SelectedFacets = {\n  subject: {},\n  mediatype: {},\n  language: {},\n  creator: {},\n  collection: {},\n  year: {},\n};\n"]}

package/dist/src/restoration-state-handler.d.ts

@@ -1,38 +0,0 @@
-import { SortDirection, SortParam } from '@internetarchive/search-service';
-import { CollectionBrowserContext, CollectionDisplayMode, SelectedFacets, SortField } from './models';
-export interface RestorationState {
-    displayMode?: CollectionDisplayMode;
-    sortParam?: SortParam;
-    selectedSort?: SortField;
-    sortDirection?: SortDirection;
-    selectedFacets: SelectedFacets;
-    baseQuery?: string;
-    currentPage?: number;
-    dateRangeQueryClause?: string;
-    titleQuery?: string;
-    creatorQuery?: string;
-    minSelectedDate?: string;
-    maxSelectedDate?: string;
-    selectedTitleFilter?: string;
-    selectedCreatorFilter?: string;
-}
-export interface RestorationStateHandlerInterface {
-    persistState(state: RestorationState): void;
-    getRestorationState(): RestorationState;
-}
-export declare class RestorationStateHandler implements RestorationStateHandlerInterface {
-    private context;
-    private cookieDomain;
-    private cookieExpiration;
-    private cookiePath;
-    constructor(options: {
-        context: CollectionBrowserContext;
-    });
-    persistState(state: RestorationState): void;
-    getRestorationState(): RestorationState;
-    private persistViewStateToCookies;
-    private loadTileViewStateFromCookies;
-    private persistQueryStateToUrl;
-    private loadQueryStateFromUrl;
-    private stripQuotes;
-}

package/dist/src/restoration-state-handler.js

@@ -1,204 +0,0 @@
-import { getCookie, setCookie } from 'typescript-cookie';
-import { MetadataFieldToSortField, } from './models';
-export class RestorationStateHandler {
-    constructor(options) {
-        this.cookieDomain = '.archive.org';
-        this.cookieExpiration = 30;
-        this.cookiePath = '/';
-        this.context = options.context;
-    }
-    persistState(state) {
-        if (state.displayMode)
-            this.persistViewStateToCookies(state.displayMode);
-        this.persistQueryStateToUrl(state);
-    }
-    getRestorationState() {
-        const restorationState = this.loadQueryStateFromUrl();
-        const displayMode = this.loadTileViewStateFromCookies();
-        restorationState.displayMode = displayMode;
-        return restorationState;
-    }
-    persistViewStateToCookies(displayMode) {
-        const gridState = displayMode === 'grid' ? 'tiles' : 'lists';
-        setCookie(`view-${this.context}`, gridState, {
-            domain: this.cookieDomain,
-            expires: this.cookieExpiration,
-            path: this.cookiePath,
-        });
-        const detailsState = displayMode === 'list-detail' ? 'showdetails' : '';
-        setCookie(`showdetails-${this.context}`, detailsState, {
-            domain: this.cookieDomain,
-            expires: this.cookieExpiration,
-            path: this.cookiePath,
-        });
-    }
-    loadTileViewStateFromCookies() {
-        const viewState = getCookie(`view-${this.context}`);
-        const detailsState = getCookie(`showdetails-${this.context}`);
-        if (viewState === 'tiles' || viewState === undefined)
-            return 'grid';
-        if (detailsState === 'showdetails')
-            return 'list-detail';
-        return 'list-compact';
-    }
-    persistQueryStateToUrl(state) {
-        const url = new URL(window.location.href);
-        const { searchParams } = url;
-        searchParams.delete('sort');
-        searchParams.delete('query');
-        searchParams.delete('page');
-        searchParams.delete('and[]');
-        searchParams.delete('not[]');
-        if (state.sortParam) {
-            const prefix = state.sortParam.direction === 'desc' ? '-' : '';
-            searchParams.set('sort', `${prefix}${state.sortParam.field}`);
-        }
-        if (state.baseQuery) {
-            searchParams.set('query', state.baseQuery);
-        }
-        if (state.currentPage) {
-            if (state.currentPage > 1) {
-                searchParams.set('page', state.currentPage.toString());
-            }
-            else {
-                searchParams.delete('page');
-            }
-        }
-        if (state.selectedFacets) {
-            for (const [facetName, facetValues] of Object.entries(state.selectedFacets)) {
-                const facetEntries = Object.entries(facetValues);
-                // eslint-disable-next-line no-continue
-                if (facetEntries.length === 0)
-                    continue;
-                for (const [key, facetState] of facetEntries) {
-                    const notValue = facetState === 'hidden';
-                    const paramValue = `${facetName}:"${key}"`;
-                    if (notValue) {
-                        searchParams.append('not[]', paramValue);
-                    }
-                    else {
-                        searchParams.append('and[]', paramValue);
-                    }
-                }
-            }
-        }
-        if (state.dateRangeQueryClause) {
-            searchParams.append('and[]', state.dateRangeQueryClause);
-        }
-        if (state.titleQuery) {
-            searchParams.append('and[]', state.titleQuery);
-        }
-        if (state.creatorQuery) {
-            searchParams.append('and[]', state.creatorQuery);
-        }
-        window.history.pushState({
-            sort: state.sortParam,
-            query: state.baseQuery,
-            page: state.currentPage,
-            and: state.selectedFacets,
-            not: state.selectedFacets,
-            dateRange: state.dateRangeQueryClause,
-        }, '', url);
-    }
-    loadQueryStateFromUrl() {
-        const url = new URL(window.location.href);
-        const pageNumber = url.searchParams.get('page');
-        const searchQuery = url.searchParams.get('query');
-        const sortQuery = url.searchParams.get('sort');
-        const facetAnds = url.searchParams.getAll('and[]');
-        const facetNots = url.searchParams.getAll('not[]');
-        const restorationState = {
-            selectedFacets: {
-                subject: {},
-                creator: {},
-                mediatype: {},
-                language: {},
-                collection: {},
-                year: {},
-            },
-        };
-        if (pageNumber) {
-            const parsed = parseInt(pageNumber, 10);
-            restorationState.currentPage = parsed;
-        }
-        else {
-            restorationState.currentPage = 1;
-        }
-        if (searchQuery) {
-            restorationState.baseQuery = searchQuery;
-        }
-        if (sortQuery) {
-            // check for two different sort formats: `date desc` and `-date`
-            const hasSpace = sortQuery.indexOf(' ') > -1;
-            if (hasSpace) {
-                const [field, direction] = sortQuery.split(' ');
-                const metadataField = MetadataFieldToSortField[field];
-                if (metadataField) {
-                    restorationState.selectedSort = metadataField;
-                }
-                if (direction === 'desc' || direction === 'asc') {
-                    restorationState.sortDirection = direction;
-                }
-            }
-            else {
-                const sortDirection = sortQuery.startsWith('-') ? 'desc' : 'asc';
-                const sortField = sortQuery.startsWith('-')
-                    ? sortQuery.slice(1)
-                    : sortQuery;
-                const metadataField = MetadataFieldToSortField[sortField];
-                if (metadataField)
-                    restorationState.selectedSort = metadataField;
-                restorationState.sortDirection = sortDirection;
-            }
-        }
-        if (facetAnds) {
-            facetAnds.forEach(and => {
-                const [field, value] = and.split(':');
-                const unQuotedValue = this.stripQuotes(value);
-                switch (field) {
-                    case 'year': {
-                        const [minDate, maxDate] = value.split(' TO ');
-                        // we have two potential ways of filtering by date:
-                        // the range with "date TO date" or the single date with "date"
-                        // this is checking for the range case and if we don't have those, fall
-                        // back to the single date case
-                        if (minDate && maxDate) {
-                            restorationState.minSelectedDate = minDate.substring(1, minDate.length);
-                            restorationState.maxSelectedDate = maxDate.substring(0, maxDate.length - 1);
-                            restorationState.dateRangeQueryClause = `year:${value}`;
-                        }
-                        else {
-                            restorationState.selectedFacets[field][unQuotedValue] = 'selected';
-                        }
-                        break;
-                    }
-                    case 'firstTitle':
-                        restorationState.selectedTitleFilter = value;
-                        break;
-                    case 'firstCreator':
-                        restorationState.selectedCreatorFilter = value;
-                        break;
-                    default:
-                        restorationState.selectedFacets[field][unQuotedValue] = 'selected';
-                }
-            });
-        }
-        if (facetNots) {
-            facetNots.forEach(not => {
-                const [field, value] = not.split(':');
-                const unQuotedValue = this.stripQuotes(value);
-                restorationState.selectedFacets[field][unQuotedValue] =
-                    'hidden';
-            });
-        }
-        return restorationState;
-    }
-    // remove optional opening and closing quotes from a string
-    stripQuotes(value) {
-        if (value.startsWith('"') && value.endsWith('"')) {
-            return value.substring(1, value.length - 1);
-        }
-        return value;
-    }
-}
-//# sourceMappingURL=restoration-state-handler.js.map

package/dist/src/restoration-state-handler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"restoration-state-handler.js","sourceRoot":"","sources":["../../src/restoration-state-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { SortDirection, SortParam } from '@internetarchive/search-service';\nimport { getCookie, setCookie } from 'typescript-cookie';\nimport {\n  MetadataFieldToSortField,\n  MetadataSortField,\n  FacetOption,\n  CollectionBrowserContext,\n  CollectionDisplayMode,\n  SelectedFacets,\n  SortField,\n} from './models';\n\nexport interface RestorationState {\n  displayMode?: CollectionDisplayMode;\n  sortParam?: SortParam;\n  selectedSort?: SortField;\n  sortDirection?: SortDirection;\n  selectedFacets: SelectedFacets;\n  baseQuery?: string;\n  currentPage?: number;\n  dateRangeQueryClause?: string;\n  titleQuery?: string;\n  creatorQuery?: string;\n  minSelectedDate?: string;\n  maxSelectedDate?: string;\n  selectedTitleFilter?: string;\n  selectedCreatorFilter?: string;\n}\n\nexport interface RestorationStateHandlerInterface {\n  persistState(state: RestorationState): void;\n  getRestorationState(): RestorationState;\n}\n\nexport class RestorationStateHandler\n  implements RestorationStateHandlerInterface\n{\n  private context: CollectionBrowserContext;\n\n  private cookieDomain = '.archive.org';\n\n  private cookieExpiration = 30;\n\n  private cookiePath = '/';\n\n  constructor(options: { context: CollectionBrowserContext }) {\n    this.context = options.context;\n  }\n\n  persistState(state: RestorationState): void {\n    if (state.displayMode) this.persistViewStateToCookies(state.displayMode);\n    this.persistQueryStateToUrl(state);\n  }\n\n  getRestorationState(): RestorationState {\n    const restorationState = this.loadQueryStateFromUrl();\n    const displayMode = this.loadTileViewStateFromCookies();\n    restorationState.displayMode = displayMode;\n    return restorationState;\n  }\n\n  private persistViewStateToCookies(displayMode: CollectionDisplayMode) {\n    const gridState = displayMode === 'grid' ? 'tiles' : 'lists';\n    setCookie(`view-${this.context}`, gridState, {\n      domain: this.cookieDomain,\n      expires: this.cookieExpiration,\n      path: this.cookiePath,\n    });\n    const detailsState = displayMode === 'list-detail' ? 'showdetails' : '';\n    setCookie(`showdetails-${this.context}`, detailsState, {\n      domain: this.cookieDomain,\n      expires: this.cookieExpiration,\n      path: this.cookiePath,\n    });\n  }\n\n  private loadTileViewStateFromCookies(): CollectionDisplayMode {\n    const viewState = getCookie(`view-${this.context}`);\n    const detailsState = getCookie(`showdetails-${this.context}`);\n    if (viewState === 'tiles' || viewState === undefined) return 'grid';\n    if (detailsState === 'showdetails') return 'list-detail';\n    return 'list-compact';\n  }\n\n  private persistQueryStateToUrl(state: RestorationState) {\n    const url = new URL(window.location.href);\n    const { searchParams } = url;\n    searchParams.delete('sort');\n    searchParams.delete('query');\n    searchParams.delete('page');\n    searchParams.delete('and[]');\n    searchParams.delete('not[]');\n\n    if (state.sortParam) {\n      const prefix = state.sortParam.direction === 'desc' ? '-' : '';\n      searchParams.set('sort', `${prefix}${state.sortParam.field}`);\n    }\n\n    if (state.baseQuery) {\n      searchParams.set('query', state.baseQuery);\n    }\n\n    if (state.currentPage) {\n      if (state.currentPage > 1) {\n        searchParams.set('page', state.currentPage.toString());\n      } else {\n        searchParams.delete('page');\n      }\n    }\n\n    if (state.selectedFacets) {\n      for (const [facetName, facetValues] of Object.entries(\n        state.selectedFacets\n      )) {\n        const facetEntries = Object.entries(facetValues);\n        // eslint-disable-next-line no-continue\n        if (facetEntries.length === 0) continue;\n        for (const [key, facetState] of facetEntries) {\n          const notValue = facetState === 'hidden';\n          const paramValue = `${facetName}:\"${key}\"`;\n          if (notValue) {\n            searchParams.append('not[]', paramValue);\n          } else {\n            searchParams.append('and[]', paramValue);\n          }\n        }\n      }\n    }\n\n    if (state.dateRangeQueryClause) {\n      searchParams.append('and[]', state.dateRangeQueryClause);\n    }\n    if (state.titleQuery) {\n      searchParams.append('and[]', state.titleQuery);\n    }\n    if (state.creatorQuery) {\n      searchParams.append('and[]', state.creatorQuery);\n    }\n\n    window.history.pushState(\n      {\n        sort: state.sortParam,\n        query: state.baseQuery,\n        page: state.currentPage,\n        and: state.selectedFacets,\n        not: state.selectedFacets,\n        dateRange: state.dateRangeQueryClause,\n      },\n      '',\n      url\n    );\n  }\n\n  private loadQueryStateFromUrl(): RestorationState {\n    const url = new URL(window.location.href);\n    const pageNumber = url.searchParams.get('page');\n    const searchQuery = url.searchParams.get('query');\n    const sortQuery = url.searchParams.get('sort');\n    const facetAnds = url.searchParams.getAll('and[]');\n    const facetNots = url.searchParams.getAll('not[]');\n\n    const restorationState: RestorationState = {\n      selectedFacets: {\n        subject: {},\n        creator: {},\n        mediatype: {},\n        language: {},\n        collection: {},\n        year: {},\n      },\n    };\n\n    if (pageNumber) {\n      const parsed = parseInt(pageNumber, 10);\n      restorationState.currentPage = parsed;\n    } else {\n      restorationState.currentPage = 1;\n    }\n    if (searchQuery) {\n      restorationState.baseQuery = searchQuery;\n    }\n    if (sortQuery) {\n      // check for two different sort formats: `date desc` and `-date`\n      const hasSpace = sortQuery.indexOf(' ') > -1;\n      if (hasSpace) {\n        const [field, direction] = sortQuery.split(' ');\n        const metadataField =\n          MetadataFieldToSortField[field as MetadataSortField];\n        if (metadataField) {\n          restorationState.selectedSort = metadataField;\n        }\n        if (direction === 'desc' || direction === 'asc') {\n          restorationState.sortDirection = direction as SortDirection;\n        }\n      } else {\n        const sortDirection = sortQuery.startsWith('-') ? 'desc' : 'asc';\n        const sortField = sortQuery.startsWith('-')\n          ? sortQuery.slice(1)\n          : sortQuery;\n        const metadataField =\n          MetadataFieldToSortField[sortField as MetadataSortField];\n        if (metadataField) restorationState.selectedSort = metadataField;\n        restorationState.sortDirection = sortDirection as SortDirection;\n      }\n    }\n    if (facetAnds) {\n      facetAnds.forEach(and => {\n        const [field, value] = and.split(':');\n        const unQuotedValue = this.stripQuotes(value);\n\n        switch (field) {\n          case 'year': {\n            const [minDate, maxDate] = value.split(' TO ');\n            // we have two potential ways of filtering by date:\n            // the range with \"date TO date\" or the single date with \"date\"\n            // this is checking for the range case and if we don't have those, fall\n            // back to the single date case\n            if (minDate && maxDate) {\n              restorationState.minSelectedDate = minDate.substring(\n                1,\n                minDate.length\n              );\n              restorationState.maxSelectedDate = maxDate.substring(\n                0,\n                maxDate.length - 1\n              );\n              restorationState.dateRangeQueryClause = `year:${value}`;\n            } else {\n              restorationState.selectedFacets[field as FacetOption][\n                unQuotedValue\n              ] = 'selected';\n            }\n            break;\n          }\n          case 'firstTitle':\n            restorationState.selectedTitleFilter = value;\n            break;\n          case 'firstCreator':\n            restorationState.selectedCreatorFilter = value;\n            break;\n          default:\n            restorationState.selectedFacets[field as FacetOption][\n              unQuotedValue\n            ] = 'selected';\n        }\n      });\n    }\n    if (facetNots) {\n      facetNots.forEach(not => {\n        const [field, value] = not.split(':');\n        const unQuotedValue = this.stripQuotes(value);\n        restorationState.selectedFacets[field as FacetOption][unQuotedValue] =\n          'hidden';\n      });\n    }\n    return restorationState;\n  }\n\n  // remove optional opening and closing quotes from a string\n  private stripQuotes(value: string): string {\n    if (value.startsWith('\"') && value.endsWith('\"')) {\n      return value.substring(1, value.length - 1);\n    }\n    return value;\n  }\n}\n"]}

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

@@ -1,9 +0,0 @@
-import { LitElement } from 'lit';
-export declare class AlphaBar extends LitElement {
-    selectedLetter: string | null;
-    private get selectedUppercaseLetter();
-    render(): import("lit-html").TemplateResult<1>;
-    private letterClicked;
-    private readonly alphabet;
-    static styles: import("lit").CSSResult;
-}

package/dist/src/sort-filter-bar/alpha-bar.js

@@ -1,98 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-let AlphaBar = class AlphaBar extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.selectedLetter = null;
-        this.alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
-    }
-    get selectedUppercaseLetter() {
-        var _a;
-        return (_a = this.selectedLetter) === null || _a === void 0 ? void 0 : _a.toUpperCase();
-    }
-    render() {
-        return html `
-      <div id="container">
-        <ul>
-          ${this.alphabet.map(letter => html `
-                <li
-                  class=${letter === this.selectedUppercaseLetter
-            ? 'selected'
-            : ''}
-                >
-                  <a
-                    href="#"
-                    @click=${(e) => {
-            e.preventDefault();
-            this.letterClicked(letter);
-        }}
-                  >
-                    ${letter}
-                  </a>
-                </li>
-              `)}
-        </ul>
-      </div>
-    `;
-    }
-    letterClicked(letter) {
-        if (letter === this.selectedUppercaseLetter) {
-            this.selectedLetter = null;
-        }
-        else {
-            this.selectedLetter = letter;
-        }
-        this.dispatchEvent(new CustomEvent('letterChanged', {
-            detail: { selectedLetter: this.selectedUppercaseLetter },
-        }));
-    }
-};
-AlphaBar.styles = css `
-    h1 {
-      font-size: 1.2rem;
-    }
-
-    #container {
-      background-color: #ddd;
-      color: #333;
-      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
-    }
-
-    ul {
-      list-style: none;
-      display: flex;
-      margin: 0;
-      padding: 0.5rem 1rem;
-      justify-content: space-between;
-    }
-
-    ul li {
-      flex: 1;
-      text-align: center;
-      max-width: 2.5rem;
-    }
-
-    a {
-      color: #333;
-      text-decoration: none;
-      padding: 0.5rem 0;
-      display: block;
-    }
-
-    .selected {
-      background-color: darkgray;
-    }
-
-    .selected a {
-      color: white;
-    }
-  `;
-__decorate([
-    property({ type: String })
-], AlphaBar.prototype, "selectedLetter", void 0);
-AlphaBar = __decorate([
-    customElement('alpha-bar')
-], AlphaBar);
-export { AlphaBar };
-//# sourceMappingURL=alpha-bar.js.map

package/dist/src/sort-filter-bar/alpha-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alpha-bar.js","sourceRoot":"","sources":["../../../src/sort-filter-bar/alpha-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,IAAa,QAAQ,GAArB,MAAa,QAAS,SAAQ,UAAU;IAAxC;;QAC8B,mBAAc,GAAkB,IAAI,CAAC;QAgDhD,aAAQ,GAAG,4BAA4B,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IA0CrE,CAAC;IAxFC,IAAY,uBAAuB;;QACjC,OAAO,MAAA,IAAI,CAAC,cAAc,0CAAE,WAAW,EAAE,CAAC;IAC5C,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,QAAQ,CAAC,GAAG,CACjB,MAAM,CAAC,EAAE,CACP,IAAI,CAAA;;0BAEQ,MAAM,KAAK,IAAI,CAAC,uBAAuB;YAC7C,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,EAAE;;;;6BAIK,CAAC,CAAQ,EAAE,EAAE;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC;;sBAEC,MAAM;;;eAGb,CACJ;;;KAGN,CAAC;IACJ,CAAC;IAEO,aAAa,CAAC,MAAc;QAClC,IAAI,MAAM,KAAK,IAAI,CAAC,uBAAuB,EAAE;YAC3C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;SAC5B;aAAM;YACL,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;SAC9B;QACD,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,uBAAuB,EAAE;SACzD,CAAC,CACH,CAAC;IACJ,CAAC;CA4CF,CAAA;AAxCQ,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuClB,CAAC;AAzF0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAsC;AADtD,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA2FpB;SA3FY,QAAQ","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('alpha-bar')\nexport class AlphaBar extends LitElement {\n  @property({ type: String }) selectedLetter: string | null = null;\n\n  private get selectedUppercaseLetter(): string | undefined {\n    return this.selectedLetter?.toUpperCase();\n  }\n\n  render() {\n    return html`\n      <div id=\"container\">\n        <ul>\n          ${this.alphabet.map(\n            letter =>\n              html`\n                <li\n                  class=${letter === this.selectedUppercaseLetter\n                    ? 'selected'\n                    : ''}\n                >\n                  <a\n                    href=\"#\"\n                    @click=${(e: Event) => {\n                      e.preventDefault();\n                      this.letterClicked(letter);\n                    }}\n                  >\n                    ${letter}\n                  </a>\n                </li>\n              `\n          )}\n        </ul>\n      </div>\n    `;\n  }\n\n  private letterClicked(letter: string) {\n    if (letter === this.selectedUppercaseLetter) {\n      this.selectedLetter = null;\n    } else {\n      this.selectedLetter = letter;\n    }\n    this.dispatchEvent(\n      new CustomEvent('letterChanged', {\n        detail: { selectedLetter: this.selectedUppercaseLetter },\n      })\n    );\n  }\n\n  private readonly alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');\n\n  static styles = css`\n    h1 {\n      font-size: 1.2rem;\n    }\n\n    #container {\n      background-color: #ddd;\n      color: #333;\n      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);\n    }\n\n    ul {\n      list-style: none;\n      display: flex;\n      margin: 0;\n      padding: 0.5rem 1rem;\n      justify-content: space-between;\n    }\n\n    ul li {\n      flex: 1;\n      text-align: center;\n      max-width: 2.5rem;\n    }\n\n    a {\n      color: #333;\n      text-decoration: none;\n      padding: 0.5rem 0;\n      display: block;\n    }\n\n    .selected {\n      background-color: darkgray;\n    }\n\n    .selected a {\n      color: white;\n    }\n  `;\n}\n"]}

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

@@ -1 +0,0 @@
-export declare const compactIcon: import("lit-html").TemplateResult<2>;