Show last paper in author list

Signed-off-by: Jay Wang <[email protected]>

Author: xiaohk

src/components/author-list/author-list.css

@@ -16,39 +16,41 @@
   width: 100%;
   border-collapse: collapse;
   white-space: nowrap;
+  box-sizing: border-box;
   --cell-padding-right: 50px;
 
   &:has(.author-row) {
     margin-top: 10px;
   }
 
   .col-icon {
-    width: 0;
+    width: 0px;
     min-width: min-content;
   }
 
   .col-name {
-    width: 0;
+    width: 0px;
     min-width: min-content;
   }
 
-  .col-paper-count {
-    width: 0;
+  .col-citation-count {
+    width: 0px;
     min-width: min-content;
   }
 
-  .col-citation-count {
-    width: 0;
+  .col-paper-count {
+    width: 0px;
     min-width: min-content;
   }
 
-  .col-filler {
-    width: 100%;
+  .col-paper {
+    width: 0px;
+    min-width: min-content;
   }
 
   .author-row {
     cursor: pointer;
-    width: 100%;
+    box-sizing: border-box;
 
     .svg-icon {
       color: var(--gray-300);
@@ -67,6 +69,7 @@
     vertical-align: center;
     padding: 3px 0;
     height: 24px;
+    box-sizing: border-box;
   }
 
   .icon {
@@ -75,12 +78,15 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    width: min-content;
+    position: relative;
+    top: 2px;
   }
 
   .name {
     padding-right: var(--cell-padding-right);
     font-weight: 600;
-    max-width: 500px;
+    max-width: 300px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -96,6 +102,16 @@
   .citation-count {
     color: var(--gray-500);
     vertical-align: top;
+    padding-right: var(--cell-padding-right);
+  }
+
+  .paper {
+    color: var(--gray-500);
+    max-width: 500px;
+    font-style: italic;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 }
 
@@ -121,9 +137,37 @@
   .author-table {
     --cell-padding-right: 10px;
 
+    & td {
+      padding-top: 5px;
+      padding-bottom: 5px;
+    }
+
+    .icon {
+      display: none;
+    }
+
     .name {
-      min-width: 100px;
+      padding-left: calc(1rem - 2px);
+      max-width: unset;
+      overflow: unset;
+      text-overflow: unset;
+      white-space: wrap;
+    }
+
+    .citation-count {
+      white-space: wrap;
+    }
+
+    .paper-count {
+      max-width: unset;
+      white-space: wrap;
+    }
+
+    .paper {
       white-space: wrap;
+      overflow: unset;
+      text-overflow: unset;
+      padding-right: calc(1rem - 2px);
     }
   }
 }

src/components/author-list/author-list.ts

@@ -11,7 +11,7 @@ import type {
 import iconPerson from '../../images/icon-person.svg?raw';
 import componentCSS from './author-list.css?inline';
 
-const AUTHORS_PER_PAGE = 100;
+const AUTHORS_PER_PAGE = 50;
 let authorDetailAPITimeout: number | null = null;
 
 /**
@@ -94,7 +94,12 @@ export class RecRecAuthorList extends LitElement {
     }
 
     try {
-      const data = await searchAuthorDetails(this.authors.map(d => d.authorId));
+      const fields =
+        'authorId,name,affiliations,paperCount,citationCount,papers.title';
+      const data = await searchAuthorDetails(
+        this.authors.map(d => d.authorId),
+        fields
+      );
       this.authorDetails = data;
       this.updateIsSearching(false);
     } catch (e) {
@@ -138,6 +143,11 @@ export class RecRecAuthorList extends LitElement {
     )) {
       if (author === null) continue;
 
+      let latestPaper = '';
+      if (author.papers !== undefined && author.papers.length > 0) {
+        latestPaper = author.papers[0].title;
+      }
+
       authors = html`${authors}
         <tr
           class="author-row"
@@ -153,9 +163,9 @@ export class RecRecAuthorList extends LitElement {
               ? ` (${author.affiliations![0]})`
               : ''}
           </td>
-          <td class="paper-count">${author.paperCount} papers</td>
           <td class="citation-count">${author.citationCount} citations</td>
-          <td class="extra-cell"></td>
+          <td class="paper-count">${author.paperCount} papers</td>
+          <td class="paper">"${latestPaper}"</td>
         </tr> `;
     }
 
@@ -165,9 +175,9 @@ export class RecRecAuthorList extends LitElement {
           <colgroup>
             <col class="col-icon" />
             <col class="col-name" />
-            <col class="col-paper-count" />
             <col class="col-citation-count" />
-            <col class="col-filler" />
+            <col class="col-paper-count" />
+            <col class="col-paper" />
           </colgroup>
           ${authors}
         </table>

src/types/common-types.ts

@@ -96,6 +96,7 @@ export interface SemanticAuthorDetailContent {
   paperCount?: number;
   hIndex?: number;
   url?: string;
+  papers?: SemanticPaper[];
 }
 
 export enum Step {