Feature/223 integration citation for deaccessioned dataset

package.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@faker-js/faker": "7.6.0",
-    "@iqss/dataverse-client-javascript": "2.0.0-pr99.c36f1db",
+    "@iqss/dataverse-client-javascript": "2.0.0-pr105.779a3f4",
     "@iqss/dataverse-design-system": "*",
     "@istanbuljs/nyc-config-typescript": "1.0.2",
     "@tanstack/react-table": "8.9.2",

src/stories/dataset/Dataset.stories.tsx

@@ -16,6 +16,7 @@ import { WithDatasetNotFound } from './WithDatasetNotFound'
 import { WithDatasetLoading } from './WithDatasetLoading'
 import { WithLoggedInUser } from '../WithLoggedInUser'
 import { WithAlerts } from '../WithAlerts'
+import { WithDeaccessionedDataset } from './WithDeaccessionedDataset'
 import { WithNotImplementedModal } from '../WithNotImplementedModal'
 
 const meta: Meta<typeof Dataset> = {
@@ -46,6 +47,10 @@ export const DraftWithAllDatasetPermissions: Story = {
   ],
   render: () => <Dataset fileRepository={new FileMockRepository()} />
 }
+export const Deaccessioned: Story = {
+  decorators: [WithLayout, WithDeaccessionedDataset, WithLoggedInUser, WithFilePermissionsGranted],
+  render: () => <Dataset fileRepository={new FileMockRepository()} />
+}
 export const LoggedInAsOwner: Story = {
   decorators: [
     WithDataset,

src/stories/dataset/WithDeaccessionedDataset.tsx

@@ -0,0 +1,44 @@
+import { StoryFn } from '@storybook/react'
+import { DatasetProvider } from '../../sections/dataset/DatasetProvider'
+import { DatasetRepository } from '../../dataset/domain/repositories/DatasetRepository'
+import {
+  Dataset,
+  DatasetPublishingStatus,
+  DatasetVersion
+} from '../../dataset/domain/models/Dataset'
+import { DatasetMother } from '../../../tests/component/dataset/domain/models/DatasetMother'
+
+export const WithDeaccessionedDataset = (Story: StoryFn) => {
+  const datasetRepository = {} as DatasetRepository
+  datasetRepository.getByPersistentId = (
+    // eslint-disable-next-line unused-imports/no-unused-vars
+    persistentId: string,
+    // eslint-disable-next-line unused-imports/no-unused-vars
+    version?: string | undefined
+  ): Promise<Dataset | undefined> => {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        resolve(
+          DatasetMother.createRealistic({
+            version: new DatasetVersion(
+              1,
+              DatasetPublishingStatus.DEACCESSIONED,
+              true,
+              false,
+              DatasetPublishingStatus.DEACCESSIONED,
+              1,
+              0
+            )
+          })
+        )
+      }, 1000)
+    })
+  }
+  return (
+    <DatasetProvider
+      repository={datasetRepository}
+      searchParams={{ persistentId: 'doi:10.5072/FK2/8YOKQI' }}>
+      <Story />
+    </DatasetProvider>
+  )
+}

src/stories/dataset/dataset-action-buttons/DatasetActionButtons.stories.tsx

@@ -8,11 +8,12 @@ import {
   DatasetPermissionsMother,
   DatasetVersionMother
 } from '../../../../tests/component/dataset/domain/models/DatasetMother'
+import { WithLoggedInUser } from '../../WithLoggedInUser'
 
 const meta: Meta<typeof DatasetActionButtons> = {
   title: 'Sections/Dataset Page/DatasetActionButtons',
   component: DatasetActionButtons,
-  decorators: [WithI18next, WithSettings],
+  decorators: [WithI18next, WithSettings, WithLoggedInUser],
   parameters: {
     // Sets the delay for all stories.
     chromatic: { delay: 15000, pauseAnimationAtEnd: true }

src/stories/dataset/dataset-action-buttons/publish-dataset-menu/PublishDatasetMenu.stories.tsx

@@ -7,11 +7,12 @@ import {
   DatasetVersionMother
 } from '../../../../../tests/component/dataset/domain/models/DatasetMother'
 import { PublishDatasetMenu } from '../../../../sections/dataset/dataset-action-buttons/publish-dataset-menu/PublishDatasetMenu'
+import { WithLoggedInUser } from '../../../WithLoggedInUser'
 
 const meta: Meta<typeof PublishDatasetMenu> = {
   title: 'Sections/Dataset Page/DatasetActionButtons/PublishDatasetMenu',
   component: PublishDatasetMenu,
-  decorators: [WithI18next, WithSettings],
+  decorators: [WithI18next, WithSettings, WithLoggedInUser],
   parameters: {
     // Sets the delay for all stories.
     chromatic: { delay: 15000, pauseAnimationAtEnd: true }

tests/e2e-integration/e2e/sections/dataset/Dataset.spec.tsx

@@ -155,7 +155,7 @@ describe('Dataset', () => {
         })
     })
 
-    it.skip('successfully loads a dataset deaccessioned', () => {
+    it('successfully loads a dataset deaccessioned', () => {
       // TODO - Implement once the getDatasetCitation includes deaccessioned datasets
       cy.wrap(DatasetHelper.create())
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument