@internetarchive/collection-browser 0.3.3 → 0.3.5-alpha.1

package/src/collection-facets/facet-tombstone-row.ts

@@ -0,0 +1,40 @@
+import { css, html, LitElement, CSSResultGroup } from 'lit';
+import { customElement } from 'lit/decorators.js';
+
+@customElement('facet-tombstone-row')
+export class FacetTombstoneRow extends LitElement {
+  render() {
+    return html`
+      <div id="row">
+        <input type="checkbox" disabled />
+        <div class="tombstone-line"></div>
+        <div class="tombstone-line"></div>
+      </div>
+    `;
+  }
+
+  static get styles(): CSSResultGroup {
+    return css`
+      #row {
+        display: grid;
+        grid-template-columns: 15px 1fr 36px;
+        grid-gap: 9px 6px;
+        align-items: center;
+        margin: 2.5px auto;
+        border: 1px solid transparent;
+      }
+
+      .tombstone-line {
+        background: #ddd;
+        height: 6px;
+        border-radius: 50px;
+      }
+
+      input[type='checkbox'] {
+        width: 15px;
+        height: 15px;
+        margin: 0;
+      }
+    `;
+  }
+}

package/src/collection-facets/more-facets-content.ts

@@ -27,6 +27,7 @@ import {
   FacetBucket,
   FacetOption,
   facetTitles,
+  suppressedCollections,
 } from '../models';
 import type { LanguageCodeHandlerInterface } from '../language-code-handler/language-code-handler';
 import '@internetarchive/ia-activity-indicator/ia-activity-indicator';
@@ -266,10 +267,13 @@ export class MoreFacetsContent extends LitElement {
       ) as Bucket[];
 
       if (option === 'collection') {
-        // we are not showing fav- collection items in facets
-        castedBuckets = castedBuckets?.filter(
-          bucket => bucket?.key?.toString().startsWith('fav-') === false
-        );
+        // we are not showing fav- collections or certain deemphasized collections in facets
+        castedBuckets = castedBuckets?.filter(bucket => {
+          const bucketKey = bucket?.key?.toString();
+          return (
+            !suppressedCollections[bucketKey] && !bucketKey?.startsWith('fav-')
+          );
+        });
 
         // asynchronously load the collection name
         this.preloadCollectionNames(castedBuckets);