geonetwork-ui 2.4.0-dev.fdf8f64b → 2.4.1-dev.4e8752d34

package/src/libs/common/fixtures/src/lib/link.fixtures.ts

@@ -37,13 +37,13 @@ export const aSetOfLinksFixture = () => ({
       description: 'Readme page',
       type: 'link',
       url: new URL('http://envlit.ifremer.fr/resultats/quadrige'),
-    } as OnlineLinkResource),
+    }) as OnlineLinkResource,
   doiLink: () =>
     ({
       description: 'DOI for the resource',
       type: 'link',
       url: new URL('http://doi.org/123-456-678'),
-    } as OnlineLinkResource),
+    }) as OnlineLinkResource,
   dataCsv: () =>
     ({
       name: 'abc.csv',
@@ -51,56 +51,56 @@ export const aSetOfLinksFixture = () => ({
       type: 'download',
       sizeBytes: 1234567890,
       url: new URL('http://my.server/files/abc.csv'),
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   dataPdf: () =>
     ({
       name: 'abc.pdf',
       description: 'Data in PDF format',
       type: 'download',
       url: new URL('https://my.server/files/abc.pdf'),
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   dataJpg: () =>
     ({
       name: 'abc.jpg',
       description: 'Data in JPG format',
       type: 'download',
       url: new URL('https://my.server/files/abc.jpg'),
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   dataZip: () =>
     ({
       name: 'abc.zip',
       description: 'Data in ZIP format',
       type: 'download',
       url: new URL('https://my.server/files/abc.zip'),
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   dataXls: () =>
     ({
       name: 'abc.xls',
       description: 'Data in XLS format',
       type: 'download',
       url: new URL('https://my.server/files/abc.xls'),
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   dataXlsx: () =>
     ({
       name: 'abc.XLSX',
       description: 'Data in XLSX format',
       type: 'download',
       url: new URL('https://my.server/files/abc.XLSX'),
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   dataJson: () =>
     ({
       name: 'abc.json',
       description: 'Data in JSON format',
       type: 'download',
       url: new URL('https://my.server/files/abc.json'),
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   geodataJson: () =>
     ({
       name: 'dataset.geojson',
       description: 'Geographic data in GeoJSON format',
       type: 'download',
       url: new URL('http://my.server/files/geographic/dataset.geojson'),
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   geodataJsonWithMimeType: () =>
     ({
       name: 'dataset.geojson',
@@ -108,28 +108,28 @@ export const aSetOfLinksFixture = () => ({
       type: 'download',
       url: new URL('http://my.server/files/geographic/dataset'),
       mimeType: 'application/vnd.geo+json',
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   geodataKml: () =>
     ({
       name: 'dataset.kml',
       description: 'Geographic data in KML format',
       type: 'download',
       url: new URL('http://my.server/files/geographic/dataset.kml'),
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   geodataGpkg: () =>
     ({
       name: 'dataset.gpkg',
       description: 'Geographic data in geopackage format',
       type: 'download',
       url: new URL('http://my.server/files/geographic/dataset.gpkg'),
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   geodataShp: () =>
     ({
       name: 'dataset.shp',
       description: 'Geographic data in shapefile format',
       type: 'download',
       url: new URL('http://my.server/files/geographic/dataset.zip'),
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   geodataShpWithMimeType: () =>
     ({
       name: 'dataset',
@@ -137,7 +137,7 @@ export const aSetOfLinksFixture = () => ({
       type: 'download',
       url: new URL('http://my.server/files/geographic/dataset.zip'),
       mimeType: 'x-gis/x-shapefile',
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   geodataWms: () =>
     ({
       name: 'mylayer',
@@ -145,21 +145,21 @@ export const aSetOfLinksFixture = () => ({
       type: 'service',
       url: new URL('https://my.ogc.server/wms'),
       accessServiceProtocol: 'wms',
-    } as DatasetServiceDistribution),
+    }) as DatasetServiceDistribution,
   geodataWmts: () =>
     ({
       name: 'mylayer',
       type: 'service',
       url: new URL('https://my.ogc.server/wmts'),
       accessServiceProtocol: 'wmts',
-    } as DatasetServiceDistribution),
+    }) as DatasetServiceDistribution,
   geodataWfs: () =>
     ({
       name: 'mylayer',
       type: 'service',
       url: new URL('https://my.ogc.server/wfs'),
       accessServiceProtocol: 'wfs',
-    } as DatasetServiceDistribution),
+    }) as DatasetServiceDistribution,
   geodataWfsDownload: () =>
     ({
       name: 'mylayer',
@@ -168,47 +168,56 @@ export const aSetOfLinksFixture = () => ({
         'https://my.ogc.server/wfs?GetFeature&FeatureType=surval_parametre_ligne&format=csv'
       ),
       accessServiceProtocol: 'wfs',
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
+  geodataOgcApiDownload: () =>
+    ({
+      name: 'mylayer',
+      type: 'download',
+      url: new URL(
+        'https://my.ogc.server/data/ogcapi/collections/comptages_velo/items?'
+      ),
+      accessServiceProtocol: 'ogcFeatures',
+    }) as DatasetDownloadDistribution,
   geodataWms2: () =>
     ({
       name: 'myotherlayer',
       type: 'service',
       url: new URL('https://my.ogc.server/wms'),
       accessServiceProtocol: 'wms',
-    } as DatasetServiceDistribution),
+    }) as DatasetServiceDistribution,
   geodataWfs2: () =>
     ({
       name: 'myotherlayer',
       type: 'service',
       url: new URL('https://my.ogc.server/wfs'),
       accessServiceProtocol: 'wfs',
-    } as DatasetServiceDistribution),
+    }) as DatasetServiceDistribution,
   geodataRest: () =>
     ({
       name: 'myrestlayer',
       type: 'service',
       url: new URL('https://my.esri.server/FeatureServer'),
       accessServiceProtocol: 'esriRest',
-    } as DatasetServiceDistribution),
+    }) as DatasetServiceDistribution,
   geodataRestWfs: () =>
     ({
       name: 'mywfsrestlayer',
       type: 'service',
       url: new URL('https://my.esri.server/WFSServer'),
       accessServiceProtocol: 'wfs',
-    } as DatasetServiceDistribution),
+    }) as DatasetServiceDistribution,
   maplayerRest: () =>
     ({
       name: 'myotherrestlayer',
       type: 'link',
       url: new URL('https://my.esri.server/MapServer'),
-    } as OnlineLinkResource),
+    }) as OnlineLinkResource,
   landingPage: () =>
     ({
       name: 'landingpage link',
       type: 'link',
       url: new URL('https://landing.page'),
-    } as OnlineLinkResource),
+    }) as OnlineLinkResource,
   unknownFormat: () =>
     ({
       name: 'Vue HTML des métadonnées sur internet',
@@ -216,7 +225,7 @@ export const aSetOfLinksFixture = () => ({
       url: new URL(
         'http://catalogue.geo-ide.developpement-durable.gouv.fr/catalogue/srv/fre/catalog.search#/metadata/fr-120066022-jdd-199fd14c-2abb-4c14-b0f8-6c8d92e7b480'
       ),
-    } as DatasetDownloadDistribution),
+    }) as DatasetDownloadDistribution,
   ogcApiFormat: () =>
     ({
       name: 'ogc api features layer',
@@ -225,7 +234,7 @@ export const aSetOfLinksFixture = () => ({
         'https://mel.integration.apps.gs-fr-prod.camptocamp.com/data/ogcapi/collections/comptages_velo/items?'
       ),
       accessServiceProtocol: 'ogcFeatures',
-    } as DatasetServiceDistribution),
+    }) as DatasetServiceDistribution,
   wmsEndpoint: () =>
     ({
       description:
@@ -235,5 +244,5 @@ export const aSetOfLinksFixture = () => ({
       ),
       protocol: 'wms',
       type: 'endpoint',
-    } as ServiceEndpoint),
+    }) as ServiceEndpoint,
 })

package/src/libs/common/fixtures/src/lib/records.fixtures.ts

@@ -1,6 +1,11 @@
-import { DatasetRecord } from '../../../../../libs/common/domain/src/lib/model/record'
+import {
+  CatalogRecord,
+  DatasetRecord,
+  DatasetSpatialExtent,
+  Keyword,
+} from '../../../../../libs/common/domain/src/lib/model/record'
 
-export const datasetRecordsFixture = () => [
+export const datasetRecordsFixture: () => CatalogRecord[] = () => [
   {
     uniqueIdentifier: 'my-dataset-001',
     kind: 'dataset',
@@ -128,10 +133,6 @@ Cette section contient des *caractères internationaux* (ainsi que des "caractè
     lineage: `This record was edited manually to test the conversion processes
 
 As such, **it is not very interesting at all.**`,
-    useLimitations: [
-      'Should only be used as a testing tool',
-      'Might cause minor annoyance in people',
-    ],
     licenses: [
       {
         text: 'Licence ODbL mai 2013 (basée sur ODbL 1.0)',
@@ -141,11 +142,9 @@ As such, **it is not very interesting at all.**`,
     legalConstraints: [
       {
         text: "Dataset access isn't possible since it does not really exist",
-        type: 'other',
       },
       {
         text: 'Contains sensitive information related to national defense',
-        type: 'security',
       },
     ],
     securityConstraints: [],
@@ -156,7 +155,8 @@ As such, **it is not very interesting at all.**`,
       updatedTimes: 3,
       per: 'month',
     },
-    languages: ['en'],
+    otherLanguages: ['de'],
+    defaultLanguage: 'en',
   },
   {
     uniqueIdentifier: '7d002c4c-92ef-4b9f-a568-d732f740b99e',
@@ -177,7 +177,7 @@ As such, **it is not very interesting at all.**`,
     contactsForResource: [],
     recordCreated: new Date('2022-04-15T14:18:19'),
     recordUpdated: new Date('2022-04-15T14:18:19'),
-    datasetUpdated: new Date('2022-03-29'),
+    resourceUpdated: new Date('2022-03-29'),
     title:
       "Plan local d'urbanisme (PLU) dématérialisé - commune d'Avrigny - approbation du 29/03/2022",
     abstract: `Plan local d'urbanisme (PLU) dématérialisé - commune d'Avrigny - approbation du 29/03/2022.
@@ -246,7 +246,6 @@ Ce lot de données produit en 2019, a été numérisé à partir du PCI Vecteur
     legalConstraints: [],
     securityConstraints: [],
     otherConstraints: [],
-    useLimitations: ["Aucune condition ne s'applique", 'Licence Ouverte 2.0'],
     licenses: [
       {
         text: "En dépit des efforts et diligences mis en œuvre pour en vérifier la fiabilité, le fournisseur n’est pas en mesure de garantir l’exactitude, la mise à jour, l’intégrité, l’exhaustivité des données et en particulier que les données sont exemptes d'erreurs, notamment de localisation, d’identification ou d’actualisation ou d’imprécisions. Les données ne sont pas fournies en vue d'une utilisation particulière et aucune garantie quant à leur aptitude à un usage particulier n'est apportée par le fournisseur. En conséquence, les utilisateurs utilisent les données sous leur responsabilité pleine et entière, à leurs risques et périls, sans recours possible contre le fournisseur dont la responsabilité ne saurait être engagée du fait d’un dommage résultant directement ou indirectement de l’utilisation de ces données. En particulier, il appartient aux utilisateurs d’apprécier, sous leur seule responsabilité : – l'opportunité d'utiliser les données ; – la compatibilité des fichiers avec leurs systèmes informatiques ; – l’adéquation des données à leurs besoins ; – qu’ils disposent de la compétence suffisante pour utiliser les données ; – l’opportunité d’utiliser la documentation ou les outils d’analyse fournis ou préconisés, en relation avec l’utilisation des données, le cas échéant. Le fournisseur n’est en aucune façon responsable des éléments extérieurs aux données et notamment des outils d’analyse, matériels, logiciels, réseaux..., utilisés pour consulter et/ou traiter les données, même s’il a préconisé ces éléments. L’utilisateur veille à vérifier que l’actualité des informations mises à disposition est compatible avec l’usage qu’il en fait.",
@@ -256,26 +255,28 @@ Ce lot de données produit en 2019, a été numérisé à partir du PCI Vecteur
     temporalExtents: [],
     status: 'completed',
     updateFrequency: 'unknown',
-    languages: ['fr', 'de'],
+    otherLanguages: ['en', 'de'],
+    defaultLanguage: 'fr',
   },
 ]
 
 export const simpleDatasetRecordFixture = (): DatasetRecord => ({
   uniqueIdentifier: 'my-dataset-001',
   kind: 'dataset',
-  languages: [],
+  otherLanguages: [],
+  defaultLanguage: 'en',
   recordUpdated: new Date('2022-02-01T14:12:00.000Z'),
   resourceCreated: new Date('2022-09-01T12:18:19.000Z'),
   resourceUpdated: new Date('2022-12-04T14:12:00.000Z'),
   status: 'ongoing',
   title: 'A very interesting dataset (un jeu de données très intéressant)',
   abstract: `This dataset has been established for testing purposes.`,
-  ownerOrganization: { name: 'MyOrganization' },
+  ownerOrganization: { name: 'MyOrganization', translations: {} },
   contacts: [
     {
       email: 'bob@org.net',
       position: 'developer',
-      organization: { name: 'MyOrganization' },
+      organization: { name: 'MyOrganization', translations: {} },
       role: 'point_of_contact',
       firstName: 'Bob',
       lastName: 'TheGreat',
@@ -300,9 +301,11 @@ export const simpleDatasetRecordFixture = (): DatasetRecord => ({
       name: 'Direct download',
       description: 'Dataset downloaded as a shapefile',
       mimeType: 'x-gis/x-shapefile',
+      translations: {},
     },
   ],
   updateFrequency: { per: 'month', updatedTimes: 3 },
+  translations: {},
 })
 
 export const simpleDatasetRecordAsXmlFixture =
@@ -463,3 +466,102 @@ export const simpleDatasetRecordAsXmlFixture =
         </mrl:LI_Lineage>
     </mdb:resourceLineage>
 </mdb:MD_Metadata>`
+
+export const NATIONAL_KEYWORD = {
+  key: 'http://inspire.ec.europa.eu/metadata-codelist/SpatialScope/national',
+  label: 'National',
+  description: '',
+  type: 'theme',
+}
+
+export const SAMPLE_PLACE_KEYWORDS: Keyword[] = [
+  // these keywords come from a thesaurus available locally
+  {
+    key: 'uri1',
+    label: 'Berlin',
+    thesaurus: {
+      id: '1',
+      name: 'places',
+    },
+    type: 'place',
+    bbox: [13.27, 52.63, 52.5, 13.14],
+  },
+  {
+    key: 'uri2',
+    label: 'Hamburg',
+    thesaurus: {
+      id: '1',
+      name: 'places',
+    },
+    type: 'place',
+    bbox: [10.5, 53.66, 53.53, 10],
+  },
+  // this keyword is available locally but has no extent linked to it
+  {
+    key: 'uri3',
+    label: 'Munich',
+    thesaurus: {
+      id: '1',
+      name: 'places',
+    },
+    type: 'place',
+    bbox: [11.64, 48.65, 48.51, 11.5],
+  },
+  // this keyword comes from a thesaurus not available locally
+  {
+    label: 'Europe',
+    thesaurus: {
+      id: '2',
+      name: 'otherPlaces',
+    },
+    type: 'place',
+  },
+  // this keyword has no thesaurus
+  {
+    label: 'Narnia',
+    type: 'place',
+  },
+]
+
+// records coming from XML do not have a key or a bbox in them
+export const SAMPLE_PLACE_KEYWORDS_FROM_XML = SAMPLE_PLACE_KEYWORDS.map(
+  ({ label, thesaurus, type }) => ({
+    label,
+    type,
+    ...(thesaurus && { thesaurus }),
+  })
+)
+
+export const SAMPLE_SPATIAL_EXTENTS: DatasetSpatialExtent[] = [
+  // these extents are linked to keywords known locally
+  {
+    description: 'uri1',
+    bbox: [13.5, 52.5, 14.5, 53.5],
+  },
+  {
+    description: 'uri2',
+    bbox: [10, 53.5, 11, 53.4],
+  },
+  {
+    description: 'uri4',
+    bbox: [11.5, 48.5, 11.5, 48.3],
+  },
+  // this extent is linked to a keyword not available locally
+  {
+    description: 'URI-Paris',
+    bbox: [1, 2, 3, 4],
+  },
+  // this extent is not linked to any keyword
+  {
+    bbox: [5, 6, 7, 8],
+  },
+]
+
+export const SAMPLE_RECORD = {
+  ...datasetRecordsFixture()[0],
+  spatialExtents: SAMPLE_SPATIAL_EXTENTS,
+  keywords: [
+    ...datasetRecordsFixture()[0].keywords,
+    ...SAMPLE_PLACE_KEYWORDS_FROM_XML,
+  ],
+}

package/src/libs/feature/catalog/src/lib/feature-catalog.module.ts

@@ -1,8 +1,8 @@
 import { InjectionToken, NgModule } from '@angular/core'
 import { SiteTitleComponent } from './site-title/site-title.component'
 import {
+  CatalogTitleComponent,
   OrganisationsFilterComponent,
-  UiCatalogModule,
 } from '../../../../../libs/ui/catalog/src'
 import {
   GroupsApiService,
@@ -11,7 +11,6 @@ import {
 import { CommonModule } from '@angular/common'
 import { SourceLabelComponent } from './source-label/source-label.component'
 import { LangService, UtilI18nModule } from '../../../../../libs/util/i18n/src'
-import { OrganisationsComponent } from './organisations/organisations.component'
 import { UiLayoutModule } from '../../../../../libs/ui/layout/src'
 import { TranslateModule, TranslateService } from '@ngx-translate/core'
 import { UiElementsModule } from '../../../../../libs/ui/elements/src'
@@ -55,21 +54,17 @@ const organizationsServiceFactory = (
       )
 
 @NgModule({
-  declarations: [
-    SiteTitleComponent,
-    SourceLabelComponent,
-    OrganisationsComponent,
-  ],
+  declarations: [SiteTitleComponent, SourceLabelComponent],
   imports: [
-    UiCatalogModule,
     UiLayoutModule,
     CommonModule,
     UtilI18nModule,
     TranslateModule.forChild(),
     UiElementsModule,
     OrganisationsFilterComponent,
+    CatalogTitleComponent,
   ],
-  exports: [SiteTitleComponent, SourceLabelComponent, OrganisationsComponent],
+  exports: [SiteTitleComponent, SourceLabelComponent],
   providers: [
     {
       provide: OrganizationsServiceInterface,

package/src/libs/feature/catalog/src/lib/organisations/organisations.component.html

@@ -26,9 +26,5 @@
   </gn-ui-content-ghost>
 </div>
 <div class="py-20">
-  <gn-ui-pagination
-    [currentPage]="currentPage$ | async"
-    [nPages]="totalPages"
-    (newCurrentPageEvent)="setCurrentPage($event)"
-  ></gn-ui-pagination>
+  <gn-ui-pagination [listComponent]="this"></gn-ui-pagination>
 </div>

package/src/libs/feature/catalog/src/lib/organisations/organisations.component.ts

@@ -14,14 +14,31 @@ import { OrganizationsServiceInterface } from '../../../../../../libs/common/dom
 import { SortByField } from '../../../../../../libs/common/domain/src/lib/model/search'
 import { createFuzzyFilter } from '../../../../../../libs/util/shared/src'
 import { ORGANIZATION_PAGE_URL_TOKEN } from '../organization-url.token'
+import { ContentGhostComponent } from '../../../../../../libs/ui/elements/src'
+import { CommonModule } from '@angular/common'
+import {
+  OrganisationPreviewComponent,
+  OrganisationsFilterComponent,
+  OrganisationsResultComponent,
+} from '../../../../../../libs/ui/catalog/src'
+import { Paginable, PaginationComponent } from '../../../../../../libs/ui/layout/src'
 
 @Component({
   selector: 'gn-ui-organisations',
   templateUrl: './organisations.component.html',
   styleUrls: ['./organisations.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [
+    CommonModule,
+    ContentGhostComponent,
+    OrganisationsFilterComponent,
+    OrganisationsResultComponent,
+    OrganisationPreviewComponent,
+    PaginationComponent,
+  ],
 })
-export class OrganisationsComponent {
+export class OrganisationsComponent implements Paginable {
   @Input() itemsOnPage = 12
   @Output() orgSelect = new EventEmitter<Organization>()
 
@@ -70,10 +87,6 @@ export class OrganisationsComponent {
     )
   )
 
-  protected setCurrentPage(page: number): void {
-    this.currentPage$.next(page)
-  }
-
   protected setFilterBy(value: string): void {
     this.currentPage$.next(1)
     this.filterBy$.next(value)
@@ -121,4 +134,27 @@ export class OrganisationsComponent {
     if (!this.urlTemplate) return null
     return this.urlTemplate.replace('${name}', organisation.name)
   }
+
+  // Paginable API
+  get isFirstPage() {
+    return this.currentPage === 1
+  }
+  get isLastPage() {
+    return this.currentPage === this.totalPages
+  }
+  get pagesCount() {
+    return this.totalPages
+  }
+  get currentPage() {
+    return this.currentPage$.value
+  }
+  goToPage(index: number) {
+    this.currentPage$.next(index)
+  }
+  goToNextPage() {
+    this.goToPage(this.currentPage + 1)
+  }
+  goToPrevPage() {
+    this.goToPage(this.currentPage - 1)
+  }
 }

package/src/libs/feature/dataviz/src/index.ts

@@ -1,4 +1,3 @@
-export * from './lib/feature-dataviz.module'
 export * from './lib/service/data.service'
 export * from './lib/chart-view/chart-view.component'
 export * from './lib/figure/figure-container/figure-container.component'

package/src/libs/feature/dataviz/src/lib/chart-view/chart-view.component.html

@@ -53,7 +53,7 @@
     <gn-ui-popup-alert
       *ngIf="error"
       type="warning"
-      icon="error_outline"
+      icon="matErrorOutlineOutline"
       class="absolute m-2 inset-0"
     >
       <span>{{ error }}</span>

package/src/libs/feature/dataviz/src/lib/chart-view/chart-view.component.ts

@@ -12,7 +12,10 @@ import {
   FieldAggregation,
   getJsonDataItemsProxy,
 } from '../../../../../../libs/util/data-fetcher/src'
-import { DropdownChoice } from '../../../../../../libs/ui/inputs/src'
+import {
+  DropdownChoice,
+  DropdownSelectorComponent,
+} from '../../../../../../libs/ui/inputs/src'
 import { BehaviorSubject, combineLatest, EMPTY, Observable } from 'rxjs'
 import {
   catchError,
@@ -26,7 +29,13 @@ import {
 import { DataService } from '../service/data.service'
 import { InputChartType } from '../../../../../../libs/common/domain/src/lib/model/dataviz/dataviz-configuration.model'
 import { DatasetOnlineResource } from '../../../../../../libs/common/domain/src/lib/model/record'
-import { TranslateService } from '@ngx-translate/core'
+import { TranslateModule, TranslateService } from '@ngx-translate/core'
+import { CommonModule } from '@angular/common'
+import { ChartComponent } from '../../../../../../libs/ui/dataviz/src'
+import {
+  LoadingMaskComponent,
+  PopupAlertComponent,
+} from '../../../../../../libs/ui/widgets/src'
 
 marker('chart.type.bar')
 marker('chart.type.barHorizontal')
@@ -45,6 +54,15 @@ marker('chart.aggregation.count')
   templateUrl: './chart-view.component.html',
   styleUrls: ['./chart-view.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [
+    CommonModule,
+    DropdownSelectorComponent,
+    TranslateModule,
+    ChartComponent,
+    LoadingMaskComponent,
+    PopupAlertComponent,
+  ],
+  standalone: true,
 })
 export class ChartViewComponent {
   @Input() set link(value: DatasetOnlineResource) {

package/src/libs/feature/dataviz/src/lib/figure/figure-container/figure-container.component.ts

@@ -4,7 +4,7 @@ import {
   Input,
   OnChanges,
 } from '@angular/core'
-import { TableItemModel } from '../../../../../../../libs/ui/dataviz/src'
+import { TableItemModel, UiDatavizModule } from '../../../../../../../libs/ui/dataviz/src'
 import { FigureService } from '../figure.service'
 
 @Component({
@@ -12,6 +12,8 @@ import { FigureService } from '../figure.service'
   templateUrl: './figure-container.component.html',
   styleUrls: ['./figure-container.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [UiDatavizModule],
 })
 export class FigureContainerComponent implements OnChanges {
   @Input() dataset: TableItemModel[]

package/src/libs/feature/dataviz/src/lib/geo-table-view/geo-table-view.component.ts

@@ -15,13 +15,18 @@ import {
 import type { Feature, FeatureCollection } from 'geojson'
 import { Subscription } from 'rxjs'
 import { MapContext } from '@geospatial-sdk/core'
-import { MapContainerComponent } from '../../../../../../libs/ui/map/src'
+import {
+  FeatureDetailComponent,
+  MapContainerComponent,
+} from '../../../../../../libs/ui/map/src'
 
 @Component({
   selector: 'gn-ui-geo-table-view',
   templateUrl: './geo-table-view.component.html',
   styleUrls: ['./geo-table-view.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [TableComponent, MapContainerComponent, FeatureDetailComponent],
+  standalone: true,
 })
 export class GeoTableViewComponent implements OnInit, OnDestroy {
   @Input() data: FeatureCollection = { type: 'FeatureCollection', features: [] }