@internetarchive/collection-browser 0.2.6-alpha1 → 0.2.6-alpha2

package/src/tiles/grid/item-tile.ts

@@ -2,9 +2,7 @@
 import { css, CSSResultGroup, html, LitElement, nothing } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { SortParam } from '@internetarchive/search-service';
 
-import { formatDate } from '../../utils/format-date';
 import { TileModel } from '../../models';
 
 import '../mediatype-icon';
@@ -17,10 +15,9 @@ export class ItemTile extends LitElement {
 
   @property({ type: String }) baseImageUrl?: string;
 
-  @property({ type: Object }) sortParam?: SortParam;
-
   render() {
     const itemTitle = this.model?.title;
+    const itemCreator = this.model?.creator;
     return html`
       <div class="container">
         <div class="item-info">
@@ -36,11 +33,9 @@ export class ItemTile extends LitElement {
               .baseImageUrl=${this.baseImageUrl}>
             </item-image>
           </div>
-          ${
-            this.doesSortedByDate
-              ? this.sortedDateInfoTemplate
-              : this.creatorTemplate
-          }
+          <div class="created-by truncated">
+            ${itemCreator ? html`<span>by&nbsp;${itemCreator}</span>` : nothing}
+          </div>
         </div>
 
         <tile-stats 
@@ -54,51 +49,6 @@ export class ItemTile extends LitElement {
     `;
   }
 
-  private get doesSortedByDate() {
-    return ['date', 'reviewdate', 'addeddate', 'publicdate'].includes(
-      this.sortParam?.field as string
-    );
-  }
-
-  private get sortedDateInfoTemplate() {
-    let sortedValue;
-
-    switch (this.sortParam?.field) {
-      case 'date':
-        sortedValue = { field: 'published', value: this.model?.datePublished };
-        break;
-      case 'reviewdate':
-        sortedValue = { field: 'reviewed', value: this.model?.dateReviewed };
-        break;
-      case 'addeddate':
-        sortedValue = { field: 'added', value: this.model?.dateAdded };
-        break;
-      case 'publicdate':
-        sortedValue = { field: 'archived', value: this.model?.dateArchived };
-        break;
-      default:
-        break;
-    }
-
-    return html`
-      <div class="date-sorted-by truncated">
-        <span>
-          ${sortedValue?.field} ${formatDate(sortedValue?.value, 'long')}
-        </span>
-      </div>
-    `;
-  }
-
-  private get creatorTemplate() {
-    return html`
-      <div class="created-by truncated">
-        ${this.model?.creator
-          ? html`<span>by&nbsp;${this.model?.creator}</span>`
-          : nothing}
-      </div>
-    `;
-  }
-
   static get styles(): CSSResultGroup {
     return css`
       .container {
@@ -139,8 +89,7 @@ export class ItemTile extends LitElement {
         text-decoration: underline;
       }
 
-      .created-by,
-      .date-sorted-by {
+      .created-by {
         display: flex;
         justify-content: center;
         align-items: flex-end; /* Important to start text from bottom */

package/src/tiles/tile-dispatcher.ts

@@ -154,7 +154,6 @@ export class TileDispatcher
               .currentHeight=${this.currentHeight}
               .collectionNameCache=${this.collectionNameCache}
               .baseImageUrl=${this.baseImageUrl}
-              .sortParam=${sortParam}
             ></item-tile>`;
         }
       case 'list-compact':

package/test/collection-browser.test.ts

@@ -12,6 +12,9 @@ describe('Collection Browser', () => {
       html`<collection-browser></collection-browser>`
     );
 
+    el.baseQuery = 'hello';
+    await el.updateComplete;
+
     const facets = el.shadowRoot?.querySelector('collection-facets');
     const sortBar = el.shadowRoot?.querySelector('sort-filter-bar');
     const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');

package/test/empty-placeholder.test.ts

@@ -0,0 +1,35 @@
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import { EmptyPlaceholder } from '../src/empty-placeholder';
+import '../src/empty-placeholder';
+
+describe('Empty Placeholder', () => {
+  it('should render with no-search-term placeholder', async () => {
+    const el = await fixture<EmptyPlaceholder>(
+      html`<empty-placeholder></empty-placeholder>`
+    );
+
+    el.placeholderType = 'no-search-term';
+    await el.updateComplete;
+
+    const notSearchTerm = el.shadowRoot?.querySelector('.no-term');
+    const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');
+
+    expect(notSearchTerm).to.exist;
+    expect(infiniteScroller).to.not.exist;
+  });
+
+  it('should render with no-search-result placeholder', async () => {
+    const el = await fixture<EmptyPlaceholder>(
+      html`<empty-placeholder></empty-placeholder>`
+    );
+
+    el.placeholderType = 'no-search-result';
+    await el.updateComplete;
+
+    expect(el.shadowRoot?.querySelector('.no-result')).to.exist;
+    expect(el.shadowRoot?.querySelector('.no-term')).to.not.exist;
+    expect(el.shadowRoot?.querySelector('collection-facets')).to.not.exist;
+  });
+});

package/dist/test/tiles/grid/item-tile.test.d.ts

@@ -1 +0,0 @@
-import '../../../src/tiles/grid/item-tile';

package/dist/test/tiles/grid/item-tile.test.js

@@ -1,96 +0,0 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../../../src/tiles/grid/item-tile';
-describe('Item Tile', () => {
-    it('should render initial component', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<item-tile></item-tile>`);
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
-        const itemTitle = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#title');
-        expect(itemInfo).to.exist;
-        expect(itemImage).to.exist;
-        expect(itemTitle).to.exist;
-    });
-    it('should render with created-by element', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<item-tile></item-tile>`);
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
-        const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
-        expect(itemInfo).to.exist;
-        expect(createdBy).to.exist;
-        expect(dateSortedBy).to.not.exist;
-    });
-    it('should not render with created-by but date element', async () => {
-        var _a, _b;
-        const el = await fixture(html `<item-tile></item-tile>`);
-        el.sortParam = {
-            field: 'date',
-            direction: 'desc',
-        };
-        await el.updateComplete;
-        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
-        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
-        expect(createdBy).to.not.exist;
-        expect(dateSortedBy).to.exist;
-    });
-    it('should not render with created-by but reviewdate element', async () => {
-        var _a, _b;
-        const el = await fixture(html `<item-tile></item-tile>`);
-        el.sortParam = {
-            field: 'reviewdate',
-            direction: 'desc',
-        };
-        await el.updateComplete;
-        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
-        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
-        expect(createdBy).to.not.exist;
-        expect(dateSortedBy).to.exist;
-    });
-    it('should not render with created-by but publicdate element', async () => {
-        var _a, _b;
-        const el = await fixture(html `<item-tile></item-tile>`);
-        el.sortParam = {
-            field: 'publicdate',
-            direction: 'desc',
-        };
-        await el.updateComplete;
-        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
-        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
-        expect(createdBy).to.not.exist;
-        expect(dateSortedBy).to.exist;
-    });
-    it('should render with created-by when sorting not related to date', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<item-tile></item-tile>`);
-        el.sortParam = {
-            field: 'addeddate',
-            direction: 'asc',
-        };
-        await el.updateComplete;
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
-        const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
-        expect(itemInfo).to.exist;
-        expect(createdBy).to.not.exist;
-        expect(dateSortedBy).to.exist;
-    });
-    it('should render with created-by when sort field id not like date', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<item-tile></item-tile>`);
-        el.sortParam = {
-            field: 'week',
-            direction: 'asc',
-        };
-        await el.updateComplete;
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
-        const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
-        expect(itemInfo).to.exist;
-        expect(dateSortedBy).to.not.exist; // it should be exist because this is not related to date sort
-        expect(createdBy).to.exist;
-    });
-});
-//# sourceMappingURL=item-tile.test.js.map

package/dist/test/tiles/grid/item-tile.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-tile.test.js","sourceRoot":"","sources":["../../../../test/tiles/grid/item-tile.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport { ItemTile } from '../../../src/tiles/grid/item-tile';\n\nimport '../../../src/tiles/grid/item-tile';\n\ndescribe('Item Tile', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const itemTitle = el.shadowRoot?.querySelector('#title');\n\n    expect(itemInfo).to.exist;\n    expect(itemImage).to.exist;\n    expect(itemTitle).to.exist;\n  });\n\n  it('should render with created-by element', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(itemInfo).to.exist;\n    expect(createdBy).to.exist;\n    expect(dateSortedBy).to.not.exist;\n  });\n\n  it('should not render with created-by but date element', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    el.sortParam = {\n      field: 'date',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render with created-by but reviewdate element', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    el.sortParam = {\n      field: 'reviewdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render with created-by but publicdate element', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    el.sortParam = {\n      field: 'publicdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should render with created-by when sorting not related to date', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    el.sortParam = {\n      field: 'addeddate',\n      direction: 'asc',\n    };\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(itemInfo).to.exist;\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should render with created-by when sort field id not like date', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    el.sortParam = {\n      field: 'week',\n      direction: 'asc',\n    };\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(itemInfo).to.exist;\n    expect(dateSortedBy).to.not.exist; // it should be exist because this is not related to date sort\n    expect(createdBy).to.exist;\n  });\n});\n"]}

package/test/tiles/grid/item-tile.test.ts

@@ -1,116 +0,0 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import { ItemTile } from '../../../src/tiles/grid/item-tile';
-
-import '../../../src/tiles/grid/item-tile';
-
-describe('Item Tile', () => {
-  it('should render initial component', async () => {
-    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);
-
-    const itemInfo = el.shadowRoot?.querySelector('.item-info');
-    const itemImage = el.shadowRoot?.querySelector('item-image');
-    const itemTitle = el.shadowRoot?.querySelector('#title');
-
-    expect(itemInfo).to.exist;
-    expect(itemImage).to.exist;
-    expect(itemTitle).to.exist;
-  });
-
-  it('should render with created-by element', async () => {
-    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);
-
-    const itemInfo = el.shadowRoot?.querySelector('.item-info');
-    const createdBy = el.shadowRoot?.querySelector('.created-by');
-    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
-
-    expect(itemInfo).to.exist;
-    expect(createdBy).to.exist;
-    expect(dateSortedBy).to.not.exist;
-  });
-
-  it('should not render with created-by but date element', async () => {
-    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);
-
-    el.sortParam = {
-      field: 'date',
-      direction: 'desc',
-    };
-    await el.updateComplete;
-
-    const createdBy = el.shadowRoot?.querySelector('.created-by');
-    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
-
-    expect(createdBy).to.not.exist;
-    expect(dateSortedBy).to.exist;
-  });
-
-  it('should not render with created-by but reviewdate element', async () => {
-    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);
-
-    el.sortParam = {
-      field: 'reviewdate',
-      direction: 'desc',
-    };
-    await el.updateComplete;
-
-    const createdBy = el.shadowRoot?.querySelector('.created-by');
-    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
-
-    expect(createdBy).to.not.exist;
-    expect(dateSortedBy).to.exist;
-  });
-
-  it('should not render with created-by but publicdate element', async () => {
-    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);
-
-    el.sortParam = {
-      field: 'publicdate',
-      direction: 'desc',
-    };
-    await el.updateComplete;
-
-    const createdBy = el.shadowRoot?.querySelector('.created-by');
-    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
-
-    expect(createdBy).to.not.exist;
-    expect(dateSortedBy).to.exist;
-  });
-
-  it('should render with created-by when sorting not related to date', async () => {
-    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);
-
-    el.sortParam = {
-      field: 'addeddate',
-      direction: 'asc',
-    };
-    await el.updateComplete;
-
-    const itemInfo = el.shadowRoot?.querySelector('.item-info');
-    const createdBy = el.shadowRoot?.querySelector('.created-by');
-    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
-
-    expect(itemInfo).to.exist;
-    expect(createdBy).to.not.exist;
-    expect(dateSortedBy).to.exist;
-  });
-
-  it('should render with created-by when sort field id not like date', async () => {
-    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);
-
-    el.sortParam = {
-      field: 'week',
-      direction: 'asc',
-    };
-    await el.updateComplete;
-
-    const itemInfo = el.shadowRoot?.querySelector('.item-info');
-    const createdBy = el.shadowRoot?.querySelector('.created-by');
-    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
-
-    expect(itemInfo).to.exist;
-    expect(dateSortedBy).to.not.exist; // it should be exist because this is not related to date sort
-    expect(createdBy).to.exist;
-  });
-});