From e52e28562023fc3c4852cd1def3a5ff5d448abe3 Mon Sep 17 00:00:00 2001
From: Olivia Guyot <olivia.guyot@camptocamp.com>
Date: Fri, 20 Oct 2023 11:24:24 +0200
Subject: [PATCH] refactor(datahub): move many dh-specific components to the
 app

These components specified a layout that was very specific to the datahub
---
 apps/datahub/src/app/app.module.ts             | 12 ++++++++++++
 .../record-apis/record-apis.component.css      |  0
 .../record-apis/record-apis.component.html     |  0
 .../record-apis/record-apis.component.spec.ts  | 10 +++++-----
 .../record-apis/record-apis.component.ts       | 12 ++++++++++++
 .../record-downloads.component.css             |  0
 .../record-downloads.component.html            |  0
 .../record-downloads.component.spec.ts         | 12 ++++++------
 .../record-downloads.component.ts              | 10 +++++-----
 .../record-metadata.component.css              | 15 +++++++++++++++
 .../record-metadata.component.html             | 10 +++++-----
 .../record-metadata.component.spec.ts          |  0
 .../record-metadata.component.ts               |  4 ++--
 .../record-otherlinks.component.css            |  0
 .../record-otherlinks.component.html           |  0
 .../record-otherlinks.component.spec.ts        | 13 ++++++-------
 .../record-otherlinks.component.ts             | 12 ++++++++++++
 .../record-page/record-page.component.html     |  2 +-
 .../record-related-records.component.css       |  0
 .../record-related-records.component.html      |  0
 .../record-related-records.component.spec.ts   | 10 +++++-----
 .../record-related-records.component.ts        |  8 ++++----
 libs/feature/record/src/index.ts               |  1 -
 .../src/lib/data-apis/data-apis.component.css  | 18 ------------------
 .../src/lib/data-apis/data-apis.component.ts   | 12 ------------
 .../data-otherlinks.component.css              | 18 ------------------
 .../data-otherlinks.component.ts               | 12 ------------
 .../record/src/lib/feature-record.module.ts    | 14 --------------
 28 files changed, 90 insertions(+), 115 deletions(-)
 rename libs/feature/record/src/lib/data-downloads/data-downloads.component.css => apps/datahub/src/app/record/record-apis/record-apis.component.css (100%)
 rename libs/feature/record/src/lib/data-apis/data-apis.component.html => apps/datahub/src/app/record/record-apis/record-apis.component.html (100%)
 rename libs/feature/record/src/lib/data-apis/data-apis.component.spec.ts => apps/datahub/src/app/record/record-apis/record-apis.component.spec.ts (71%)
 create mode 100644 apps/datahub/src/app/record/record-apis/record-apis.component.ts
 rename libs/feature/record/src/lib/related-records/related-records.component.css => apps/datahub/src/app/record/record-downloads/record-downloads.component.css (100%)
 rename libs/feature/record/src/lib/data-downloads/data-downloads.component.html => apps/datahub/src/app/record/record-downloads/record-downloads.component.html (100%)
 rename libs/feature/record/src/lib/data-downloads/data-downloads.component.spec.ts => apps/datahub/src/app/record/record-downloads/record-downloads.component.spec.ts (97%)
 rename libs/feature/record/src/lib/data-downloads/data-downloads.component.ts => apps/datahub/src/app/record/record-downloads/record-downloads.component.ts (91%)
 rename {libs/feature/record/src/lib => apps/datahub/src/app/record}/record-metadata/record-metadata.component.css (76%)
 rename {libs/feature/record/src/lib => apps/datahub/src/app/record}/record-metadata/record-metadata.component.html (93%)
 rename {libs/feature/record/src/lib => apps/datahub/src/app/record}/record-metadata/record-metadata.component.spec.ts (100%)
 rename {libs/feature/record/src/lib => apps/datahub/src/app/record}/record-metadata/record-metadata.component.ts (96%)
 create mode 100644 apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.css
 rename libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.html => apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.html (100%)
 rename libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.spec.ts => apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.spec.ts (61%)
 create mode 100644 apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.ts
 create mode 100644 apps/datahub/src/app/record/record-related-records/record-related-records.component.css
 rename libs/feature/record/src/lib/related-records/related-records.component.html => apps/datahub/src/app/record/record-related-records/record-related-records.component.html (100%)
 rename libs/feature/record/src/lib/related-records/related-records.component.spec.ts => apps/datahub/src/app/record/record-related-records/record-related-records.component.spec.ts (55%)
 rename libs/feature/record/src/lib/related-records/related-records.component.ts => apps/datahub/src/app/record/record-related-records/record-related-records.component.ts (54%)
 delete mode 100644 libs/feature/record/src/lib/data-apis/data-apis.component.css
 delete mode 100644 libs/feature/record/src/lib/data-apis/data-apis.component.ts
 delete mode 100644 libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.css
 delete mode 100644 libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.ts

diff --git a/apps/datahub/src/app/app.module.ts b/apps/datahub/src/app/app.module.ts
index 935be29ada..6b18b04fa7 100644
--- a/apps/datahub/src/app/app.module.ts
+++ b/apps/datahub/src/app/app.module.ts
@@ -70,6 +70,12 @@ import { METADATA_LANGUAGE } from '@geonetwork-ui/api/repository'
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
 import { GN_UI_VERSION } from '@geonetwork-ui/feature/record'
 import { LOGIN_URL } from '@geonetwork-ui/api/repository/gn4'
+import { RecordRelatedRecordsComponent } from './record/record-related-records/record-related-records.component'
+import { RecordMetadataComponent } from './record/record-metadata/record-metadata.component'
+import { RecordOtherlinksComponent } from './record/record-otherlinks/record-otherlinks.component'
+import { RecordDownloadsComponent } from './record/record-downloads/record-downloads.component'
+import { RecordApisComponent } from './record/record-apis/record-apis.component'
+import { MatTabsModule } from '@angular/material/tabs'
 
 export const metaReducers: MetaReducer[] = !environment.production ? [] : []
 // https://github.com/nrwl/nx/issues/191
@@ -89,6 +95,11 @@ export const metaReducers: MetaReducer[] = !environment.production ? [] : []
     LastCreatedComponent,
     KeyFiguresComponent,
     NavigationMenuComponent,
+    RecordRelatedRecordsComponent,
+    RecordMetadataComponent,
+    RecordOtherlinksComponent,
+    RecordDownloadsComponent,
+    RecordApisComponent,
   ],
   imports: [
     BrowserModule,
@@ -128,6 +139,7 @@ export const metaReducers: MetaReducer[] = !environment.production ? [] : []
     FormsModule,
     UiInputsModule,
     UiCatalogModule,
+    MatTabsModule,
   ],
   providers: [
     { provide: RouterService, useClass: DatahubRouterService },
diff --git a/libs/feature/record/src/lib/data-downloads/data-downloads.component.css b/apps/datahub/src/app/record/record-apis/record-apis.component.css
similarity index 100%
rename from libs/feature/record/src/lib/data-downloads/data-downloads.component.css
rename to apps/datahub/src/app/record/record-apis/record-apis.component.css
diff --git a/libs/feature/record/src/lib/data-apis/data-apis.component.html b/apps/datahub/src/app/record/record-apis/record-apis.component.html
similarity index 100%
rename from libs/feature/record/src/lib/data-apis/data-apis.component.html
rename to apps/datahub/src/app/record/record-apis/record-apis.component.html
diff --git a/libs/feature/record/src/lib/data-apis/data-apis.component.spec.ts b/apps/datahub/src/app/record/record-apis/record-apis.component.spec.ts
similarity index 71%
rename from libs/feature/record/src/lib/data-apis/data-apis.component.spec.ts
rename to apps/datahub/src/app/record/record-apis/record-apis.component.spec.ts
index 474f5b04f0..f0da9d8b0d 100644
--- a/libs/feature/record/src/lib/data-apis/data-apis.component.spec.ts
+++ b/apps/datahub/src/app/record/record-apis/record-apis.component.spec.ts
@@ -2,19 +2,19 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'
 import { Subject } from 'rxjs'
 import { MdViewFacade } from '../state'
 
-import { DataApisComponent } from './data-apis.component'
+import { RecordApisComponent } from './record-apis.component'
 
 class MdViewFacadeMock {
   apiLinks$ = new Subject()
 }
 
 describe('DataApisComponent', () => {
-  let component: DataApisComponent
-  let fixture: ComponentFixture<DataApisComponent>
+  let component: RecordApisComponent
+  let fixture: ComponentFixture<RecordApisComponent>
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [DataApisComponent],
+      declarations: [RecordApisComponent],
       providers: [
         {
           provide: MdViewFacade,
@@ -25,7 +25,7 @@ describe('DataApisComponent', () => {
   })
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(DataApisComponent)
+    fixture = TestBed.createComponent(RecordApisComponent)
     component = fixture.componentInstance
     fixture.detectChanges()
   })
diff --git a/apps/datahub/src/app/record/record-apis/record-apis.component.ts b/apps/datahub/src/app/record/record-apis/record-apis.component.ts
new file mode 100644
index 0000000000..8bcfd1ce86
--- /dev/null
+++ b/apps/datahub/src/app/record/record-apis/record-apis.component.ts
@@ -0,0 +1,12 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core'
+import { MdViewFacade } from '@geonetwork-ui/feature/record'
+
+@Component({
+  selector: 'datahub-record-apis',
+  templateUrl: './record-apis.component.html',
+  styleUrls: ['./record-apis.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class RecordApisComponent {
+  constructor(public facade: MdViewFacade) {}
+}
diff --git a/libs/feature/record/src/lib/related-records/related-records.component.css b/apps/datahub/src/app/record/record-downloads/record-downloads.component.css
similarity index 100%
rename from libs/feature/record/src/lib/related-records/related-records.component.css
rename to apps/datahub/src/app/record/record-downloads/record-downloads.component.css
diff --git a/libs/feature/record/src/lib/data-downloads/data-downloads.component.html b/apps/datahub/src/app/record/record-downloads/record-downloads.component.html
similarity index 100%
rename from libs/feature/record/src/lib/data-downloads/data-downloads.component.html
rename to apps/datahub/src/app/record/record-downloads/record-downloads.component.html
diff --git a/libs/feature/record/src/lib/data-downloads/data-downloads.component.spec.ts b/apps/datahub/src/app/record/record-downloads/record-downloads.component.spec.ts
similarity index 97%
rename from libs/feature/record/src/lib/data-downloads/data-downloads.component.spec.ts
rename to apps/datahub/src/app/record/record-downloads/record-downloads.component.spec.ts
index 170d6f78c4..be44b1140f 100644
--- a/libs/feature/record/src/lib/data-downloads/data-downloads.component.spec.ts
+++ b/apps/datahub/src/app/record/record-downloads/record-downloads.component.spec.ts
@@ -5,12 +5,12 @@ import {
   tick,
 } from '@angular/core/testing'
 import { BehaviorSubject, of, throwError } from 'rxjs'
-import { MdViewFacade } from '../state'
-import { DataDownloadsComponent } from './data-downloads.component'
+import { RecordDownloadsComponent } from './record-downloads.component'
 import { Component, Input, NO_ERRORS_SCHEMA } from '@angular/core'
 import { By } from '@angular/platform-browser'
 import { DataService } from '@geonetwork-ui/feature/dataviz'
 import { DatasetDistribution } from '@geonetwork-ui/common/domain/record'
+import { MdViewFacade } from '@geonetwork-ui/feature/record'
 
 // This is used to work around a very weird bug when comparing URL objects would fail
 // if the `searchParams` of the object wasn't accessed beforehand in some cases...
@@ -72,14 +72,14 @@ export class MockDownloadsListItemComponent {
 export class MockPopupAlertComponent {}
 
 describe('DataDownloadsComponent', () => {
-  let component: DataDownloadsComponent
-  let fixture: ComponentFixture<DataDownloadsComponent>
+  let component: RecordDownloadsComponent
+  let fixture: ComponentFixture<RecordDownloadsComponent>
   let facade
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [
-        DataDownloadsComponent,
+        RecordDownloadsComponent,
         MockDownloadsListItemComponent,
         MockPopupAlertComponent,
       ],
@@ -99,7 +99,7 @@ describe('DataDownloadsComponent', () => {
   })
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(DataDownloadsComponent)
+    fixture = TestBed.createComponent(RecordDownloadsComponent)
     component = fixture.componentInstance
     fixture.detectChanges()
   })
diff --git a/libs/feature/record/src/lib/data-downloads/data-downloads.component.ts b/apps/datahub/src/app/record/record-downloads/record-downloads.component.ts
similarity index 91%
rename from libs/feature/record/src/lib/data-downloads/data-downloads.component.ts
rename to apps/datahub/src/app/record/record-downloads/record-downloads.component.ts
index 890e4ea6fe..2e4a2e708e 100644
--- a/libs/feature/record/src/lib/data-downloads/data-downloads.component.ts
+++ b/apps/datahub/src/app/record/record-downloads/record-downloads.component.ts
@@ -3,19 +3,19 @@ import { DataService } from '@geonetwork-ui/feature/dataviz'
 import { getFileFormat, getLinkPriority } from '@geonetwork-ui/util/shared'
 import { combineLatest, of } from 'rxjs'
 import { catchError, map, switchMap } from 'rxjs/operators'
-import { MdViewFacade } from '../state'
 import {
   DatasetDistribution,
   DatasetServiceDistribution,
 } from '@geonetwork-ui/common/domain/record'
+import { MdViewFacade } from '@geonetwork-ui/feature/record'
 
 @Component({
-  selector: 'gn-ui-data-downloads',
-  templateUrl: './data-downloads.component.html',
-  styleUrls: ['./data-downloads.component.css'],
+  selector: 'datahub-record-downloads',
+  templateUrl: './record-downloads.component.html',
+  styleUrls: ['./record-downloads.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class DataDownloadsComponent {
+export class RecordDownloadsComponent {
   constructor(public facade: MdViewFacade, private dataService: DataService) {}
 
   error: string = null
diff --git a/libs/feature/record/src/lib/record-metadata/record-metadata.component.css b/apps/datahub/src/app/record/record-metadata/record-metadata.component.css
similarity index 76%
rename from libs/feature/record/src/lib/record-metadata/record-metadata.component.css
rename to apps/datahub/src/app/record/record-metadata/record-metadata.component.css
index e3a0105a26..02a13a131f 100644
--- a/libs/feature/record/src/lib/record-metadata/record-metadata.component.css
+++ b/apps/datahub/src/app/record/record-metadata/record-metadata.component.css
@@ -33,3 +33,18 @@
 .tab-header-label {
   @apply uppercase text-sm text-primary opacity-75 hover:text-primary-darker;
 }
+
+:host {
+  --container-outside-width: calc(50vw - 1024px / 2);
+}
+@media (max-width: 1024px) {
+  :host {
+    --container-outside-width: 1rem;
+  }
+}
+
+/deep/ gn-ui-carousel {
+  display: block;
+  margin-left: calc(-1 * var(--container-outside-width));
+  margin-right: calc(-1 * var(--container-outside-width));
+}
diff --git a/libs/feature/record/src/lib/record-metadata/record-metadata.component.html b/apps/datahub/src/app/record/record-metadata/record-metadata.component.html
similarity index 93%
rename from libs/feature/record/src/lib/record-metadata/record-metadata.component.html
rename to apps/datahub/src/app/record/record-metadata/record-metadata.component.html
index 094cb1cf2a..123ea89542 100644
--- a/libs/feature/record/src/lib/record-metadata/record-metadata.component.html
+++ b/apps/datahub/src/app/record/record-metadata/record-metadata.component.html
@@ -102,16 +102,16 @@
     class="container-lg px-4 lg:mx-auto"
     *ngIf="displayDownload$ | async"
   >
-    <gn-ui-data-downloads class="block mt-5"></gn-ui-data-downloads>
+    <datahub-record-downloads class="block mt-5"></datahub-record-downloads>
   </div>
 
   <div id="links" class="container-lg px-4 lg:mx-auto">
     <div *ngIf="displayOtherLinks | async">
-      <gn-ui-data-otherlinks class="block mt-5"></gn-ui-data-otherlinks>
+      <datahub-record-otherlinks class="block mt-5"></datahub-record-otherlinks>
     </div>
 
     <div *ngIf="displayApi$ | async">
-      <gn-ui-data-apis class="block mt-6"></gn-ui-data-apis>
+      <datahub-record-apis class="block mt-6"></datahub-record-apis>
     </div>
   </div>
 
@@ -119,9 +119,9 @@
     <div>
       <div class="h-48 overflow-visible">
         <div class="container-lg px-4 lg:mx-auto">
-          <gn-ui-related-records
+          <datahub-record-related-records
             [records]="facade.related$ | async"
-          ></gn-ui-related-records>
+          ></datahub-record-related-records>
         </div>
       </div>
     </div>
diff --git a/libs/feature/record/src/lib/record-metadata/record-metadata.component.spec.ts b/apps/datahub/src/app/record/record-metadata/record-metadata.component.spec.ts
similarity index 100%
rename from libs/feature/record/src/lib/record-metadata/record-metadata.component.spec.ts
rename to apps/datahub/src/app/record/record-metadata/record-metadata.component.spec.ts
diff --git a/libs/feature/record/src/lib/record-metadata/record-metadata.component.ts b/apps/datahub/src/app/record/record-metadata/record-metadata.component.ts
similarity index 96%
rename from libs/feature/record/src/lib/record-metadata/record-metadata.component.ts
rename to apps/datahub/src/app/record/record-metadata/record-metadata.component.ts
index 0587a5303f..ca736729a0 100644
--- a/libs/feature/record/src/lib/record-metadata/record-metadata.component.ts
+++ b/apps/datahub/src/app/record/record-metadata/record-metadata.component.ts
@@ -4,12 +4,12 @@ import { SearchService } from '@geonetwork-ui/feature/search'
 import { ErrorType } from '@geonetwork-ui/ui/elements'
 import { BehaviorSubject, combineLatest } from 'rxjs'
 import { filter, map, mergeMap, pluck } from 'rxjs/operators'
-import { MdViewFacade } from '../state/mdview.facade'
 import { OrganizationsServiceInterface } from '@geonetwork-ui/common/domain/organizations.service.interface'
 import { Individual, Organization } from '@geonetwork-ui/common/domain/record'
+import { MdViewFacade } from '@geonetwork-ui/feature/record'
 
 @Component({
-  selector: 'gn-ui-record-metadata',
+  selector: 'datahub-record-metadata',
   templateUrl: './record-metadata.component.html',
   styleUrls: ['./record-metadata.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.css b/apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.css
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.html b/apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.html
similarity index 100%
rename from libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.html
rename to apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.html
diff --git a/libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.spec.ts b/apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.spec.ts
similarity index 61%
rename from libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.spec.ts
rename to apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.spec.ts
index 565ba1e012..13ad395a38 100644
--- a/libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.spec.ts
+++ b/apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.spec.ts
@@ -1,25 +1,24 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing'
 import { Subject } from 'rxjs'
-import { MdViewFacade } from '../state'
-
-import { DataOtherlinksComponent } from './data-otherlinks.component'
+import { RecordOtherlinksComponent } from './record-otherlinks.component'
+import { MdViewFacade } from '@geonetwork-ui/feature/record'
 
 class MdViewFacadeMock {
   otherLinks$ = new Subject()
 }
 describe('DataOtherlinksComponent', () => {
-  let component: DataOtherlinksComponent
-  let fixture: ComponentFixture<DataOtherlinksComponent>
+  let component: RecordOtherlinksComponent
+  let fixture: ComponentFixture<RecordOtherlinksComponent>
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [DataOtherlinksComponent],
+      declarations: [RecordOtherlinksComponent],
       providers: [{ provide: MdViewFacade, useClass: MdViewFacadeMock }],
     }).compileComponents()
   })
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(DataOtherlinksComponent)
+    fixture = TestBed.createComponent(RecordOtherlinksComponent)
     component = fixture.componentInstance
     fixture.detectChanges()
   })
diff --git a/apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.ts b/apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.ts
new file mode 100644
index 0000000000..d77e44adcc
--- /dev/null
+++ b/apps/datahub/src/app/record/record-otherlinks/record-otherlinks.component.ts
@@ -0,0 +1,12 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core'
+import { MdViewFacade } from '@geonetwork-ui/feature/record'
+
+@Component({
+  selector: 'datahub-record-otherlinks',
+  templateUrl: './record-otherlinks.component.html',
+  styleUrls: ['./record-otherlinks.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class RecordOtherlinksComponent {
+  constructor(public facade: MdViewFacade) {}
+}
diff --git a/apps/datahub/src/app/record/record-page/record-page.component.html b/apps/datahub/src/app/record/record-page/record-page.component.html
index 6454073fae..15be26370d 100644
--- a/apps/datahub/src/app/record/record-page/record-page.component.html
+++ b/apps/datahub/src/app/record/record-page/record-page.component.html
@@ -2,5 +2,5 @@
   <datahub-header-record
     [metadata]="mdViewFacade.metadata$ | async"
   ></datahub-header-record>
-  <gn-ui-record-metadata></gn-ui-record-metadata>
+  <datahub-record-metadata></datahub-record-metadata>
 </div>
diff --git a/apps/datahub/src/app/record/record-related-records/record-related-records.component.css b/apps/datahub/src/app/record/record-related-records/record-related-records.component.css
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/libs/feature/record/src/lib/related-records/related-records.component.html b/apps/datahub/src/app/record/record-related-records/record-related-records.component.html
similarity index 100%
rename from libs/feature/record/src/lib/related-records/related-records.component.html
rename to apps/datahub/src/app/record/record-related-records/record-related-records.component.html
diff --git a/libs/feature/record/src/lib/related-records/related-records.component.spec.ts b/apps/datahub/src/app/record/record-related-records/record-related-records.component.spec.ts
similarity index 55%
rename from libs/feature/record/src/lib/related-records/related-records.component.spec.ts
rename to apps/datahub/src/app/record/record-related-records/record-related-records.component.spec.ts
index d67f61b59d..b5e95e7938 100644
--- a/libs/feature/record/src/lib/related-records/related-records.component.spec.ts
+++ b/apps/datahub/src/app/record/record-related-records/record-related-records.component.spec.ts
@@ -1,19 +1,19 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing'
 
-import { RelatedRecordsComponent } from './related-records.component'
+import { RecordRelatedRecordsComponent } from './record-related-records.component'
 
 describe('RelatedRecordsComponent', () => {
-  let component: RelatedRecordsComponent
-  let fixture: ComponentFixture<RelatedRecordsComponent>
+  let component: RecordRelatedRecordsComponent
+  let fixture: ComponentFixture<RecordRelatedRecordsComponent>
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [RelatedRecordsComponent],
+      declarations: [RecordRelatedRecordsComponent],
     }).compileComponents()
   })
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(RelatedRecordsComponent)
+    fixture = TestBed.createComponent(RecordRelatedRecordsComponent)
     component = fixture.componentInstance
     fixture.detectChanges()
   })
diff --git a/libs/feature/record/src/lib/related-records/related-records.component.ts b/apps/datahub/src/app/record/record-related-records/record-related-records.component.ts
similarity index 54%
rename from libs/feature/record/src/lib/related-records/related-records.component.ts
rename to apps/datahub/src/app/record/record-related-records/record-related-records.component.ts
index e997f444cb..4706ff96a0 100644
--- a/libs/feature/record/src/lib/related-records/related-records.component.ts
+++ b/apps/datahub/src/app/record/record-related-records/record-related-records.component.ts
@@ -2,11 +2,11 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
 import { CatalogRecord } from '@geonetwork-ui/common/domain/record'
 
 @Component({
-  selector: 'gn-ui-related-records',
-  templateUrl: './related-records.component.html',
-  styleUrls: ['./related-records.component.css'],
+  selector: 'datahub-record-related-records',
+  templateUrl: './record-related-records.component.html',
+  styleUrls: ['./record-related-records.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class RelatedRecordsComponent {
+export class RecordRelatedRecordsComponent {
   @Input() records: CatalogRecord[]
 }
diff --git a/libs/feature/record/src/index.ts b/libs/feature/record/src/index.ts
index 21978f97ba..fca1b95e7e 100644
--- a/libs/feature/record/src/index.ts
+++ b/libs/feature/record/src/index.ts
@@ -1,4 +1,3 @@
 export * from './lib/feature-record.module'
 export * from './lib/state'
-export * from './lib/record-metadata/record-metadata.component'
 export * from './lib/data-view-permalink/data-view-permalink.component'
diff --git a/libs/feature/record/src/lib/data-apis/data-apis.component.css b/libs/feature/record/src/lib/data-apis/data-apis.component.css
deleted file mode 100644
index fdbe6cd0c8..0000000000
--- a/libs/feature/record/src/lib/data-apis/data-apis.component.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
-  this computes the space outside of the main column when using `container-lg px-4`
-  FIXME: this component is dependant on the datahub context and should be in the app instead
-*/
-:host {
-  --container-outside-width: calc(50vw - 1024px / 2);
-}
-@media (max-width: 1024px) {
-  :host {
-    --container-outside-width: 1rem;
-  }
-}
-
-gn-ui-carousel {
-  display: block;
-  margin-left: calc(-1 * var(--container-outside-width));
-  margin-right: calc(-1 * var(--container-outside-width));
-}
diff --git a/libs/feature/record/src/lib/data-apis/data-apis.component.ts b/libs/feature/record/src/lib/data-apis/data-apis.component.ts
deleted file mode 100644
index 23d66899cb..0000000000
--- a/libs/feature/record/src/lib/data-apis/data-apis.component.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core'
-import { MdViewFacade } from '../state'
-
-@Component({
-  selector: 'gn-ui-data-apis',
-  templateUrl: './data-apis.component.html',
-  styleUrls: ['./data-apis.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class DataApisComponent {
-  constructor(public facade: MdViewFacade) {}
-}
diff --git a/libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.css b/libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.css
deleted file mode 100644
index fdbe6cd0c8..0000000000
--- a/libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
-  this computes the space outside of the main column when using `container-lg px-4`
-  FIXME: this component is dependant on the datahub context and should be in the app instead
-*/
-:host {
-  --container-outside-width: calc(50vw - 1024px / 2);
-}
-@media (max-width: 1024px) {
-  :host {
-    --container-outside-width: 1rem;
-  }
-}
-
-gn-ui-carousel {
-  display: block;
-  margin-left: calc(-1 * var(--container-outside-width));
-  margin-right: calc(-1 * var(--container-outside-width));
-}
diff --git a/libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.ts b/libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.ts
deleted file mode 100644
index c68bc5d070..0000000000
--- a/libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core'
-import { MdViewFacade } from '../state'
-
-@Component({
-  selector: 'gn-ui-data-otherlinks',
-  templateUrl: './data-otherlinks.component.html',
-  styleUrls: ['./data-otherlinks.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class DataOtherlinksComponent {
-  constructor(public facade: MdViewFacade) {}
-}
diff --git a/libs/feature/record/src/lib/feature-record.module.ts b/libs/feature/record/src/lib/feature-record.module.ts
index 72f9a939ca..b337e884c2 100644
--- a/libs/feature/record/src/lib/feature-record.module.ts
+++ b/libs/feature/record/src/lib/feature-record.module.ts
@@ -12,15 +12,10 @@ import { MdViewEffects } from './state/mdview.effects'
 import { MapViewComponent } from './map-view/map-view.component'
 import { DataViewComponent } from './data-view/data-view.component'
 import { MD_VIEW_FEATURE_STATE_KEY, reducer } from './state/mdview.reducer'
-import { DataApisComponent } from './data-apis/data-apis.component'
-import { DataDownloadsComponent } from './data-downloads/data-downloads.component'
-import { RecordMetadataComponent } from './record-metadata/record-metadata.component'
 import { MatTabsModule } from '@angular/material/tabs'
 import { MatIconModule } from '@angular/material/icon'
 import { UiWidgetsModule } from '@geonetwork-ui/ui/widgets'
 import { TranslateModule } from '@ngx-translate/core'
-import { DataOtherlinksComponent } from './data-otherlinks/data-otherlinks.component'
-import { RelatedRecordsComponent } from './related-records/related-records.component'
 import { ExternalViewerButtonComponent } from './external-viewer-button/external-viewer-button.component'
 import { FeatureCatalogModule } from '@geonetwork-ui/feature/catalog'
 import { TableComponent } from '@geonetwork-ui/ui/dataviz'
@@ -32,13 +27,8 @@ import { DataViewShareComponent } from './data-view-share/data-view-share.compon
 export const GN_UI_VERSION = new InjectionToken<string>('gnUiVersion')
 @NgModule({
   declarations: [
-    RecordMetadataComponent,
     MapViewComponent,
     DataViewComponent,
-    DataDownloadsComponent,
-    DataApisComponent,
-    DataOtherlinksComponent,
-    RelatedRecordsComponent,
     ExternalViewerButtonComponent,
     DataViewPermalinkComponent,
     DataViewWebComponentComponent,
@@ -63,12 +53,8 @@ export const GN_UI_VERSION = new InjectionToken<string>('gnUiVersion')
   ],
   providers: [MdViewFacade],
   exports: [
-    RecordMetadataComponent,
     MapViewComponent,
     DataViewComponent,
-    DataDownloadsComponent,
-    DataApisComponent,
-    DataOtherlinksComponent,
     DataViewPermalinkComponent,
     DataViewWebComponentComponent,
     DataViewShareComponent,