Update news 4.21 (#1153)

jfkonecn · calvinlu3 · zhx828 · web-flow · commit f96b287dda45 · 2024-09-25T06:28:34.000-04:00
* Update news 4.20 (#1142) --------- Co-authored-by: Calvin Lu <59149377+calvinlu3@users.noreply.github.com> Co-authored-by: Hongxin <jackson.zhang.828@gmail.com> Co-authored-by: oncokb-bot <dev.oncokb@gmail.com>
diff --git a/src/main/webapp/app/config/constants.tsx b/src/main/webapp/app/config/constants.tsx
@@ -817,6 +817,7 @@ export type DataRelease = {
 };
 
 export const DATA_RELEASES: DataRelease[] = [
+  { date: '09192024', version: 'v4.21' },
   { date: '08152024', version: 'v4.20' },
   { date: '07042024', version: 'v4.19' },
   { date: '07022024', version: 'v4.18' },
diff --git a/src/main/webapp/app/pages/newsPage/ChangedAnnotationListItem.tsx b/src/main/webapp/app/pages/newsPage/ChangedAnnotationListItem.tsx
@@ -11,6 +11,7 @@ import {
   UPDATED_IMPLICATION_COLUMNS,
   CHANGED_ANNOTATION_DRUG_REMOVAL_SAME_HIGHEST_LEVEL_COLUMNS,
   CHANGED_ANNOTATION_DRUG_SAME_HIGHEST_LEVEL_COLUMNS,
+  CHANGED_ANNOTATION_UPDATED_DRUG_SAME_HIGHEST_LEVEL_COLUMNS,
 } from 'app/pages/newsPage/NewsPageContent';
 import { SimpleTable, SimpleTableRow } from 'app/components/SimpleTable';
 import { Row } from 'react-bootstrap';
@@ -37,6 +38,7 @@ export enum AnnotationColumnHeaderType {
   DEMOTION_TUMOR_TYPE_SPECIFIC_EVIDENCE,
   PROMOTION_TUMOR_TYPE_SPECIFIC_EVIDENCE,
   NEW_ALTERATION_WITH_LEVEL,
+  UPDATED_SAME_LEVEL_DRUG,
 }
 
 export const ChangedAnnotationListItem = (props: {
@@ -112,6 +114,12 @@ export const ChangedAnnotationListItem = (props: {
       defaultTitle =
         'Updated therapeutic implications - New alteration(s) with a tumor type-specific level of evidence';
       break;
+    case AnnotationColumnHeaderType.UPDATED_SAME_LEVEL_DRUG:
+      annotationColumnHeader = CHANGED_ANNOTATION_UPDATED_DRUG_SAME_HIGHEST_LEVEL_COLUMNS;
+      defaultTitle =
+        "Addition of drug(s) associated with a tumor type-specific leveled alteration(s) currently in OncoKB™ (without changing the alteration's highest level of evidence)";
+      useOneLineRowClass = true;
+      break;
     case AnnotationColumnHeaderType.LEVEL:
     default:
       annotationColumnHeader = CHANGED_ANNOTATION_LEVEL_COLUMNS;
diff --git a/src/main/webapp/app/pages/newsPage/NewsList.tsx b/src/main/webapp/app/pages/newsPage/NewsList.tsx
@@ -6,7 +6,7 @@ import {
   NewlyAddedGenesListItem,
   NewlyAddedGenesListItemProps,
 } from 'app/pages/newsPage/NewlyAddedGenesListItem';
-import { ChangedAnnotationListItem } from 'app/pages/newsPage/ChangedAnnotatonListItem';
+import { ChangedAnnotationListItem } from 'app/pages/newsPage/ChangedAnnotationListItem';
 import { UpdatedTxImplOldFormatListItem } from 'app/pages/newsPage/UpdatedTxImplOldFormatListItem';
 import { ElementType, SimpleTableCell } from 'app/components/SimpleTable';
 import {
diff --git a/src/main/webapp/app/pages/newsPage/NewsPage.tsx b/src/main/webapp/app/pages/newsPage/NewsPage.tsx
@@ -87,6 +87,7 @@ export default class NewsPage extends React.Component<{
           <CitationText />
         </div>
         <div className="mt-2">
+          <NewsList date={'09252024'} />
           <NewsList date={'08152024'} />
           <NewsList date={'07042024'} />
           <NewsList date={'07022024'} />
diff --git a/src/main/webapp/app/pages/newsPage/NewsPageContent.tsx b/src/main/webapp/app/pages/newsPage/NewsPageContent.tsx
@@ -42,7 +42,7 @@ import WithSeparator from 'react-with-separator';
 import mainstyle from 'app/pages/newsPage/main.module.scss';
 import { PMALink } from 'app/shared/links/PMALink';
 import OptimizedImage from 'app/shared/image/OptimizedImage';
-import { AnnotationColumnHeaderType } from './ChangedAnnotatonListItem';
+import { AnnotationColumnHeaderType } from './ChangedAnnotationListItem';
 import { linkableMutationName, convertGeneInputToLinks } from './Util';
 
 export type ChangedAnnotation = {
@@ -84,6 +84,7 @@ export const LEVEL_OF_EVIDENCE = 'Level of Evidence';
 export const CURRENT_LEVEL_OF_EVIDENCE = 'Current Level of Evidence';
 export const PREVIOUS_LEVEL_OF_EVIDENCE = 'Previous Level of Evidence';
 export const DRUGS_ADDED_TO_ONCOKB = `Drug(s) added to ${ONCOKB_TM}`;
+export const DRUGS_UPDATE_IN_ONCOKB = `Drug(s) updated in ${ONCOKB_TM}`;
 export const DRUGS_CURRENTLY_IN_ONCOKB = `Drug(s) currently in ${ONCOKB_TM}`;
 export const DRUGS_REMOVED_FROM_ONCOKB = `Drug(s) removed from ${ONCOKB_TM}`;
 export const DRUGS_DEMOTED_IN_ONCOKB = `Drug(s) demoted in ${ONCOKB_TM}`;
@@ -233,6 +234,16 @@ export const CHANGED_ANNOTATION_ADDITIONAL_DRUG_SAME_HIGHEST_LEVEL_COLUMNS = [
   { name: EVIDENCE },
 ];
 
+export const CHANGED_ANNOTATION_UPDATED_DRUG_SAME_HIGHEST_LEVEL_COLUMNS = [
+  { name: LEVEL },
+  { name: GENE },
+  { name: MUTATION },
+  { name: CANCER_TYPE },
+  { name: LEVEL_ASSOCIATED_DRUGS_IN_ONCOKB },
+  { name: DRUGS_UPDATE_IN_ONCOKB },
+  { name: EVIDENCE },
+];
+
 export const CDX_COLUMNS = [
   { name: LEVEL },
   { name: GENE },
@@ -289,6 +300,88 @@ const EVIDENCE_COLUMN_SEPARATOR = '; ';
 // https://stackoverflow.com/questions/41947168/is-it-possible-to-use-keyof-operator-on-literals-instead-of-interfaces
 
 export const NEWS_BY_DATE: { [date: string]: NewsData } = {
+  '09252024': {
+    changedAnnotations: [
+      {
+        columnHeaderType: AnnotationColumnHeaderType.NEW_ALTERATION_WITH_LEVEL,
+        content: [
+          [
+            '3A',
+            'ALK',
+            <WithSeparator separator={', '}>
+              {getAlternativeAllelesPageLinks('ALK', 'F1174L/C')}
+              {getAlternativeAllelesPageLinks('ALK', 'F1245Y/V')}
+              {getAlternativeAllelesPageLinks('ALK', 'R1275Q/L')}
+            </WithSeparator>,
+            'Neuroblastoma',
+            'Lorlatinib',
+            <WithSeparator separator={EVIDENCE_COLUMN_SEPARATOR}>
+              <PMIDLink pmids="37012551, 26554404, 38032104, 27483357" />
+            </WithSeparator>,
+          ],
+          [
+            '3A',
+            'MET',
+            <WithSeparator separator={', '}>
+              {getAlternativeAllelesPageLinks('MET', 'H1094Y')}
+              {getAlternativeAllelesPageLinks('MET', 'F1200I')}
+            </WithSeparator>,
+            'Non-Small Cell Lung Cancer',
+            'Elzovantinib',
+            <WithSeparator separator={EVIDENCE_COLUMN_SEPARATOR}>
+              <PMIDLink pmids="38564707" />
+            </WithSeparator>,
+          ],
+          [
+            '4',
+            'MET',
+            <WithSeparator separator={', '}>
+              {getAlternativeAllelesPageLinks('MET', 'N1100S')}
+              {getAlternativeAllelesPageLinks('MET', 'V1092I')}
+              {getAlternativeAllelesPageLinks('MET', 'H1106D')}
+              {getAlternativeAllelesPageLinks('MET', 'R1170Q')}
+              {getAlternativeAllelesPageLinks('MET', 'M1250T')}
+            </WithSeparator>,
+            'Non-Small Cell Lung Cancer',
+            'Elzovantinib, Capmatinib, Tepotinib',
+            <WithSeparator separator={EVIDENCE_COLUMN_SEPARATOR}>
+              <PMIDLink pmids="38564707" />
+            </WithSeparator>,
+          ],
+        ],
+      },
+      {
+        columnHeaderType: AnnotationColumnHeaderType.UPDATED_SAME_LEVEL_DRUG,
+        content: [
+          [
+            '1',
+            'EGFR',
+            'Exon 19 in-frame deletions, L858R',
+            'Non-Small Cell Lung Cancer',
+            'Afatinib, Dacomitinib, Erlotinib, Erlotinib + Ramucirumab, Gefitinib, Osimertinib, Osimertinib + Chemotherapy (Level 1); Amivantamab + Chemotherapy (Level 2); Amivantamab + Lazertinib, Patritumab Deruxtecan (Level 3A)',
+            'Amivantamab + Lazertinib (Level 1; Promoted from Level 3A)',
+            <WithSeparator separator={EVIDENCE_COLUMN_SEPARATOR}>
+              <FdaApprovalLink
+                approval="Amivantamab + Lazertinib"
+                link="https://www.fda.gov/drugs/resources-information-approved-drugs/fda-approves-lazertinib-amivantamab-vmjw-non-small-lung-cancer"
+              />
+              <PMIDLink pmids="38924756" />
+            </WithSeparator>,
+          ],
+        ],
+      },
+    ],
+    newlyAddedGenes: [
+      'ABCB1',
+      'ACVR2A',
+      'ADGRA2',
+      'BCL2L2',
+      'ELL2',
+      'FANCI',
+      'USP1',
+      'XPA',
+    ],
+  },
   '08152024': {
     changedAnnotations: [
       {
diff --git a/src/main/webapp/content/images/oncokb_summary.png b/src/main/webapp/content/images/oncokb_summary.png
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
@@ -14,15 +14,15 @@
     <meta name="twitter:site" content="@oncokb">
     <meta name="twitter:title" content="OncoKB™ - MSK's Precision Oncology Knowledge Base">
     <meta name="twitter:description" content="OncoKB™ is a precision oncology knowledge base developed at Memorial Sloan Kettering Cancer Center that contains biological and clinical information about genomic alterations in cancer.">
-    <meta name="twitter:image" content="https://www.oncokb.org/content/images/oncokb_summary.png?20240815">
+    <meta name="twitter:image" content="https://www.oncokb.org/content/images/oncokb_summary.png?20240925">
     <meta name="twitter:url" content="https://www.oncokb.org/">
 
     <meta property="og:site_name" content="OncoKB™">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://www.oncokb.org/">
     <meta property="og:title" content="OncoKB™ - MSK's Precision Oncology Knowledge Base">
     <meta property="og:description" content="OncoKB™ is a precision oncology knowledge base developed at Memorial Sloan Kettering Cancer Center that contains biological and clinical information about genomic alterations in cancer.">
-    <meta property="og:image" content="https://www.oncokb.org/content/images/oncokb_summary.png?20240815">
+    <meta property="og:image" content="https://www.oncokb.org/content/images/oncokb_summary.png?20240925">
 
     <link rel="mask-icon" href="content/images/favicon/safari-pinned-tab.svg" color="#0968c3">
     <!-- Preload the customized fonts, so the html knows how to pain the page  -->
