MMT-4059: Update cmr-metadata-preview to latest package and integrate those citations previews to MMT (#1412)

* MMT-4059: Update cmr-metadata-preview to latest package and integrate those citations previews to MMT

* MMT-4059: Writing tests and adding to collection query

* MMT-4059: Small fix

Author: mandyparson

package-lock.json

@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@apollo/client": "^3.8.5",
-    "@edsc/metadata-preview": "^1.5.0",
+    "@edsc/metadata-preview": "^1.5.1",
     "@node-saml/node-saml": "^5.1.0",
     "@rjsf/core": "^5.15.0",
     "@rjsf/utils": "^5.15.0",

package.json

@@ -1,5 +1,6 @@
 import React from 'react'
 import {
+  CitationPreview,
   CollectionPreview,
   ServicePreview,
   ToolPreview,
@@ -135,6 +136,16 @@ const MetadataPreview = ({
             />
           )
         }
+        {
+          conceptType === 'Citation' && (
+            <CitationPreview
+              cmrHost={cmrHost}
+              citation={concept}
+              conceptId={conceptId}
+              conceptType={type}
+            />
+          )
+        }
       </Col>
     </Row>
   )

static/src/js/components/MetadataPreview/MetadataPreview.jsx

@@ -1,4 +1,5 @@
 import {
+  CitationPreview,
   CollectionPreview,
   ServicePreview,
   ToolPreview,
@@ -20,6 +21,7 @@ import ErrorBoundary from '../../ErrorBoundary/ErrorBoundary'
 import conceptTypeDraftQueries from '../../../constants/conceptTypeDraftQueries'
 import conceptTypeQueries from '../../../constants/conceptTypeQueries'
 import {
+  mockCitationDraft,
   mockCollection,
   mockCollectionDraft,
   mockCollectionWithAssociatedVariables,
@@ -305,6 +307,71 @@ describe('MetadataPreview', () => {
     })
   })
 
+  describe('when the conceptType is Citation draft', () => {
+    test('renders a Citation Preview component', async () => {
+      setup({
+        overrideProps: {
+          conceptId: 'CITD0000000-MMT_1',
+          conceptType: 'Citation'
+        },
+        mock: [{
+          request: {
+            query: conceptTypeDraftQueries.Citation,
+            variables: {
+              params: {
+                conceptId: 'CITD0000000-MMT_1',
+                conceptType: 'Citation'
+              },
+              variableParams: null
+            }
+          },
+          result: {
+            data: {
+              draft: mockCitationDraft
+            }
+          }
+        }],
+        initialEntries: '/drafts/citations/CITD0000000-MMT_1'
+      })
+
+      await waitFor(() => {
+        expect(CitationPreview).toHaveBeenCalledWith({
+          cmrHost: 'http://example.com',
+          conceptId: 'CITD0000000-MMT_1',
+          conceptType: 'citation-draft',
+          conceptUrlTemplate: '/{conceptType}/{conceptId}',
+          isPlugin: true,
+          citation: {
+            __typename: 'Citation',
+            abstract: 'This is a randomly generated citation for demonstration purposes. Created at 2025-05-28T18:48:11.453Z.',
+            citationMetadata: {
+              number: '2',
+              publisher: 'Springer Nature',
+              title: 'Archival Earth Science Resource 8 - Research Publication 8',
+              type: 'journal-article',
+              volume: '23'
+            },
+            conceptId: 'CITD1200484992-DEMO_PROV',
+            identifier: 'ark:/13030/tf8p17484-test-2',
+            identifierType: 'ARK',
+            name: 'Archival Earth Science Resource 8',
+            nativeId: 'GQL-113-test',
+            pageTitle: 'Archival Earth Science Resource 8',
+            providerId: 'DEMO_PROV',
+            relatedIdentifiers: [],
+            resolutionAuthority: 'https://n2t.net',
+            revisionDate: '2025-09-03T21:45:49.248Z',
+            revisionId: '2',
+            scienceKeywords: [],
+            userId: 'test.user'
+          }
+        }, {})
+      })
+
+      expect(CitationPreview).toHaveBeenCalledTimes(1)
+    })
+  })
+
   describe('when the conceptType is Variable draft', () => {
     test('renders a Variable Preview component', async () => {
       setup({

static/src/js/components/MetadataPreview/__tests__/MetadataPreview.test.jsx

@@ -3853,3 +3853,40 @@ export const mockVisualizationDraft = {
   visualizationType: 'tiles',
   __typename: 'Visualization'
 }
+
+export const mockCitationDraft = {
+  conceptId: 'CITD0000000-MMT_1',
+  conceptType: 'citation-draft',
+  deleted: false,
+  name: 'Archival Earth Science Resource 8',
+  nativeId: 'GQL-113-test',
+  providerId: 'DEMO_PROV',
+  revisionDate: '2025-09-03T21:45:49.248Z',
+  revisionId: '2',
+  ummMetadata: {},
+  previewMetadata: {
+    abstract: 'This is a randomly generated citation for demonstration purposes. Created at 2025-05-28T18:48:11.453Z.',
+    citationMetadata: {
+      type: 'journal-article',
+      volume: '23',
+      publisher: 'Springer Nature',
+      number: '2',
+      title: 'Archival Earth Science Resource 8 - Research Publication 8'
+    },
+    conceptId: 'CITD1200484992-DEMO_PROV',
+    identifier: 'ark:/13030/tf8p17484-test-2',
+    identifierType: 'ARK',
+    name: 'Archival Earth Science Resource 8',
+    nativeId: 'GQL-113-test',
+    pageTitle: 'Archival Earth Science Resource 8',
+    providerId: 'DEMO_PROV',
+    relatedIdentifiers: [],
+    resolutionAuthority: 'https://n2t.net',
+    revisionDate: '2025-09-03T21:45:49.248Z',
+    revisionId: '2',
+    scienceKeywords: [],
+    userId: 'test.user',
+    __typename: 'Citation'
+  },
+  __typename: 'Citation'
+}

static/src/js/components/MetadataPreview/__tests__/__mocks__/MatadataPreviewMocks.js

@@ -18,7 +18,7 @@ export const GET_CITATION = gql`
       conceptId
       identifier
       identifierType
-      name,
+      name
       pageTitle: name
       nativeId
       providerId

static/src/js/operations/queries/getCitation.js

@@ -18,6 +18,7 @@ export const CITATION_DRAFT = gql`
           conceptId
           identifier
           identifierType
+          name
           pageTitle: name
           nativeId
           providerId

static/src/js/operations/queries/getCitationDraft.js

@@ -10,6 +10,14 @@ export const GET_COLLECTION = gql`
       archiveAndDistributionInformation
       associationDetails
       associatedDois
+      citations {
+        count
+        items {
+          conceptId
+          name
+          type: identifierType
+        }
+      }
       collectionCitations
       collectionProgress
       conceptId

static/src/js/operations/queries/getCollection.js

@@ -8,7 +8,7 @@ export const GET_VISUALIZATION = gql`
       generation
       identifier
       metadataSpecification
-      name,
+      name
       pageTitle: name
       nativeId
       providerId