@internetarchive/collection-browser 1.14.2 → 1.14.3

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 (37) hide show
  1. package/dist/src/assets/img/icons/mediatype/search.d.ts +1 -0
  2. package/dist/src/assets/img/icons/mediatype/search.js +14 -0
  3. package/dist/src/assets/img/icons/mediatype/search.js.map +1 -0
  4. package/dist/src/collection-browser.d.ts +1 -0
  5. package/dist/src/collection-browser.js +27 -9
  6. package/dist/src/collection-browser.js.map +1 -1
  7. package/dist/src/mediatype/mediatype-config.js +6 -0
  8. package/dist/src/mediatype/mediatype-config.js.map +1 -1
  9. package/dist/src/styles/item-image-styles.js +4 -0
  10. package/dist/src/styles/item-image-styles.js.map +1 -1
  11. package/dist/src/tiles/grid/search-tile.d.ts +10 -0
  12. package/dist/src/tiles/grid/search-tile.js +92 -0
  13. package/dist/src/tiles/grid/search-tile.js.map +1 -0
  14. package/dist/src/tiles/image-block.js +4 -2
  15. package/dist/src/tiles/image-block.js.map +1 -1
  16. package/dist/src/tiles/item-image.d.ts +1 -0
  17. package/dist/src/tiles/item-image.js +31 -8
  18. package/dist/src/tiles/item-image.js.map +1 -1
  19. package/dist/src/tiles/list/tile-list.js +5 -1
  20. package/dist/src/tiles/list/tile-list.js.map +1 -1
  21. package/dist/src/tiles/tile-dispatcher.d.ts +1 -0
  22. package/dist/src/tiles/tile-dispatcher.js +25 -1
  23. package/dist/src/tiles/tile-dispatcher.js.map +1 -1
  24. package/dist/test/tiles/grid/search-tile.test.d.ts +1 -0
  25. package/dist/test/tiles/grid/search-tile.test.js +67 -0
  26. package/dist/test/tiles/grid/search-tile.test.js.map +1 -0
  27. package/package.json +4 -4
  28. package/src/assets/img/icons/mediatype/search.ts +14 -0
  29. package/src/collection-browser.ts +20 -1
  30. package/src/mediatype/mediatype-config.ts +6 -0
  31. package/src/styles/item-image-styles.ts +4 -0
  32. package/src/tiles/grid/search-tile.ts +87 -0
  33. package/src/tiles/image-block.ts +3 -1
  34. package/src/tiles/item-image.ts +31 -8
  35. package/src/tiles/list/tile-list.ts +5 -0
  36. package/src/tiles/tile-dispatcher.ts +23 -1
  37. package/test/tiles/grid/search-tile.test.ts +76 -0
@@ -0,0 +1 @@
1
+ export declare const searchIcon: import("lit-html").TemplateResult<2>;
@@ -0,0 +1,14 @@
1
+ import { svg } from 'lit';
2
+ export const searchIcon = svg `
3
+ <svg
4
+ viewBox="0 0 100 100"
5
+ xmlns="http://www.w3.org/2000/svg">
6
+ <path
7
+ class="fill-color"
8
+ d="m17.0555551 41.3194459c0-12.7430552 10.3541664-23.1027772 23.0847216-23.1027772 12.7166664 0 23.0777773 10.359722 23.0777773 23.1027772 0 12.7361108-10.3611109 23.0986106-23.0777773 23.0986106-12.7305552 0-23.0847216-10.3624998-23.0847216-23.0986106zm-17.24305512 0c0 22.2916661 18.04583292 40.3472213 40.32777672 40.3472213 8.9208332 0 17.145833-2.9319449 23.8194439-7.8527776l24.1513883 24.0777771c1.2125 1.1402778 2.8430555 1.8430556 4.6374999 1.8430556 3.7444443 0 6.7805554-3.0361111 6.7805554-6.7791665 0-2.0652778-.9222222-3.9069444-2.3736111-5.1499999l-23.718055-23.7458328c4.4152777-6.4791665 7.0152776-14.3055552 7.0152776-22.7402772 0-22.2791661-18.0458328-40.34861006-40.312499-40.34861006-22.2819438 0-40.32777672 18.06944396-40.32777672 40.34861006z"
9
+ fill="#2c2c2c"
10
+ fill-rule="evenodd"
11
+ />
12
+ </svg>
13
+ `;
14
+ //# sourceMappingURL=search.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search.js","sourceRoot":"","sources":["../../../../../../src/assets/img/icons/mediatype/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;CAW5B,CAAC","sourcesContent":["import { svg } from 'lit';\n\nexport const searchIcon = svg`\n <svg\n viewBox=\"0 0 100 100\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n class=\"fill-color\"\n d=\"m17.0555551 41.3194459c0-12.7430552 10.3541664-23.1027772 23.0847216-23.1027772 12.7166664 0 23.0777773 10.359722 23.0777773 23.1027772 0 12.7361108-10.3611109 23.0986106-23.0777773 23.0986106-12.7305552 0-23.0847216-10.3624998-23.0847216-23.0986106zm-17.24305512 0c0 22.2916661 18.04583292 40.3472213 40.32777672 40.3472213 8.9208332 0 17.145833-2.9319449 23.8194439-7.8527776l24.1513883 24.0777771c1.2125 1.1402778 2.8430555 1.8430556 4.6374999 1.8430556 3.7444443 0 6.7805554-3.0361111 6.7805554-6.7791665 0-2.0652778-.9222222-3.9069444-2.3736111-5.1499999l-23.718055-23.7458328c4.4152777-6.4791665 7.0152776-14.3055552 7.0152776-22.7402772 0-22.2791661-18.0458328-40.34861006-40.312499-40.34861006-22.2819438 0-40.32777672 18.06944396-40.32777672 40.34861006z\"\n fill=\"#2c2c2c\"\n fill-rule=\"evenodd\"\n />\n </svg>\n`;\n"]}
@@ -481,6 +481,7 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
481
481
  * @param results
482
482
  */
483
483
  private updateDataSource;
484
+ private getMediatype;
484
485
  /**
485
486
  * Returns the input string, but removing one set of quotes from all instances of
486
487
  * ""clauses wrapped in two sets of quotes"". This assumes the quotes are already
@@ -1653,7 +1653,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
1653
1653
  const datasource = { ...this.dataSource };
1654
1654
  const tiles = [];
1655
1655
  results === null || results === void 0 ? void 0 : results.forEach(result => {
1656
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15;
1656
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13;
1657
1657
  if (!result.identifier)
1658
1658
  return;
1659
1659
  let loginRequired = false;
@@ -1693,14 +1693,14 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
1693
1693
  identifier: result.identifier,
1694
1694
  issue: (_0 = result.issue) === null || _0 === void 0 ? void 0 : _0.value,
1695
1695
  itemCount: (_2 = (_1 = result.item_count) === null || _1 === void 0 ? void 0 : _1.value) !== null && _2 !== void 0 ? _2 : 0,
1696
- mediatype: (_4 = (_3 = result.mediatype) === null || _3 === void 0 ? void 0 : _3.value) !== null && _4 !== void 0 ? _4 : 'data',
1697
- snippets: (_6 = (_5 = result.highlight) === null || _5 === void 0 ? void 0 : _5.values) !== null && _6 !== void 0 ? _6 : [],
1698
- source: (_7 = result.source) === null || _7 === void 0 ? void 0 : _7.value,
1699
- subjects: (_9 = (_8 = result.subject) === null || _8 === void 0 ? void 0 : _8.values) !== null && _9 !== void 0 ? _9 : [],
1700
- title: (_11 = (_10 = result.title) === null || _10 === void 0 ? void 0 : _10.value) !== null && _11 !== void 0 ? _11 : '',
1701
- volume: (_12 = result.volume) === null || _12 === void 0 ? void 0 : _12.value,
1702
- viewCount: (_14 = (_13 = result.downloads) === null || _13 === void 0 ? void 0 : _13.value) !== null && _14 !== void 0 ? _14 : 0,
1703
- weeklyViewCount: (_15 = result.week) === null || _15 === void 0 ? void 0 : _15.value,
1696
+ mediatype: this.getMediatype(result),
1697
+ snippets: (_4 = (_3 = result.highlight) === null || _3 === void 0 ? void 0 : _3.values) !== null && _4 !== void 0 ? _4 : [],
1698
+ source: (_5 = result.source) === null || _5 === void 0 ? void 0 : _5.value,
1699
+ subjects: (_7 = (_6 = result.subject) === null || _6 === void 0 ? void 0 : _6.values) !== null && _7 !== void 0 ? _7 : [],
1700
+ title: (_9 = (_8 = result.title) === null || _8 === void 0 ? void 0 : _8.value) !== null && _9 !== void 0 ? _9 : '',
1701
+ volume: (_10 = result.volume) === null || _10 === void 0 ? void 0 : _10.value,
1702
+ viewCount: (_12 = (_11 = result.downloads) === null || _11 === void 0 ? void 0 : _11.value) !== null && _12 !== void 0 ? _12 : 0,
1703
+ weeklyViewCount: (_13 = result.week) === null || _13 === void 0 ? void 0 : _13.value,
1704
1704
  loginRequired,
1705
1705
  contentWarning,
1706
1706
  });
@@ -1713,6 +1713,24 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
1713
1713
  (_a = this.infiniteScroller) === null || _a === void 0 ? void 0 : _a.refreshAllVisibleCells();
1714
1714
  }
1715
1715
  }
1716
+ getMediatype(result) {
1717
+ var _a, _b, _c;
1718
+ /**
1719
+ * hit_type == 'favorited_search' is basically a new hit_type
1720
+ * - we are getting from PPS.
1721
+ * - which gives response for fav- collection
1722
+ * - having favorited items like account/collection/item etc..
1723
+ * - as user can also favorite a search result (a search page)
1724
+ * - so we need to have response (having fav- items and fav- search results)
1725
+ *
1726
+ * if backend hit_type == 'favorited_search'
1727
+ * - let's assume a "search" as new mediatype
1728
+ */
1729
+ if (((_a = result === null || result === void 0 ? void 0 : result.rawMetadata) === null || _a === void 0 ? void 0 : _a.hit_type) === 'favorited_search') {
1730
+ return 'search';
1731
+ }
1732
+ return (_c = (_b = result.mediatype) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 'data';
1733
+ }
1716
1734
  /**
1717
1735
  * Returns the input string, but removing one set of quotes from all instances of
1718
1736
  * ""clauses wrapped in two sets of quotes"". This assumes the quotes are already