@internetarchive/collection-browser 0.0.1-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.editorconfig +29 -0
- package/.github/workflows/ci.yml +26 -0
- package/.husky/pre-commit +4 -0
- package/LICENSE +661 -0
- package/README.md +68 -0
- package/demo/app-root.ts +414 -0
- package/demo/index.html +26 -0
- package/dist/demo/app-root.d.ts +43 -0
- package/dist/demo/app-root.js +385 -0
- package/dist/demo/app-root.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/src/assets/img/icons/audio.d.ts +1 -0
- package/dist/src/assets/img/icons/audio.js +9 -0
- package/dist/src/assets/img/icons/audio.js.map +1 -0
- package/dist/src/assets/img/icons/collection.d.ts +1 -0
- package/dist/src/assets/img/icons/collection.js +9 -0
- package/dist/src/assets/img/icons/collection.js.map +1 -0
- package/dist/src/assets/img/icons/etree.d.ts +1 -0
- package/dist/src/assets/img/icons/etree.js +9 -0
- package/dist/src/assets/img/icons/etree.js.map +1 -0
- package/dist/src/assets/img/icons/images.d.ts +1 -0
- package/dist/src/assets/img/icons/images.js +10 -0
- package/dist/src/assets/img/icons/images.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/account.d.ts +2 -0
- package/dist/src/assets/img/icons/mediatype/account.js +12 -0
- package/dist/src/assets/img/icons/mediatype/account.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/audio.js +11 -0
- package/dist/src/assets/img/icons/mediatype/audio.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/collection.js +9 -0
- package/dist/src/assets/img/icons/mediatype/collection.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/etree copy.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/etree copy.js +9 -0
- package/dist/src/assets/img/icons/mediatype/etree copy.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/etree.js +9 -0
- package/dist/src/assets/img/icons/mediatype/etree.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/film.js +13 -0
- package/dist/src/assets/img/icons/mediatype/film.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/images.js +10 -0
- package/dist/src/assets/img/icons/mediatype/images.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/livemusic.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/livemusic.js +7 -0
- package/dist/src/assets/img/icons/mediatype/livemusic.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/photos.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/photos.js +7 -0
- package/dist/src/assets/img/icons/mediatype/photos.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/software.js +10 -0
- package/dist/src/assets/img/icons/mediatype/software.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/texts.js +10 -0
- package/dist/src/assets/img/icons/mediatype/texts.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/tv.js +9 -0
- package/dist/src/assets/img/icons/mediatype/tv.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/video.js +10 -0
- package/dist/src/assets/img/icons/mediatype/video.js.map +1 -0
- package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -0
- package/dist/src/assets/img/icons/mediatype/web.js +10 -0
- package/dist/src/assets/img/icons/mediatype/web.js.map +1 -0
- package/dist/src/assets/img/icons/software.d.ts +1 -0
- package/dist/src/assets/img/icons/software.js +10 -0
- package/dist/src/assets/img/icons/software.js.map +1 -0
- package/dist/src/assets/img/icons/texts.d.ts +1 -0
- package/dist/src/assets/img/icons/texts.js +10 -0
- package/dist/src/assets/img/icons/texts.js.map +1 -0
- package/dist/src/assets/img/icons/tv.d.ts +1 -0
- package/dist/src/assets/img/icons/tv.js +9 -0
- package/dist/src/assets/img/icons/tv.js.map +1 -0
- package/dist/src/assets/img/icons/video.d.ts +1 -0
- package/dist/src/assets/img/icons/video.js +10 -0
- package/dist/src/assets/img/icons/video.js.map +1 -0
- package/dist/src/assets/img/icons/web.d.ts +1 -0
- package/dist/src/assets/img/icons/web.js +10 -0
- package/dist/src/assets/img/icons/web.js.map +1 -0
- package/dist/src/circular-activity-indicator.d.ts +5 -0
- package/dist/src/circular-activity-indicator.js +66 -0
- package/dist/src/circular-activity-indicator.js.map +1 -0
- package/dist/src/collection-browser.d.ts +151 -0
- package/dist/src/collection-browser.js +697 -0
- package/dist/src/collection-browser.js.map +1 -0
- package/dist/src/collection-facets.d.ts +34 -0
- package/dist/src/collection-facets.js +245 -0
- package/dist/src/collection-facets.js.map +1 -0
- package/dist/src/mediatype-icon.d.ts +9 -0
- package/dist/src/mediatype-icon.js +89 -0
- package/dist/src/mediatype-icon.js.map +1 -0
- package/dist/src/models.d.ts +23 -0
- package/dist/src/models.js +2 -0
- package/dist/src/models.js.map +1 -0
- package/dist/src/sort-filter-bar/alpha-bar.d.ts +10 -0
- package/dist/src/sort-filter-bar/alpha-bar.js +88 -0
- package/dist/src/sort-filter-bar/alpha-bar.js.map +1 -0
- package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +24 -0
- package/dist/src/sort-filter-bar/sort-filter-bar.js +257 -0
- package/dist/src/sort-filter-bar/sort-filter-bar.js.map +1 -0
- package/dist/src/tiles/grid/account-tile.d.ts +7 -0
- package/dist/src/tiles/grid/account-tile.js +144 -0
- package/dist/src/tiles/grid/account-tile.js.map +1 -0
- package/dist/src/tiles/grid/collection-tile.d.ts +7 -0
- package/dist/src/tiles/grid/collection-tile.js +160 -0
- package/dist/src/tiles/grid/collection-tile.js.map +1 -0
- package/dist/src/tiles/grid/icons/account.d.ts +1 -0
- package/dist/src/tiles/grid/icons/account.js +12 -0
- package/dist/src/tiles/grid/icons/account.js.map +1 -0
- package/dist/src/tiles/grid/icons/favorite-filled.d.ts +1 -0
- package/dist/src/tiles/grid/icons/favorite-filled.js +11 -0
- package/dist/src/tiles/grid/icons/favorite-filled.js.map +1 -0
- package/dist/src/tiles/grid/icons/reviews.d.ts +1 -0
- package/dist/src/tiles/grid/icons/reviews.js +11 -0
- package/dist/src/tiles/grid/icons/reviews.js.map +1 -0
- package/dist/src/tiles/grid/icons/upload.d.ts +1 -0
- package/dist/src/tiles/grid/icons/upload.js +12 -0
- package/dist/src/tiles/grid/icons/upload.js.map +1 -0
- package/dist/src/tiles/grid/icons/views.d.ts +2 -0
- package/dist/src/tiles/grid/icons/views.js +11 -0
- package/dist/src/tiles/grid/icons/views.js.map +1 -0
- package/dist/src/tiles/grid/item-tile.d.ts +9 -0
- package/dist/src/tiles/grid/item-tile.js +240 -0
- package/dist/src/tiles/grid/item-tile.js.map +1 -0
- package/dist/src/tiles/list/tile-list-compact.d.ts +16 -0
- package/dist/src/tiles/list/tile-list-compact.js +125 -0
- package/dist/src/tiles/list/tile-list-compact.js.map +1 -0
- package/dist/src/tiles/list/tile-list-detail.d.ts +17 -0
- package/dist/src/tiles/list/tile-list-detail.js +181 -0
- package/dist/src/tiles/list/tile-list-detail.js.map +1 -0
- package/dist/src/tiles/list/tile-list.d.ts +21 -0
- package/dist/src/tiles/list/tile-list.js +229 -0
- package/dist/src/tiles/list/tile-list.js.map +1 -0
- package/dist/src/tiles/loading-tile.d.ts +5 -0
- package/dist/src/tiles/loading-tile.js +73 -0
- package/dist/src/tiles/loading-tile.js.map +1 -0
- package/dist/src/tiles/tile-dispatcher.d.ts +27 -0
- package/dist/src/tiles/tile-dispatcher.js +160 -0
- package/dist/src/tiles/tile-dispatcher.js.map +1 -0
- package/dist/src/utils/format-count.d.ts +7 -0
- package/dist/src/utils/format-count.js +76 -0
- package/dist/src/utils/format-count.js.map +1 -0
- package/dist/src/utils/format-date.d.ts +2 -0
- package/dist/src/utils/format-date.js +24 -0
- package/dist/src/utils/format-date.js.map +1 -0
- package/dist/src/utils/format-string.d.ts +2 -0
- package/dist/src/utils/format-string.js +7 -0
- package/dist/src/utils/format-string.js.map +1 -0
- package/dist/test/collection-browser.test.d.ts +0 -0
- package/dist/test/collection-browser.test.js +3 -0
- package/dist/test/collection-browser.test.js.map +1 -0
- package/dist/test/utils/format-count.test.d.ts +1 -0
- package/dist/test/utils/format-count.test.js +24 -0
- package/dist/test/utils/format-count.test.js.map +1 -0
- package/dist/test/utils/format-date.test.d.ts +1 -0
- package/dist/test/utils/format-date.test.js +18 -0
- package/dist/test/utils/format-date.test.js.map +1 -0
- package/dist/test/utils/format-string.test.d.ts +1 -0
- package/dist/test/utils/format-string.test.js +17 -0
- package/dist/test/utils/format-string.test.js.map +1 -0
- package/index.ts +3 -0
- package/package.json +95 -0
- package/src/assets/img/icons/mediatype/account.ts +12 -0
- package/src/assets/img/icons/mediatype/audio.ts +11 -0
- package/src/assets/img/icons/mediatype/collection.ts +9 -0
- package/src/assets/img/icons/mediatype/etree.ts +9 -0
- package/src/assets/img/icons/mediatype/film.ts +13 -0
- package/src/assets/img/icons/mediatype/foo.svg +5 -0
- package/src/assets/img/icons/mediatype/images.ts +10 -0
- package/src/assets/img/icons/mediatype/software.ts +10 -0
- package/src/assets/img/icons/mediatype/texts.ts +10 -0
- package/src/assets/img/icons/mediatype/tv.ts +9 -0
- package/src/assets/img/icons/mediatype/video.ts +10 -0
- package/src/assets/img/icons/mediatype/web.ts +10 -0
- package/src/circular-activity-indicator.ts +64 -0
- package/src/collection-browser.ts +756 -0
- package/src/collection-facets.ts +285 -0
- package/src/mediatype-icon.ts +83 -0
- package/src/models.ts +25 -0
- package/src/sort-filter-bar/alpha-bar.ts +86 -0
- package/src/sort-filter-bar/sort-filter-bar.ts +256 -0
- package/src/tiles/grid/account-tile.ts +141 -0
- package/src/tiles/grid/collection-tile.ts +157 -0
- package/src/tiles/grid/icons/account.ts +12 -0
- package/src/tiles/grid/icons/favorite-filled.ts +11 -0
- package/src/tiles/grid/icons/reviews.ts +11 -0
- package/src/tiles/grid/icons/upload.ts +12 -0
- package/src/tiles/grid/icons/views.ts +11 -0
- package/src/tiles/grid/item-tile.ts +254 -0
- package/src/tiles/list/tile-list.ts +227 -0
- package/src/tiles/loading-tile.ts +70 -0
- package/src/tiles/tile-dispatcher.ts +160 -0
- package/src/utils/format-count.ts +95 -0
- package/src/utils/format-date.ts +36 -0
- package/test/collection-browser.test.ts +1 -0
- package/test/utils/format-count.test.ts +32 -0
- package/test/utils/format-date.test.ts +22 -0
- package/tsconfig.json +20 -0
- package/web-dev-server.config.mjs +28 -0
- package/web-test-runner.config.mjs +41 -0
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import { LitElement, PropertyValues, TemplateResult } from 'lit';
|
|
2
|
+
import type { InfiniteScrollerCellProviderInterface } from '@internetarchive/infinite-scroller';
|
|
3
|
+
import { SearchServiceInterface } from '@internetarchive/search-service';
|
|
4
|
+
import { SortParam } from '@internetarchive/search-service/dist/src/search-params';
|
|
5
|
+
import { SharedResizeObserverInterface } from '@internetarchive/shared-resize-observer';
|
|
6
|
+
import type { CollectionDisplayMode } from './models';
|
|
7
|
+
import '@internetarchive/infinite-scroller';
|
|
8
|
+
import '@internetarchive/histogram-date-range';
|
|
9
|
+
import './tiles/tile-dispatcher';
|
|
10
|
+
import './tiles/loading-tile';
|
|
11
|
+
import './sort-filter-bar/sort-filter-bar';
|
|
12
|
+
import './collection-facets';
|
|
13
|
+
import { CollectionFacets } from './collection-facets';
|
|
14
|
+
import './circular-activity-indicator';
|
|
15
|
+
export declare class CollectionBrowser extends LitElement implements InfiniteScrollerCellProviderInterface {
|
|
16
|
+
baseNavigationUrl?: string;
|
|
17
|
+
searchService?: SearchServiceInterface;
|
|
18
|
+
baseQuery?: string;
|
|
19
|
+
showDeleteButtons: boolean;
|
|
20
|
+
displayMode: CollectionDisplayMode;
|
|
21
|
+
sortParam?: SortParam;
|
|
22
|
+
additionalQueryClause?: string;
|
|
23
|
+
dateRangeQueryClause?: string;
|
|
24
|
+
pageSize: number;
|
|
25
|
+
resizeObserver?: SharedResizeObserverInterface;
|
|
26
|
+
collectionFacets: CollectionFacets;
|
|
27
|
+
/**
|
|
28
|
+
* The page that the consumer wants to load.
|
|
29
|
+
*/
|
|
30
|
+
private initialPageNumber;
|
|
31
|
+
/**
|
|
32
|
+
* This the the number of pages that we want to show.
|
|
33
|
+
*
|
|
34
|
+
* The data isn't necessarily loaded for all of the pages, but this lets us
|
|
35
|
+
* know how many cells we should render.
|
|
36
|
+
*/
|
|
37
|
+
private pagesToRender;
|
|
38
|
+
private searchResultsLoading;
|
|
39
|
+
private selectedFacets;
|
|
40
|
+
private facetsLoading;
|
|
41
|
+
private fullYearAggregationLoading;
|
|
42
|
+
private aggregations?;
|
|
43
|
+
private fullYearsHistogramAggregation;
|
|
44
|
+
/**
|
|
45
|
+
* When we're animated scrolling to the page, we don't want to fetch
|
|
46
|
+
* all of the pages as it scrolls so this lets us know if we're scrolling
|
|
47
|
+
*/
|
|
48
|
+
private isScrollingToCell;
|
|
49
|
+
/**
|
|
50
|
+
* When we've reached the end of the data, stop trying to fetch more
|
|
51
|
+
*/
|
|
52
|
+
private endOfDataReached;
|
|
53
|
+
private placeholderCellTemplate;
|
|
54
|
+
private tileModelAtCellIndex;
|
|
55
|
+
private get estimatedTileCount();
|
|
56
|
+
private get actualTileCount();
|
|
57
|
+
/**
|
|
58
|
+
* The results per page so we can paginate.
|
|
59
|
+
*
|
|
60
|
+
* This allows us to start in the middle of the search results and
|
|
61
|
+
* fetch data before or after the current page. If we don't have a key
|
|
62
|
+
* for the previous/next page, we'll fetch the next/previous page to populate it
|
|
63
|
+
*/
|
|
64
|
+
private dataSource;
|
|
65
|
+
private infiniteScroller;
|
|
66
|
+
/**
|
|
67
|
+
*
|
|
68
|
+
* @param pageNumber
|
|
69
|
+
* @param scroll
|
|
70
|
+
*/
|
|
71
|
+
goToPage(pageNumber: number): void;
|
|
72
|
+
render(): TemplateResult<1>;
|
|
73
|
+
private get loadingTemplate();
|
|
74
|
+
private get currentYearsHistogramAggregation();
|
|
75
|
+
private get histogramDataLoading();
|
|
76
|
+
private get histogramTemplate();
|
|
77
|
+
private histogramDateRangeUpdated;
|
|
78
|
+
updated(changed: PropertyValues): void;
|
|
79
|
+
/**
|
|
80
|
+
* When the visible cells change from the infinite scroller, we want to emit
|
|
81
|
+
* which page is currently visible so the consumer can update its UI or the URL
|
|
82
|
+
*
|
|
83
|
+
* @param e
|
|
84
|
+
* @returns
|
|
85
|
+
*/
|
|
86
|
+
private visibleCellsChanged;
|
|
87
|
+
private initialQueryChangeHappened;
|
|
88
|
+
private previousQueryKey?;
|
|
89
|
+
private handleQueryChange;
|
|
90
|
+
private doInitialPageFetch;
|
|
91
|
+
private get fullQuery();
|
|
92
|
+
private get fullQueryWithoutDate();
|
|
93
|
+
private get facetQuery();
|
|
94
|
+
facetsChanged(e: CustomEvent<Record<string, string[]>>): void;
|
|
95
|
+
private fetchFacets;
|
|
96
|
+
/**
|
|
97
|
+
* If we haven't changed the query, we don't need to fetch the full year histogram
|
|
98
|
+
*
|
|
99
|
+
* @private
|
|
100
|
+
* @type {string}
|
|
101
|
+
* @memberof CollectionBrowser
|
|
102
|
+
*/
|
|
103
|
+
private previousFullQueryNoDate?;
|
|
104
|
+
/**
|
|
105
|
+
* The query key is a string that uniquely identifies the current query
|
|
106
|
+
* without the date range.
|
|
107
|
+
*
|
|
108
|
+
* If this doesn't change, we don't need to re-fetch the histogram date range
|
|
109
|
+
*/
|
|
110
|
+
private get fullQueryNoDateKey();
|
|
111
|
+
/**
|
|
112
|
+
* This method is similar to fetching the facets above,
|
|
113
|
+
* but only fetching the year histogram. There is a subtle difference
|
|
114
|
+
* in how you have to fetch the year histogram where you can't use the
|
|
115
|
+
* advanced JSON syntax like the other aggregations. It's a special
|
|
116
|
+
* case that @ximm put it place.
|
|
117
|
+
*/
|
|
118
|
+
private fetchFullYearHistogram;
|
|
119
|
+
private scrollToPage;
|
|
120
|
+
/**
|
|
121
|
+
* The query key is a string that uniquely identifies the current query
|
|
122
|
+
*
|
|
123
|
+
* This lets us keep track of queries so we don't persist data that's
|
|
124
|
+
* no longer relevant.
|
|
125
|
+
*/
|
|
126
|
+
private get pageFetchQueryKey();
|
|
127
|
+
private pageFetchesInProgress;
|
|
128
|
+
fetchPage(pageNumber: number): Promise<void>;
|
|
129
|
+
/**
|
|
130
|
+
* This is useful for determining whether we need to reload the scroller.
|
|
131
|
+
*
|
|
132
|
+
* When the fetch completes, we need to reload the scroller if the cells for that
|
|
133
|
+
* page are visible, but if the page is not currenlty visible, we don't need to reload
|
|
134
|
+
*/
|
|
135
|
+
private get currentVisiblePageNumbers();
|
|
136
|
+
/**
|
|
137
|
+
* Update the datasource from the fetch response
|
|
138
|
+
*
|
|
139
|
+
* @param pageNumber
|
|
140
|
+
* @param docs
|
|
141
|
+
*/
|
|
142
|
+
private updateDataSource;
|
|
143
|
+
private etreeTitle;
|
|
144
|
+
cellForIndex(index: number): TemplateResult | undefined;
|
|
145
|
+
/**
|
|
146
|
+
* When the user scrolls near to the bottom of the page, fetch the next page
|
|
147
|
+
* increase the number of pages to render and start fetching data for the new page
|
|
148
|
+
*/
|
|
149
|
+
private scrollThresholdReached;
|
|
150
|
+
static styles: import("lit").CSSResult;
|
|
151
|
+
}
|