@internetarchive/collection-browser 0.4.3-alpha.9 → 0.4.4-alpha

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.
Files changed (250) hide show
  1. package/.editorconfig +29 -29
  2. package/.github/workflows/ci.yml +26 -26
  3. package/.github/workflows/gh-pages-main.yml +39 -39
  4. package/.github/workflows/npm-publish.yml +39 -39
  5. package/.github/workflows/pr-preview.yml +38 -38
  6. package/.husky/pre-commit +4 -4
  7. package/LICENSE +661 -661
  8. package/README.md +83 -83
  9. package/dist/index.d.ts +9 -9
  10. package/dist/index.js +9 -9
  11. package/dist/src/app-root.d.ts +50 -48
  12. package/dist/src/app-root.js +449 -412
  13. package/dist/src/app-root.js.map +1 -1
  14. package/dist/src/assets/img/icons/arrow-left.d.ts +2 -2
  15. package/dist/src/assets/img/icons/arrow-left.js +2 -2
  16. package/dist/src/assets/img/icons/arrow-right.d.ts +2 -2
  17. package/dist/src/assets/img/icons/arrow-right.js +2 -2
  18. package/dist/src/assets/img/icons/chevron.d.ts +2 -2
  19. package/dist/src/assets/img/icons/chevron.js +2 -2
  20. package/dist/src/assets/img/icons/empty-query.d.ts +2 -2
  21. package/dist/src/assets/img/icons/empty-query.js +2 -2
  22. package/dist/src/assets/img/icons/eye-closed.d.ts +2 -2
  23. package/dist/src/assets/img/icons/eye-closed.js +2 -2
  24. package/dist/src/assets/img/icons/eye.d.ts +2 -2
  25. package/dist/src/assets/img/icons/eye.js +2 -2
  26. package/dist/src/assets/img/icons/favorite-filled.d.ts +1 -1
  27. package/dist/src/assets/img/icons/favorite-filled.js +2 -2
  28. package/dist/src/assets/img/icons/login-required.d.ts +1 -1
  29. package/dist/src/assets/img/icons/login-required.js +2 -2
  30. package/dist/src/assets/img/icons/mediatype/account.d.ts +1 -1
  31. package/dist/src/assets/img/icons/mediatype/account.js +2 -2
  32. package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -1
  33. package/dist/src/assets/img/icons/mediatype/audio.js +2 -2
  34. package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -1
  35. package/dist/src/assets/img/icons/mediatype/collection.js +2 -2
  36. package/dist/src/assets/img/icons/mediatype/data.d.ts +1 -1
  37. package/dist/src/assets/img/icons/mediatype/data.js +2 -2
  38. package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -1
  39. package/dist/src/assets/img/icons/mediatype/etree.js +2 -2
  40. package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -1
  41. package/dist/src/assets/img/icons/mediatype/film.js +2 -2
  42. package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -1
  43. package/dist/src/assets/img/icons/mediatype/images.js +2 -2
  44. package/dist/src/assets/img/icons/mediatype/radio.d.ts +1 -1
  45. package/dist/src/assets/img/icons/mediatype/radio.js +2 -2
  46. package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
  47. package/dist/src/assets/img/icons/mediatype/software.js +2 -2
  48. package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
  49. package/dist/src/assets/img/icons/mediatype/texts.js +2 -2
  50. package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
  51. package/dist/src/assets/img/icons/mediatype/tv.js +2 -2
  52. package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
  53. package/dist/src/assets/img/icons/mediatype/video.js +2 -2
  54. package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
  55. package/dist/src/assets/img/icons/mediatype/web.js +2 -2
  56. package/dist/src/assets/img/icons/null-result.d.ts +2 -2
  57. package/dist/src/assets/img/icons/null-result.js +2 -2
  58. package/dist/src/assets/img/icons/restricted.d.ts +1 -1
  59. package/dist/src/assets/img/icons/restricted.js +2 -2
  60. package/dist/src/assets/img/icons/reviews.d.ts +1 -1
  61. package/dist/src/assets/img/icons/reviews.js +2 -2
  62. package/dist/src/assets/img/icons/upload.d.ts +1 -1
  63. package/dist/src/assets/img/icons/upload.js +2 -2
  64. package/dist/src/assets/img/icons/views.d.ts +1 -1
  65. package/dist/src/assets/img/icons/views.js +2 -2
  66. package/dist/src/circular-activity-indicator.d.ts +5 -5
  67. package/dist/src/circular-activity-indicator.js +17 -17
  68. package/dist/src/collection-browser.d.ts +315 -276
  69. package/dist/src/collection-browser.js +1276 -1179
  70. package/dist/src/collection-browser.js.map +1 -1
  71. package/dist/src/collection-facets/facet-tombstone-row.d.ts +5 -5
  72. package/dist/src/collection-facets/facet-tombstone-row.js +15 -15
  73. package/dist/src/collection-facets/facets-template.d.ts +16 -16
  74. package/dist/src/collection-facets/facets-template.js +125 -125
  75. package/dist/src/collection-facets/more-facets-content.d.ts +77 -77
  76. package/dist/src/collection-facets/more-facets-content.js +357 -357
  77. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  78. package/dist/src/collection-facets/more-facets-pagination.js +192 -192
  79. package/dist/src/collection-facets.d.ts +78 -78
  80. package/dist/src/collection-facets.js +391 -391
  81. package/dist/src/empty-placeholder.d.ts +11 -11
  82. package/dist/src/empty-placeholder.js +42 -42
  83. package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
  84. package/dist/src/language-code-handler/language-code-handler.js +26 -26
  85. package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
  86. package/dist/src/language-code-handler/language-code-mapping.js +562 -562
  87. package/dist/src/mediatype/mediatype-config.d.ts +3 -3
  88. package/dist/src/mediatype/mediatype-config.js +85 -85
  89. package/dist/src/models.d.ts +114 -112
  90. package/dist/src/models.js +125 -125
  91. package/dist/src/models.js.map +1 -1
  92. package/dist/src/restoration-state-handler.d.ts +45 -45
  93. package/dist/src/restoration-state-handler.js +230 -230
  94. package/dist/src/sort-filter-bar/alpha-bar.d.ts +12 -12
  95. package/dist/src/sort-filter-bar/alpha-bar.js +52 -52
  96. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  97. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  98. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  99. package/dist/src/sort-filter-bar/img/list.js +2 -2
  100. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  101. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  102. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  103. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  104. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +108 -108
  105. package/dist/src/sort-filter-bar/sort-filter-bar.js +428 -428
  106. package/dist/src/styles/item-image-styles.d.ts +8 -8
  107. package/dist/src/styles/item-image-styles.js +22 -12
  108. package/dist/src/styles/item-image-styles.js.map +1 -1
  109. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  110. package/dist/src/tiles/collection-browser-loading-tile.js +16 -16
  111. package/dist/src/tiles/collection-browser-loading-tile.js.map +1 -1
  112. package/dist/src/tiles/grid/account-tile.d.ts +17 -17
  113. package/dist/src/tiles/grid/account-tile.js +48 -47
  114. package/dist/src/tiles/grid/account-tile.js.map +1 -1
  115. package/dist/src/tiles/grid/collection-tile.d.ts +14 -7
  116. package/dist/src/tiles/grid/collection-tile.js +112 -146
  117. package/dist/src/tiles/grid/collection-tile.js.map +1 -1
  118. package/dist/src/tiles/grid/item-tile.d.ts +29 -29
  119. package/dist/src/tiles/grid/item-tile.js +110 -105
  120. package/dist/src/tiles/grid/item-tile.js.map +1 -1
  121. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
  122. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +12 -8
  123. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js.map +1 -1
  124. package/dist/src/tiles/grid/tile-stats.d.ts +10 -10
  125. package/dist/src/tiles/grid/tile-stats.js +41 -40
  126. package/dist/src/tiles/grid/tile-stats.js.map +1 -1
  127. package/dist/src/tiles/image-block.d.ts +17 -17
  128. package/dist/src/tiles/image-block.js +76 -72
  129. package/dist/src/tiles/image-block.js.map +1 -1
  130. package/dist/src/tiles/item-image.d.ts +35 -35
  131. package/dist/src/tiles/item-image.js +117 -116
  132. package/dist/src/tiles/item-image.js.map +1 -1
  133. package/dist/src/tiles/list/account-label.d.ts +1 -1
  134. package/dist/src/tiles/list/account-label.js +6 -6
  135. package/dist/src/tiles/list/date-label.d.ts +1 -1
  136. package/dist/src/tiles/list/date-label.js +12 -12
  137. package/dist/src/tiles/list/tile-list-compact-header.d.ts +12 -12
  138. package/dist/src/tiles/list/tile-list-compact-header.js +41 -41
  139. package/dist/src/tiles/list/tile-list-compact.d.ts +21 -21
  140. package/dist/src/tiles/list/tile-list-compact.js +93 -93
  141. package/dist/src/tiles/list/tile-list.d.ts +53 -53
  142. package/dist/src/tiles/list/tile-list.js +279 -279
  143. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  144. package/dist/src/tiles/mediatype-icon.js +47 -47
  145. package/dist/src/tiles/overlay/icon-overlay.d.ts +10 -10
  146. package/dist/src/tiles/overlay/icon-overlay.js +40 -40
  147. package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -9
  148. package/dist/src/tiles/overlay/icon-text-overlay.js +38 -38
  149. package/dist/src/tiles/overlay/text-overlay.d.ts +10 -10
  150. package/dist/src/tiles/overlay/text-overlay.js +42 -42
  151. package/dist/src/tiles/text-snippet-block.d.ts +27 -27
  152. package/dist/src/tiles/text-snippet-block.js +73 -73
  153. package/dist/src/tiles/tile-dispatcher.d.ts +36 -36
  154. package/dist/src/tiles/tile-dispatcher.js +145 -128
  155. package/dist/src/tiles/tile-dispatcher.js.map +1 -1
  156. package/dist/src/utils/analytics-events.d.ts +22 -22
  157. package/dist/src/utils/analytics-events.js +24 -24
  158. package/dist/src/utils/format-count.d.ts +7 -7
  159. package/dist/src/utils/format-count.js +76 -76
  160. package/dist/src/utils/format-date.d.ts +2 -2
  161. package/dist/src/utils/format-date.js +23 -23
  162. package/dist/src/utils/format-unit-size.d.ts +2 -0
  163. package/dist/src/utils/format-unit-size.js +34 -0
  164. package/dist/src/utils/format-unit-size.js.map +1 -0
  165. package/dist/test/collection-browser.test.d.ts +1 -1
  166. package/dist/test/collection-browser.test.js +646 -646
  167. package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
  168. package/dist/test/collection-facets/facets-template.test.js +62 -62
  169. package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
  170. package/dist/test/collection-facets/more-facets-content.test.js +114 -114
  171. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  172. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  173. package/dist/test/collection-facets.test.d.ts +2 -2
  174. package/dist/test/collection-facets.test.js +544 -544
  175. package/dist/test/empty-placeholder.test.d.ts +1 -1
  176. package/dist/test/empty-placeholder.test.js +33 -33
  177. package/dist/test/icon-overlay.test.d.ts +1 -1
  178. package/dist/test/icon-overlay.test.js +24 -24
  179. package/dist/test/image-block.test.d.ts +1 -1
  180. package/dist/test/image-block.test.js +48 -48
  181. package/dist/test/item-image.test.d.ts +1 -1
  182. package/dist/test/item-image.test.js +84 -80
  183. package/dist/test/item-image.test.js.map +1 -1
  184. package/dist/test/mediatype-config.test.d.ts +1 -1
  185. package/dist/test/mediatype-config.test.js +16 -16
  186. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  187. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  188. package/dist/test/mocks/mock-collection-name-cache.d.ts +7 -7
  189. package/dist/test/mocks/mock-collection-name-cache.js +13 -13
  190. package/dist/test/mocks/mock-search-responses.d.ts +12 -12
  191. package/dist/test/mocks/mock-search-responses.js +341 -341
  192. package/dist/test/mocks/mock-search-service.d.ts +13 -13
  193. package/dist/test/mocks/mock-search-service.js +40 -40
  194. package/dist/test/restoration-state-handler.test.d.ts +1 -1
  195. package/dist/test/restoration-state-handler.test.js +125 -125
  196. package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
  197. package/dist/test/sort-filter-bar/alpha-bar.test.js +43 -43
  198. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  199. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +141 -141
  200. package/dist/test/text-overlay.test.d.ts +1 -1
  201. package/dist/test/text-overlay.test.js +48 -48
  202. package/dist/test/text-snippet-block.test.d.ts +1 -1
  203. package/dist/test/text-snippet-block.test.js +57 -57
  204. package/dist/test/tile-stats.test.d.ts +1 -1
  205. package/dist/test/tile-stats.test.js +33 -33
  206. package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
  207. package/dist/test/tiles/grid/account-tile.test.js +60 -60
  208. package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -0
  209. package/dist/test/tiles/grid/collection-tile.test.js +73 -0
  210. package/dist/test/tiles/grid/collection-tile.test.js.map +1 -0
  211. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  212. package/dist/test/tiles/grid/item-tile.test.js +142 -129
  213. package/dist/test/tiles/grid/item-tile.test.js.map +1 -1
  214. package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
  215. package/dist/test/tiles/list/tile-list-compact.test.js +92 -92
  216. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  217. package/dist/test/tiles/list/tile-list.test.js +123 -123
  218. package/dist/test/utils/format-count.test.d.ts +1 -1
  219. package/dist/test/utils/format-count.test.js +23 -23
  220. package/dist/test/utils/format-date.test.d.ts +1 -1
  221. package/dist/test/utils/format-date.test.js +17 -17
  222. package/dist/test/utils/format-unit-size.test.d.ts +1 -0
  223. package/dist/test/utils/format-unit-size.test.js +18 -0
  224. package/dist/test/utils/format-unit-size.test.js.map +1 -0
  225. package/index.html +24 -24
  226. package/local.archive.org.cert +86 -86
  227. package/local.archive.org.key +27 -27
  228. package/package.json +2 -2
  229. package/renovate.json +6 -6
  230. package/src/app-root.ts +214 -169
  231. package/src/collection-browser.ts +122 -3
  232. package/src/models.ts +2 -0
  233. package/src/styles/item-image-styles.ts +13 -3
  234. package/src/tiles/collection-browser-loading-tile.ts +1 -1
  235. package/src/tiles/grid/account-tile.ts +4 -2
  236. package/src/tiles/grid/collection-tile.ts +106 -136
  237. package/src/tiles/grid/item-tile.ts +8 -2
  238. package/src/tiles/grid/styles/tile-grid-shared-styles.ts +6 -2
  239. package/src/tiles/grid/tile-stats.ts +1 -0
  240. package/src/tiles/image-block.ts +5 -2
  241. package/src/tiles/item-image.ts +4 -3
  242. package/src/tiles/tile-dispatcher.ts +17 -0
  243. package/src/utils/format-unit-size.ts +43 -0
  244. package/test/item-image.test.ts +4 -0
  245. package/test/tiles/grid/collection-tile.test.ts +85 -0
  246. package/test/tiles/grid/item-tile.test.ts +30 -4
  247. package/test/utils/format-unit-size.test.ts +21 -0
  248. package/tsconfig.json +21 -21
  249. package/web-dev-server.config.mjs +30 -30
  250. package/web-test-runner.config.mjs +41 -41
@@ -1,13 +1,13 @@
1
- import type { Result } from '@internetarchive/result-type';
2
- import type { SearchParams, SearchResponse, SearchServiceInterface, SearchServiceError, SearchType } from '@internetarchive/search-service';
3
- export declare class MockSearchService implements SearchServiceInterface {
4
- searchParams?: SearchParams;
5
- searchType?: SearchType;
6
- asyncResponse: boolean;
7
- resultsSpy: Function;
8
- constructor({ asyncResponse, resultsSpy }?: {
9
- asyncResponse?: boolean | undefined;
10
- resultsSpy?: (() => void) | undefined;
11
- });
12
- search(params: SearchParams, searchType: SearchType): Promise<Result<SearchResponse, SearchServiceError>>;
13
- }
1
+ import type { Result } from '@internetarchive/result-type';
2
+ import type { SearchParams, SearchResponse, SearchServiceInterface, SearchServiceError, SearchType } from '@internetarchive/search-service';
3
+ export declare class MockSearchService implements SearchServiceInterface {
4
+ searchParams?: SearchParams;
5
+ searchType?: SearchType;
6
+ asyncResponse: boolean;
7
+ resultsSpy: Function;
8
+ constructor({ asyncResponse, resultsSpy }?: {
9
+ asyncResponse?: boolean | undefined;
10
+ resultsSpy?: (() => void) | undefined;
11
+ });
12
+ search(params: SearchParams, searchType: SearchType): Promise<Result<SearchResponse, SearchServiceError>>;
13
+ }
@@ -1,41 +1,41 @@
1
- import { mockSuccessSingleResult, mockSuccessMultipleResults, getMockSuccessSingleResultWithSort, mockSuccessLoggedInResult, mockSuccessNoPreviewResult, mockSuccessLoggedInAndNoPreviewResult, mockSuccessWithYearHistogramAggs, mockSuccessMultiLineDescription, mockSuccessFirstTitleResult, mockSuccessFirstCreatorResult, } from './mock-search-responses';
2
- export class MockSearchService {
3
- constructor({ asyncResponse = false, resultsSpy = () => { } } = {}) {
4
- this.asyncResponse = asyncResponse;
5
- this.resultsSpy = resultsSpy;
6
- }
7
- async search(params, searchType) {
8
- var _a;
9
- this.searchParams = params;
10
- this.searchType = searchType;
11
- if (this.asyncResponse) {
12
- // Add an artificial 1-tick delay
13
- await new Promise(res => {
14
- setTimeout(res, 0);
15
- });
16
- }
17
- switch ((_a = this.searchParams) === null || _a === void 0 ? void 0 : _a.query) {
18
- case 'single-result':
19
- return mockSuccessSingleResult;
20
- case 'years':
21
- return mockSuccessWithYearHistogramAggs;
22
- case 'multi-line-description':
23
- return mockSuccessMultiLineDescription;
24
- case 'loggedin':
25
- return mockSuccessLoggedInResult;
26
- case 'no-preview':
27
- return mockSuccessNoPreviewResult;
28
- case 'loggedin-no-preview':
29
- return mockSuccessLoggedInAndNoPreviewResult;
30
- case 'first-title':
31
- return mockSuccessFirstTitleResult;
32
- case 'first-creator':
33
- return mockSuccessFirstCreatorResult;
34
- case 'with-sort':
35
- return getMockSuccessSingleResultWithSort(this.resultsSpy);
36
- default:
37
- return mockSuccessMultipleResults;
38
- }
39
- }
40
- }
1
+ import { mockSuccessSingleResult, mockSuccessMultipleResults, getMockSuccessSingleResultWithSort, mockSuccessLoggedInResult, mockSuccessNoPreviewResult, mockSuccessLoggedInAndNoPreviewResult, mockSuccessWithYearHistogramAggs, mockSuccessMultiLineDescription, mockSuccessFirstTitleResult, mockSuccessFirstCreatorResult, } from './mock-search-responses';
2
+ export class MockSearchService {
3
+ constructor({ asyncResponse = false, resultsSpy = () => { } } = {}) {
4
+ this.asyncResponse = asyncResponse;
5
+ this.resultsSpy = resultsSpy;
6
+ }
7
+ async search(params, searchType) {
8
+ var _a;
9
+ this.searchParams = params;
10
+ this.searchType = searchType;
11
+ if (this.asyncResponse) {
12
+ // Add an artificial 1-tick delay
13
+ await new Promise(res => {
14
+ setTimeout(res, 0);
15
+ });
16
+ }
17
+ switch ((_a = this.searchParams) === null || _a === void 0 ? void 0 : _a.query) {
18
+ case 'single-result':
19
+ return mockSuccessSingleResult;
20
+ case 'years':
21
+ return mockSuccessWithYearHistogramAggs;
22
+ case 'multi-line-description':
23
+ return mockSuccessMultiLineDescription;
24
+ case 'loggedin':
25
+ return mockSuccessLoggedInResult;
26
+ case 'no-preview':
27
+ return mockSuccessNoPreviewResult;
28
+ case 'loggedin-no-preview':
29
+ return mockSuccessLoggedInAndNoPreviewResult;
30
+ case 'first-title':
31
+ return mockSuccessFirstTitleResult;
32
+ case 'first-creator':
33
+ return mockSuccessFirstCreatorResult;
34
+ case 'with-sort':
35
+ return getMockSuccessSingleResultWithSort(this.resultsSpy);
36
+ default:
37
+ return mockSuccessMultipleResults;
38
+ }
39
+ }
40
+ }
41
41
  //# sourceMappingURL=mock-search-service.js.map
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,126 +1,126 @@
1
- import { SearchType } from '@internetarchive/search-service';
2
- import { expect } from '@open-wc/testing';
3
- import { RestorationStateHandler } from '../src/restoration-state-handler';
4
- describe('Restoration state handler', () => {
5
- it('should restore query from URL', async () => {
6
- const handler = new RestorationStateHandler({ context: 'search' });
7
- const url = new URL(window.location.href);
8
- url.search = '?query=boop';
9
- window.history.replaceState({ path: url.href }, '', url.href);
10
- const restorationState = handler.getRestorationState();
11
- expect(restorationState.baseQuery).to.equal('boop');
12
- });
13
- it('should restore full text search type from URL', async () => {
14
- const handler = new RestorationStateHandler({ context: 'search' });
15
- const url = new URL(window.location.href);
16
- url.search = '?sin=TXT';
17
- window.history.replaceState({ path: url.href }, '', url.href);
18
- const restorationState = handler.getRestorationState();
19
- expect(restorationState.searchType).to.equal(SearchType.FULLTEXT);
20
- });
21
- it('should restore page number from URL', async () => {
22
- const handler = new RestorationStateHandler({ context: 'search' });
23
- const url = new URL(window.location.href);
24
- url.search = '?page=42';
25
- window.history.replaceState({ path: url.href }, '', url.href);
26
- const restorationState = handler.getRestorationState();
27
- expect(restorationState.currentPage).to.equal(42);
28
- });
29
- it('should restore selected year facets from URL', async () => {
30
- const handler = new RestorationStateHandler({ context: 'search' });
31
- const url = new URL(window.location.href);
32
- url.search = '?and[]=year:"2018"';
33
- window.history.replaceState({ path: url.href }, '', url.href);
34
- const restorationState = handler.getRestorationState();
35
- expect(restorationState.selectedFacets.year['2018'].state).to.equal('selected');
36
- });
37
- it('should restore selected date range facets from URL', async () => {
38
- const handler = new RestorationStateHandler({ context: 'search' });
39
- const url = new URL(window.location.href);
40
- url.search = '?and[]=year:"2018+TO+2021"';
41
- window.history.replaceState({ path: url.href }, '', url.href);
42
- const restorationState = handler.getRestorationState();
43
- expect(restorationState.minSelectedDate).to.equal('2018');
44
- expect(restorationState.maxSelectedDate).to.equal('2021');
45
- });
46
- it('should restore creator filter from URL', async () => {
47
- const handler = new RestorationStateHandler({ context: 'search' });
48
- const url = new URL(window.location.href);
49
- url.search = '?and[]=firstCreator:F';
50
- window.history.replaceState({ path: url.href }, '', url.href);
51
- const restorationState = handler.getRestorationState();
52
- expect(restorationState.selectedCreatorFilter).to.equal('F');
53
- });
54
- it('should restore title filter from URL', async () => {
55
- const handler = new RestorationStateHandler({ context: 'search' });
56
- const url = new URL(window.location.href);
57
- url.search = '?and[]=firstTitle:F';
58
- window.history.replaceState({ path: url.href }, '', url.href);
59
- const restorationState = handler.getRestorationState();
60
- expect(restorationState.selectedTitleFilter).to.equal('F');
61
- });
62
- it('should restore other selected facets from URL', async () => {
63
- const handler = new RestorationStateHandler({ context: 'search' });
64
- const url = new URL(window.location.href);
65
- url.search = '?and[]=subject:"foo"';
66
- window.history.replaceState({ path: url.href }, '', url.href);
67
- const restorationState = handler.getRestorationState();
68
- expect(restorationState.selectedFacets.subject.foo.state).to.equal('selected');
69
- });
70
- it('should restore negative facets from URL', async () => {
71
- const handler = new RestorationStateHandler({ context: 'search' });
72
- const url = new URL(window.location.href);
73
- url.search = '?not[]=year:2018';
74
- window.history.replaceState({ path: url.href }, '', url.href);
75
- const restorationState = handler.getRestorationState();
76
- expect(restorationState.selectedFacets.year['2018'].state).to.equal('hidden');
77
- });
78
- it('should restore multiple selected/negative facets from URL', async () => {
79
- const handler = new RestorationStateHandler({ context: 'search' });
80
- const url = new URL(window.location.href);
81
- url.search =
82
- '?and[]=collection:"foo"&and[]=collection:"bar"&not[]=collection:"baz"&not[]=collection:"boop"';
83
- window.history.replaceState({ path: url.href }, '', url.href);
84
- const restorationState = handler.getRestorationState();
85
- expect(restorationState.selectedFacets.collection.foo.state).to.equal('selected');
86
- expect(restorationState.selectedFacets.collection.bar.state).to.equal('selected');
87
- expect(restorationState.selectedFacets.collection.baz.state).to.equal('hidden');
88
- expect(restorationState.selectedFacets.collection.boop.state).to.equal('hidden');
89
- });
90
- it('negative facets take precedence if both present in URL', async () => {
91
- const handler = new RestorationStateHandler({ context: 'search' });
92
- const url = new URL(window.location.href);
93
- url.search = '?and[]=collection:"foo"&not[]=collection:"foo"';
94
- window.history.replaceState({ path: url.href }, '', url.href);
95
- const restorationState = handler.getRestorationState();
96
- expect(restorationState.selectedFacets.collection.foo.state).to.equal('hidden');
97
- });
98
- it('should restore sort from URL (space format)', async () => {
99
- const handler = new RestorationStateHandler({ context: 'search' });
100
- const url = new URL(window.location.href);
101
- url.search = '?sort=date+desc';
102
- window.history.replaceState({ path: url.href }, '', url.href);
103
- const restorationState = handler.getRestorationState();
104
- expect(restorationState.selectedSort).to.equal('date');
105
- expect(restorationState.sortDirection).to.equal('desc');
106
- });
107
- it('should restore sort from URL (prefix format, desc)', async () => {
108
- const handler = new RestorationStateHandler({ context: 'search' });
109
- const url = new URL(window.location.href);
110
- url.search = '?sort=-date';
111
- window.history.replaceState({ path: url.href }, '', url.href);
112
- const restorationState = handler.getRestorationState();
113
- expect(restorationState.selectedSort).to.equal('date');
114
- expect(restorationState.sortDirection).to.equal('desc');
115
- });
116
- it('should restore sort from URL (prefix format, asc)', async () => {
117
- const handler = new RestorationStateHandler({ context: 'search' });
118
- const url = new URL(window.location.href);
119
- url.search = '?sort=date';
120
- window.history.replaceState({ path: url.href }, '', url.href);
121
- const restorationState = handler.getRestorationState();
122
- expect(restorationState.selectedSort).to.equal('date');
123
- expect(restorationState.sortDirection).to.equal('asc');
124
- });
125
- });
1
+ import { SearchType } from '@internetarchive/search-service';
2
+ import { expect } from '@open-wc/testing';
3
+ import { RestorationStateHandler } from '../src/restoration-state-handler';
4
+ describe('Restoration state handler', () => {
5
+ it('should restore query from URL', async () => {
6
+ const handler = new RestorationStateHandler({ context: 'search' });
7
+ const url = new URL(window.location.href);
8
+ url.search = '?query=boop';
9
+ window.history.replaceState({ path: url.href }, '', url.href);
10
+ const restorationState = handler.getRestorationState();
11
+ expect(restorationState.baseQuery).to.equal('boop');
12
+ });
13
+ it('should restore full text search type from URL', async () => {
14
+ const handler = new RestorationStateHandler({ context: 'search' });
15
+ const url = new URL(window.location.href);
16
+ url.search = '?sin=TXT';
17
+ window.history.replaceState({ path: url.href }, '', url.href);
18
+ const restorationState = handler.getRestorationState();
19
+ expect(restorationState.searchType).to.equal(SearchType.FULLTEXT);
20
+ });
21
+ it('should restore page number from URL', async () => {
22
+ const handler = new RestorationStateHandler({ context: 'search' });
23
+ const url = new URL(window.location.href);
24
+ url.search = '?page=42';
25
+ window.history.replaceState({ path: url.href }, '', url.href);
26
+ const restorationState = handler.getRestorationState();
27
+ expect(restorationState.currentPage).to.equal(42);
28
+ });
29
+ it('should restore selected year facets from URL', async () => {
30
+ const handler = new RestorationStateHandler({ context: 'search' });
31
+ const url = new URL(window.location.href);
32
+ url.search = '?and[]=year:"2018"';
33
+ window.history.replaceState({ path: url.href }, '', url.href);
34
+ const restorationState = handler.getRestorationState();
35
+ expect(restorationState.selectedFacets.year['2018'].state).to.equal('selected');
36
+ });
37
+ it('should restore selected date range facets from URL', async () => {
38
+ const handler = new RestorationStateHandler({ context: 'search' });
39
+ const url = new URL(window.location.href);
40
+ url.search = '?and[]=year:"2018+TO+2021"';
41
+ window.history.replaceState({ path: url.href }, '', url.href);
42
+ const restorationState = handler.getRestorationState();
43
+ expect(restorationState.minSelectedDate).to.equal('2018');
44
+ expect(restorationState.maxSelectedDate).to.equal('2021');
45
+ });
46
+ it('should restore creator filter from URL', async () => {
47
+ const handler = new RestorationStateHandler({ context: 'search' });
48
+ const url = new URL(window.location.href);
49
+ url.search = '?and[]=firstCreator:F';
50
+ window.history.replaceState({ path: url.href }, '', url.href);
51
+ const restorationState = handler.getRestorationState();
52
+ expect(restorationState.selectedCreatorFilter).to.equal('F');
53
+ });
54
+ it('should restore title filter from URL', async () => {
55
+ const handler = new RestorationStateHandler({ context: 'search' });
56
+ const url = new URL(window.location.href);
57
+ url.search = '?and[]=firstTitle:F';
58
+ window.history.replaceState({ path: url.href }, '', url.href);
59
+ const restorationState = handler.getRestorationState();
60
+ expect(restorationState.selectedTitleFilter).to.equal('F');
61
+ });
62
+ it('should restore other selected facets from URL', async () => {
63
+ const handler = new RestorationStateHandler({ context: 'search' });
64
+ const url = new URL(window.location.href);
65
+ url.search = '?and[]=subject:"foo"';
66
+ window.history.replaceState({ path: url.href }, '', url.href);
67
+ const restorationState = handler.getRestorationState();
68
+ expect(restorationState.selectedFacets.subject.foo.state).to.equal('selected');
69
+ });
70
+ it('should restore negative facets from URL', async () => {
71
+ const handler = new RestorationStateHandler({ context: 'search' });
72
+ const url = new URL(window.location.href);
73
+ url.search = '?not[]=year:2018';
74
+ window.history.replaceState({ path: url.href }, '', url.href);
75
+ const restorationState = handler.getRestorationState();
76
+ expect(restorationState.selectedFacets.year['2018'].state).to.equal('hidden');
77
+ });
78
+ it('should restore multiple selected/negative facets from URL', async () => {
79
+ const handler = new RestorationStateHandler({ context: 'search' });
80
+ const url = new URL(window.location.href);
81
+ url.search =
82
+ '?and[]=collection:"foo"&and[]=collection:"bar"&not[]=collection:"baz"&not[]=collection:"boop"';
83
+ window.history.replaceState({ path: url.href }, '', url.href);
84
+ const restorationState = handler.getRestorationState();
85
+ expect(restorationState.selectedFacets.collection.foo.state).to.equal('selected');
86
+ expect(restorationState.selectedFacets.collection.bar.state).to.equal('selected');
87
+ expect(restorationState.selectedFacets.collection.baz.state).to.equal('hidden');
88
+ expect(restorationState.selectedFacets.collection.boop.state).to.equal('hidden');
89
+ });
90
+ it('negative facets take precedence if both present in URL', async () => {
91
+ const handler = new RestorationStateHandler({ context: 'search' });
92
+ const url = new URL(window.location.href);
93
+ url.search = '?and[]=collection:"foo"&not[]=collection:"foo"';
94
+ window.history.replaceState({ path: url.href }, '', url.href);
95
+ const restorationState = handler.getRestorationState();
96
+ expect(restorationState.selectedFacets.collection.foo.state).to.equal('hidden');
97
+ });
98
+ it('should restore sort from URL (space format)', async () => {
99
+ const handler = new RestorationStateHandler({ context: 'search' });
100
+ const url = new URL(window.location.href);
101
+ url.search = '?sort=date+desc';
102
+ window.history.replaceState({ path: url.href }, '', url.href);
103
+ const restorationState = handler.getRestorationState();
104
+ expect(restorationState.selectedSort).to.equal('date');
105
+ expect(restorationState.sortDirection).to.equal('desc');
106
+ });
107
+ it('should restore sort from URL (prefix format, desc)', async () => {
108
+ const handler = new RestorationStateHandler({ context: 'search' });
109
+ const url = new URL(window.location.href);
110
+ url.search = '?sort=-date';
111
+ window.history.replaceState({ path: url.href }, '', url.href);
112
+ const restorationState = handler.getRestorationState();
113
+ expect(restorationState.selectedSort).to.equal('date');
114
+ expect(restorationState.sortDirection).to.equal('desc');
115
+ });
116
+ it('should restore sort from URL (prefix format, asc)', async () => {
117
+ const handler = new RestorationStateHandler({ context: 'search' });
118
+ const url = new URL(window.location.href);
119
+ url.search = '?sort=date';
120
+ window.history.replaceState({ path: url.href }, '', url.href);
121
+ const restorationState = handler.getRestorationState();
122
+ expect(restorationState.selectedSort).to.equal('date');
123
+ expect(restorationState.sortDirection).to.equal('asc');
124
+ });
125
+ });
126
126
  //# sourceMappingURL=restoration-state-handler.test.js.map
@@ -1 +1 @@
1
- import '../../src/sort-filter-bar/alpha-bar';
1
+ import '../../src/sort-filter-bar/alpha-bar';
@@ -1,44 +1,44 @@
1
- import { expect, fixture } from '@open-wc/testing';
2
- import { html } from 'lit';
3
- import '../../src/sort-filter-bar/alpha-bar';
4
- describe('Alphabetical Filter Bar', () => {
5
- it('renders component', async () => {
6
- var _a;
7
- const el = await fixture(html `<alpha-bar></alpha-bar>`);
8
- // Should have all the letters
9
- const letters = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li');
10
- expect(letters === null || letters === void 0 ? void 0 : letters.length).to.equal(26);
11
- });
12
- it('renders letters with items as links', async () => {
13
- var _a, _b, _c;
14
- const el = await fixture(html `<alpha-bar></alpha-bar>`);
15
- el.letterCounts = { U: 10, X: 10 };
16
- await el.updateComplete;
17
- // Should have exactly two letter links
18
- const letterLinks = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li > a[href]');
19
- expect(letterLinks === null || letterLinks === void 0 ? void 0 : letterLinks.length).to.equal(2);
20
- expect((_b = letterLinks === null || letterLinks === void 0 ? void 0 : letterLinks.item(0).textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('U');
21
- expect((_c = letterLinks === null || letterLinks === void 0 ? void 0 : letterLinks.item(1).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('X');
22
- });
23
- it('renders letters without items as uninteractive text', async () => {
24
- var _a, _b, _c;
25
- const el = await fixture(html `<alpha-bar></alpha-bar>`);
26
- el.letterCounts = { U: 10, X: 10 };
27
- await el.updateComplete;
28
- // All but the two letters above should just be inert spans, not links
29
- const letterNonLinks = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li > span');
30
- expect(letterNonLinks === null || letterNonLinks === void 0 ? void 0 : letterNonLinks.length).to.equal(24);
31
- expect((_b = letterNonLinks === null || letterNonLinks === void 0 ? void 0 : letterNonLinks.item(0).textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('A');
32
- expect((_c = letterNonLinks === null || letterNonLinks === void 0 ? void 0 : letterNonLinks.item(23).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Z');
33
- });
34
- it('renders the selected letter with the "selected" class', async () => {
35
- var _a, _b;
36
- const el = await fixture(html `<alpha-bar></alpha-bar>`);
37
- el.selectedLetter = 'B';
38
- await el.updateComplete;
39
- const selectedLetter = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('li.selected');
40
- expect(selectedLetter).to.exist;
41
- expect((_b = selectedLetter === null || selectedLetter === void 0 ? void 0 : selectedLetter.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('B');
42
- });
43
- });
1
+ import { expect, fixture } from '@open-wc/testing';
2
+ import { html } from 'lit';
3
+ import '../../src/sort-filter-bar/alpha-bar';
4
+ describe('Alphabetical Filter Bar', () => {
5
+ it('renders component', async () => {
6
+ var _a;
7
+ const el = await fixture(html `<alpha-bar></alpha-bar>`);
8
+ // Should have all the letters
9
+ const letters = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li');
10
+ expect(letters === null || letters === void 0 ? void 0 : letters.length).to.equal(26);
11
+ });
12
+ it('renders letters with items as links', async () => {
13
+ var _a, _b, _c;
14
+ const el = await fixture(html `<alpha-bar></alpha-bar>`);
15
+ el.letterCounts = { U: 10, X: 10 };
16
+ await el.updateComplete;
17
+ // Should have exactly two letter links
18
+ const letterLinks = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li > a[href]');
19
+ expect(letterLinks === null || letterLinks === void 0 ? void 0 : letterLinks.length).to.equal(2);
20
+ expect((_b = letterLinks === null || letterLinks === void 0 ? void 0 : letterLinks.item(0).textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('U');
21
+ expect((_c = letterLinks === null || letterLinks === void 0 ? void 0 : letterLinks.item(1).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('X');
22
+ });
23
+ it('renders letters without items as uninteractive text', async () => {
24
+ var _a, _b, _c;
25
+ const el = await fixture(html `<alpha-bar></alpha-bar>`);
26
+ el.letterCounts = { U: 10, X: 10 };
27
+ await el.updateComplete;
28
+ // All but the two letters above should just be inert spans, not links
29
+ const letterNonLinks = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li > span');
30
+ expect(letterNonLinks === null || letterNonLinks === void 0 ? void 0 : letterNonLinks.length).to.equal(24);
31
+ expect((_b = letterNonLinks === null || letterNonLinks === void 0 ? void 0 : letterNonLinks.item(0).textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('A');
32
+ expect((_c = letterNonLinks === null || letterNonLinks === void 0 ? void 0 : letterNonLinks.item(23).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Z');
33
+ });
34
+ it('renders the selected letter with the "selected" class', async () => {
35
+ var _a, _b;
36
+ const el = await fixture(html `<alpha-bar></alpha-bar>`);
37
+ el.selectedLetter = 'B';
38
+ await el.updateComplete;
39
+ const selectedLetter = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('li.selected');
40
+ expect(selectedLetter).to.exist;
41
+ expect((_b = selectedLetter === null || selectedLetter === void 0 ? void 0 : selectedLetter.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('B');
42
+ });
43
+ });
44
44
  //# sourceMappingURL=alpha-bar.test.js.map
@@ -1 +1 @@
1
- import '../../src/sort-filter-bar/sort-filter-bar';
1
+ import '../../src/sort-filter-bar/sort-filter-bar';