geonetwork-ui 2.6.0-dev.25158f859 → 2.6.0-dev.261a0cba1

package/src/libs/ui/layout/src/lib/pagination/pagination.component.ts

@@ -7,7 +7,7 @@ import {
   matChevronRight,
 } from '@ng-icons/material-icons/baseline'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective } from '@ngx-translate/core'
 import { Paginable } from '../paginable.interface'
 
 @Component({
@@ -20,7 +20,7 @@ import { Paginable } from '../paginable.interface'
     ButtonComponent,
     NgIcon,
     FormsModule,
-    TranslateModule,
+    TranslateDirective,
   ],
   viewProviders: [
     provideIcons({

package/src/libs/ui/layout/src/lib/sticky-header/sticky-header.component.ts

@@ -16,6 +16,7 @@ import {
 } from '@angular/core'
 import { animationFrameScheduler, fromEvent, Subscription } from 'rxjs'
 import { throttleTime } from 'rxjs/operators'
+import { CommonModule } from '@angular/common'
 
 /**
  * This component will make a block that will stay sticky on the top of the page,
@@ -32,6 +33,8 @@ import { throttleTime } from 'rxjs/operators'
   templateUrl: './sticky-header.component.html',
   styleUrls: ['./sticky-header.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule],
 })
 export class StickyHeaderComponent
   implements AfterViewInit, OnDestroy, OnInit, AfterViewChecked

package/src/libs/ui/layout/src/lib/truncated-text/truncated-text.component.html

@@ -1,44 +1,27 @@
-<div
-  class="flex items-center justify-between w-full gap-2"
-  cdkOverlayOrigin
-  [class]="extraClass"
-  #trigger="cdkOverlayOrigin"
+<gn-ui-cell-popin
+  #popinRef
+  [activePopin]="isTextTruncated"
+  [scrollContainer]="scrollContainer"
+  [cdkScrollContainer]="cdkScrollContainer"
 >
-  <span #textElement class="truncate">
-    {{ text }}
-  </span>
-  <gn-ui-button
-    *ngIf="isTextTruncated"
-    type="outline"
-    extraClass="w-10 h-8 border rounded-lg"
-    (buttonClick)="toggleOverlay()"
+  <div
+    cellContent
+    class="flex items-center justify-between w-full gap-2"
+    [class]="extraClass"
   >
-    <ng-icon name="iconoirExpand" size="24"> </ng-icon>
-  </gn-ui-button>
-
-  <ng-template
-    cdkConnectedOverlay
-    [cdkConnectedOverlayOrigin]="trigger"
-    [cdkConnectedOverlayOpen]="isOpen"
-    [cdkConnectedOverlayPositions]="[overlayPosition]"
-    cdkConnectedOverlayPush
-    [cdkConnectedOverlayWidth]="'auto'"
-    [cdkConnectedOverlayFlexibleDimensions]="true"
-    [cdkConnectedOverlayGrowAfterOpen]="true"
-    (detach)="close()"
-  >
-    <div class="bg-white shadow-lg border border-gray-300 flex">
-      <div class="sm:w-64 xs:w-32">
-        <p class="m-2">{{ text }}</p>
-      </div>
-      <gn-ui-button
-        class="m-2 flex-shrink-0"
-        type="light"
-        (buttonClick)="close()"
-        extraClass="w-10 h-8 px-1 bg-white"
-      >
-        <ng-icon name="iconoirReduce" size="24"> </ng-icon>
-      </gn-ui-button>
-    </div>
-  </ng-template>
-</div>
+    <span #textElement class="truncate py-3 px-2">
+      {{ text }}
+    </span>
+    <gn-ui-button
+      *ngIf="isTextTruncated"
+      type="outline"
+      extraClass="w-10 h-8 border rounded-lg mr-2"
+      (buttonClick)="popinRef.openOverlay()"
+    >
+      <ng-icon name="iconoirExpand" size="24"> </ng-icon>
+    </gn-ui-button>
+  </div>
+  <div popinContent class="sm:w-64 xs:w-32 py-4 pl-6 pr-9">
+    <p>{{ text }}</p>
+  </div>
+</gn-ui-cell-popin>

package/src/libs/ui/layout/src/lib/truncated-text/truncated-text.component.ts

@@ -4,59 +4,49 @@ import {
   Component,
   ElementRef,
   Input,
+  NgZone,
   OnDestroy,
   ViewChild,
-  NgZone,
 } from '@angular/core'
 import { CommonModule } from '@angular/common'
-import { provideIcons, NgIconComponent } from '@ng-icons/core'
-import { iconoirExpand, iconoirReduce } from '@ng-icons/iconoir'
-import { TranslateModule } from '@ngx-translate/core'
+import { NgIconComponent, provideIcons } from '@ng-icons/core'
+import { iconoirExpand } from '@ng-icons/iconoir'
 import { MatButtonModule } from '@angular/material/button'
-import {
-  OverlayModule,
-  ViewportRuler,
-  ConnectedPosition,
-} from '@angular/cdk/overlay'
+import { CdkScrollable, OverlayModule } from '@angular/cdk/overlay'
 import { ButtonComponent } from '../../../../../../libs/ui/inputs/src'
-import { Subscription } from 'rxjs'
+import { CellPopinComponent } from '../cell-popin/cell-popin.component'
 
 @Component({
   selector: 'gn-ui-truncated-text',
   standalone: true,
   imports: [
     CommonModule,
-    TranslateModule,
     MatButtonModule,
     OverlayModule,
     ButtonComponent,
+    CellPopinComponent,
     NgIconComponent,
   ],
-  providers: [provideIcons({ iconoirExpand, iconoirReduce })],
+  providers: [provideIcons({ iconoirExpand })],
   templateUrl: './truncated-text.component.html',
   styles: [],
 })
 export class TruncatedTextComponent implements AfterViewInit, OnDestroy {
   @Input() text = ''
   @Input() extraClass = ''
+  @Input() scrollContainer!: ElementRef
+  @Input() cdkScrollContainer!: CdkScrollable
 
   @ViewChild('textElement') textElement: ElementRef<HTMLElement>
+
   isTextTruncated = false
-  isOpen = false
-  overlayPosition: ConnectedPosition = {
-    originX: 'end',
-    originY: 'top',
-    overlayX: 'end',
-    overlayY: 'top',
-  }
+
   private readonly resizeObserver: ResizeObserver
   private readonly mutationObserver: MutationObserver
-  private readonly viewportSubscription: Subscription
 
   constructor(
     private readonly cd: ChangeDetectorRef,
-    private readonly ngZone: NgZone,
-    private readonly viewportRuler: ViewportRuler
+    private readonly ngZone: NgZone
   ) {
     this.resizeObserver = new ResizeObserver(() => {
       this.ngZone.run(() => this.checkTextTruncation())
@@ -65,15 +55,8 @@ export class TruncatedTextComponent implements AfterViewInit, OnDestroy {
     this.mutationObserver = new MutationObserver(() => {
       this.ngZone.run(() => {
         this.checkTextTruncation()
-        this.close()
       })
     })
-
-    this.viewportSubscription = this.viewportRuler.change().subscribe(() => {
-      if (this.isOpen) {
-        this.updateOverlayPosition()
-      }
-    })
   }
 
   ngAfterViewInit() {
@@ -90,35 +73,6 @@ export class TruncatedTextComponent implements AfterViewInit, OnDestroy {
   ngOnDestroy() {
     this.resizeObserver?.disconnect()
     this.mutationObserver?.disconnect()
-    this.viewportSubscription?.unsubscribe()
-    this.close()
-  }
-
-  toggleOverlay() {
-    this.isOpen = !this.isOpen
-    if (this.isOpen) {
-      this.updateOverlayPosition()
-    }
-  }
-
-  private updateOverlayPosition() {
-    const element = this.textElement.nativeElement
-    const rect = element.getBoundingClientRect()
-    const viewportWidth = this.viewportRuler.getViewportSize().width
-    const isMobile = viewportWidth < 640
-    const overlayWidth = isMobile ? 190 : 320
-    const isNearLeftEdge = rect.left < overlayWidth
-
-    this.overlayPosition = {
-      originX: isNearLeftEdge ? 'start' : 'end',
-      originY: 'top',
-      overlayX: isNearLeftEdge ? 'start' : 'end',
-      overlayY: 'top',
-    }
-  }
-
-  close() {
-    this.isOpen = false
   }
 
   private checkTextTruncation() {

package/src/libs/ui/map/src/lib/components/map-container/map-container.component.ts

@@ -14,7 +14,7 @@ import {
 import { fromEvent, merge, Observable, of, timer } from 'rxjs'
 import { delay, map, startWith, switchMap } from 'rxjs/operators'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective } from '@ngx-translate/core'
 import {
   computeMapContextDiff,
   Extent,
@@ -67,7 +67,7 @@ const DEFAULT_VIEW: MapContextView = {
   styleUrls: ['./map-container.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, TranslateModule, NgIconComponent],
+  imports: [CommonModule, TranslateDirective, NgIconComponent],
   providers: [
     provideIcons({ matSwipeOutline }),
     provideNgIconsConfig({

package/src/libs/ui/search/src/index.ts

@@ -19,3 +19,4 @@ export * from './lib/results-list-item/results-list-item.component'
 export * from './lib/results-hits-search-kind/results-hits-search-kind.component'
 export * from './lib/results-hits-number/results-hits-number.component'
 export * from './lib/results-table/results-table.component'
+export * from './lib/results-table/action-menu/action-menu.component'

package/src/libs/ui/search/src/lib/record-preview-feed/record-preview-feed.component.html

@@ -62,7 +62,10 @@
         {{ record.title }}
       </h1>
       <p class="line-clamp-3">
-        <gn-ui-markdown-parser [textContent]="abstract" whitoutStyles="true" />
+        <gn-ui-markdown-parser
+          [textContent]="abstract"
+          [whitoutStyles]="true"
+        />
       </p>
       <gn-ui-thumbnail
         *ngIf="record.overviews?.[0]"

package/src/libs/ui/search/src/lib/results-table/action-menu/action-menu.component.html

@@ -6,17 +6,27 @@
     >
       <ul class="flex flex-col gap-2 w-full">
         <gn-ui-button
-          *ngIf="!isDraftPage"
+          *ngIf="page === 'main'"
           type="light"
           extraClass="flex flex-row items-center gap-2 w-full justify-start"
           (buttonClick)="duplicate.emit()"
           [disabled]="!canDuplicate"
           data-test="record-menu-duplicate-button"
         >
-          <span *ngIf="canDuplicate" translate>record.action.duplicate</span>
-          <span *ngIf="!canDuplicate" translate
+          <span *ngIf="isDuplicating; else notDuplicating" translate
             >record.action.duplicating</span
-          ></gn-ui-button
+          >
+          <ng-template #notDuplicating>
+            <span translate>record.action.duplicate</span>
+          </ng-template>
+        </gn-ui-button>
+        <gn-ui-button
+          *ngIf="page === 'record'"
+          type="light"
+          extraClass="flex flex-row items-center gap-2 w-full justify-start"
+          (buttonClick)="switch.emit()"
+          data-test="record-menu-switch-button"
+          ><span translate>record.action.switchLang</span></gn-ui-button
         >
         <gn-ui-button
           type="light"
@@ -24,8 +34,8 @@
           (buttonClick)="displayDeleteMenu()"
           [disabled]="!canDelete"
           data-test="record-menu-delete-button"
-          ><span *ngIf="!isDraftPage" translate>record.action.delete</span>
-          <span *ngIf="isDraftPage" translate
+          ><span *ngIf="page !== 'draft'" translate>record.action.delete</span>
+          <span *ngIf="page === 'draft'" translate
             >record.action.rollback</span
           ></gn-ui-button
         >

package/src/libs/ui/search/src/lib/results-table/action-menu/action-menu.component.ts

@@ -9,9 +9,8 @@ import {
 } from '@angular/core'
 import { MatDialog, MatDialogModule } from '@angular/material/dialog'
 import { MatMenuModule, MatMenuTrigger } from '@angular/material/menu'
-import { ConfirmationDialogComponent } from '../../../../../../../libs/ui/elements/src'
 import { ButtonComponent } from '../../../../../../../libs/ui/inputs/src'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 
 type ActionMenuPage = 'mainMenu' | 'deleteMenu' | 'rollbackMenu'
 
@@ -25,18 +24,20 @@ type ActionMenuPage = 'mainMenu' | 'deleteMenu' | 'rollbackMenu'
     ButtonComponent,
     MatMenuModule,
     MatDialogModule,
-    ConfirmationDialogComponent,
-    TranslateModule,
+    TranslateDirective,
+    TranslatePipe,
   ],
 })
 export class ActionMenuComponent {
-  @Input() canDuplicate: boolean
-  @Input() canDelete: boolean
-  @Input() isDraftPage: boolean
+  @Input() canDuplicate = true
+  @Input() isDuplicating: boolean
+  @Input() canDelete = true
+  @Input() page: 'draft' | 'main' | 'record'
   @Output() duplicate = new EventEmitter<void>()
   @Output() delete = new EventEmitter<void>()
   @Output() closeActionMenu = new EventEmitter<void>()
   @Output() rollback = new EventEmitter<void>()
+  @Output() switch = new EventEmitter<void>()
 
   @ViewChild(MatMenuTrigger) trigger: MatMenuTrigger
 
@@ -47,20 +48,22 @@ export class ActionMenuComponent {
     private cdr: ChangeDetectorRef
   ) {}
 
-  openMenu() {
-    this.trigger.openMenu()
-  }
-
   displayMainMenu() {
     this.sectionDisplayed = 'mainMenu'
     this.cdr.markForCheck()
   }
 
   displayDeleteMenu() {
-    if (this.isDraftPage) {
-      this.sectionDisplayed = 'rollbackMenu'
-    } else {
-      this.sectionDisplayed = 'deleteMenu'
+    switch (this.page) {
+      case 'draft':
+        this.sectionDisplayed = 'rollbackMenu'
+        break
+      case 'record':
+        this.delete.emit()
+        break
+      case 'main':
+      default:
+        this.sectionDisplayed = 'deleteMenu'
     }
     this.cdr.markForCheck()
   }

package/src/libs/ui/search/src/lib/results-table/results-table.component.css

@@ -0,0 +1,4 @@
+:host {
+  --gn-ui-button-height: 40px;
+  --gn-ui-button-width: 40px;
+}

package/src/libs/ui/search/src/lib/results-table/results-table.component.html

@@ -1,5 +1,6 @@
 <gn-ui-interactive-table
   [items]="records"
+  [canEditItem]="canEdit"
   [isDraftPage]="isDraftPage"
   (itemClick)="handleRecordClick($event)"
 >
@@ -9,15 +10,16 @@
       <ng-icon
         name="iconoirLock"
         class="text-purple"
-        *ngIf="(!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'"
+        *ngIf="(canEdit(item) | async) === false; else selectCheckbox"
       ></ng-icon>
-      <gn-ui-checkbox
-        *ngIf="(item.extras?.edit || isDraftPage) && item.kind === 'dataset'"
-        [checked]="isChecked(item)"
-        (changed)="handleRecordSelectedChange($event, item)"
-        class="-m-2"
-        type="default"
-      ></gn-ui-checkbox>
+      <ng-template #selectCheckbox>
+        <gn-ui-checkbox
+          [checked]="isChecked(item)"
+          (changed)="handleRecordSelectedChange($event, item)"
+          class="-m-2"
+          type="default"
+        ></gn-ui-checkbox>
+      </ng-template>
     </ng-template>
   </gn-ui-interactive-table-column>
 
@@ -143,29 +145,29 @@
   <gn-ui-interactive-table-column>
     <ng-template #header> </ng-template>
     <ng-template #cell let-item>
-      <gn-ui-button
-        cdkOverlayOrigin
-        #actionMenuButton
-        (buttonClick)="openActionMenu(item, template)"
-        type="light"
-        data-test="record-menu-button"
-        [disabled]="
-          (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'
-        "
-      >
+      <div class="flex justify-end items-center gap-4 w-full">
         <ng-icon
-          [ngClass]="{
-            'text-purple-light':
-              (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',
-          }"
-          name="matMoreVert"
+          *ngIf="isMultilingual(item)"
+          data-cy="multilingual-indicator"
+          name="iconoirTranslate"
+          [attr.title]="getTxtHoverMultilingual(item)"
         ></ng-icon>
-      </gn-ui-button>
+        <gn-ui-button
+          cdkOverlayOrigin
+          #actionMenuButton
+          (buttonClick)="openActionMenu(item, template)"
+          type="light"
+          data-test="record-menu-button"
+        >
+          <ng-icon name="matMoreVert"></ng-icon>
+        </gn-ui-button>
+      </div>
       <ng-template #template>
         <gn-ui-action-menu
-          [canDuplicate]="canDuplicate(item) && !isDuplicating"
-          [canDelete]="canDelete(item)"
-          [isDraftPage]="isDraftPage"
+          [canDuplicate]="canDuplicate(item)"
+          [isDuplicating]="isDuplicating"
+          [canDelete]="canDelete(item) | async"
+          [page]="isDraftPage ? 'draft' : 'main'"
           (duplicate)="handleDuplicate(item)"
           (delete)="handleDelete(item)"
           (closeActionMenu)="closeActionMenu()"

package/src/libs/ui/search/src/lib/results-table/results-table.component.ts

@@ -15,7 +15,11 @@ import {
   FieldSort,
   SortByField,
 } from '../../../../../../libs/common/domain/src/lib/model/search'
-import { BadgeComponent, UiInputsModule } from '../../../../../../libs/ui/inputs/src'
+import {
+  BadgeComponent,
+  ButtonComponent,
+  CheckboxComponent,
+} from '../../../../../../libs/ui/inputs/src'
 import {
   InteractiveTableColumnComponent,
   InteractiveTableComponent,
@@ -28,18 +32,18 @@ import {
   getFileFormat,
   getFormatPriority,
 } from '../../../../../../libs/util/shared/src'
-import { TranslateModule } from '@ngx-translate/core'
+import {
+  TranslateDirective,
+  TranslatePipe,
+  TranslateService,
+} from '@ngx-translate/core'
 import { ActionMenuComponent } from './action-menu/action-menu.component'
 import { NgIconComponent, provideIcons } from '@ng-icons/core'
-import { iconoirUser, iconoirLock } from '@ng-icons/iconoir'
-import {
-  CdkConnectedOverlay,
-  CdkOverlayOrigin,
-  Overlay,
-  OverlayRef,
-} from '@angular/cdk/overlay'
+import { iconoirLock, iconoirTranslate, iconoirUser } from '@ng-icons/iconoir'
+import { CdkOverlayOrigin, Overlay, OverlayRef } from '@angular/cdk/overlay'
 import { TemplatePortal } from '@angular/cdk/portal'
 import { matMoreVert } from '@ng-icons/material-icons/baseline'
+import { Observable, of, take } from 'rxjs'
 
 @Component({
   selector: 'gn-ui-results-table',
@@ -48,16 +52,20 @@ import { matMoreVert } from '@ng-icons/material-icons/baseline'
   standalone: true,
   imports: [
     CommonModule,
-    UiInputsModule,
     InteractiveTableComponent,
     InteractiveTableColumnComponent,
-    TranslateModule,
+    TranslateDirective,
+    TranslatePipe,
     BadgeComponent,
     ActionMenuComponent,
     NgIconComponent,
     CdkOverlayOrigin,
+    CheckboxComponent,
+    ButtonComponent,
+  ],
+  providers: [
+    provideIcons({ iconoirUser, iconoirLock, iconoirTranslate, matMoreVert }),
   ],
-  providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })],
 })
 export class ResultsTableComponent {
   @Input() records: CatalogRecord[] = []
@@ -65,7 +73,10 @@ export class ResultsTableComponent {
   @Input() sortOrder: SortByField = null
   @Input() hasDraft: (record: CatalogRecord) => boolean = () => false
   @Input() canDuplicate: (record: CatalogRecord) => boolean = () => true
-  @Input() canDelete: (record: CatalogRecord) => boolean = () => true
+  @Input() canDelete: (record: CatalogRecord) => Observable<boolean> = () =>
+    of(true)
+  @Input() canEdit: (record: CatalogRecord) => Observable<boolean> = () =>
+    of(true)
   @Input() isDraftPage = false
   @Input() isDuplicating = false
 
@@ -89,7 +100,8 @@ export class ResultsTableComponent {
     private overlay: Overlay,
     private viewContainerRef: ViewContainerRef,
     private cdr: ChangeDetectorRef,
-    private dateService: DateService
+    private dateService: DateService,
+    private translateService: TranslateService
   ) {}
 
   openActionMenu(item, template) {
@@ -173,10 +185,14 @@ export class ResultsTableComponent {
     return getBadgeColor(format)
   }
 
-  handleRecordClick(item: CatalogRecord) {
-    if ((item?.extras?.edit || this.isDraftPage) && item.kind === 'dataset') {
-      this.recordClick.emit(item as CatalogRecord)
-    }
+  handleRecordClick(item: unknown) {
+    this.canEdit(item as CatalogRecord)
+      .pipe(take(1))
+      .subscribe((canEdit) => {
+        if (canEdit) {
+          this.recordClick.emit(item as CatalogRecord)
+        }
+      })
   }
 
   handleDuplicate(item: unknown) {
@@ -219,4 +235,19 @@ export class ResultsTableComponent {
   handleRecordSelectedChange(selected: boolean, record: CatalogRecord) {
     this.recordsSelectedChange.emit([[record], selected])
   }
+
+  isMultilingual(record: CatalogRecord): boolean {
+    return record.otherLanguages.length > 0
+  }
+
+  getTxtHoverMultilingual(record: CatalogRecord) {
+    const languages = [
+      ...[record.defaultLanguage],
+      ...record.otherLanguages,
+    ].sort((a, b) => a.localeCompare(b))
+
+    return this.translateService.instant('dashboard.records.isMultilingual', {
+      languages: languages.join(', '),
+    })
+  }
 }

package/src/libs/ui/search/src/lib/ui-search.module.ts

@@ -1,7 +1,6 @@
 import { NgModule } from '@angular/core'
 import { RouterLink } from '@angular/router'
-import { UtilSharedModule } from '../../../../../libs/util/shared/src'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { NgxDropzoneModule } from 'ngx-dropzone'
 import { FacetsModule } from './facets/facets.module'
 import { RecordMetricComponent } from './record-metric/record-metric.component'
@@ -21,15 +20,15 @@ import { RecordPreviewComponent } from './record-preview/record-preview.componen
 import { TagInputModule } from 'ngx-chips'
 import { FormsModule, ReactiveFormsModule } from '@angular/forms'
 import { ResultsListItemComponent } from './results-list-item/results-list-item.component'
-import { UiWidgetsModule } from '../../../../../libs/ui/widgets/src'
 import {
-  MetadataQualityComponent,
-  UiElementsModule,
+  InternalLinkCardComponent,
   KindBadgeComponent,
+  MarkdownParserComponent,
+  MetadataQualityComponent,
+  ThumbnailComponent,
 } from '../../../../../libs/ui/elements/src'
 import { RecordPreviewFeedComponent } from './record-preview-feed/record-preview-feed.component'
 import { CommonModule } from '@angular/common'
-import { UiInputsModule } from '../../../../../libs/ui/inputs/src'
 import { MatCheckboxModule } from '@angular/material/checkbox'
 import { InteractiveTableComponent } from '../../../../../libs/ui/layout/src'
 import { NgIconsModule, provideNgIconsConfig } from '@ng-icons/core'
@@ -39,6 +38,8 @@ import {
   matMapOutline,
 } from '@ng-icons/material-icons/outline'
 import { matFace } from '@ng-icons/material-icons/baseline'
+import { InlineFilterComponent } from '../../../../../libs/ui/inputs/src'
+import { ActionMenuComponent } from './results-table/action-menu/action-menu.component'
 
 @NgModule({
   declarations: [
@@ -57,16 +58,13 @@ import { matFace } from '@ng-icons/material-icons/baseline'
   ],
   imports: [
     CommonModule,
-    TranslateModule.forChild(),
+    TranslateDirective,
+    TranslatePipe,
     NgxDropzoneModule,
     FacetsModule,
     FormsModule,
     ReactiveFormsModule,
     TagInputModule,
-    UtilSharedModule,
-    UiWidgetsModule,
-    UiInputsModule,
-    UiElementsModule,
     MatCheckboxModule,
     RouterLink,
     InteractiveTableComponent,
@@ -79,6 +77,11 @@ import { matFace } from '@ng-icons/material-icons/baseline'
     }),
     KindBadgeComponent,
     MetadataQualityComponent,
+    InlineFilterComponent,
+    ThumbnailComponent,
+    MarkdownParserComponent,
+    InternalLinkCardComponent,
+    ActionMenuComponent,
   ],
   exports: [
     RecordPreviewListComponent,
@@ -93,6 +96,7 @@ import { matFace } from '@ng-icons/material-icons/baseline'
     ResultsHitsSearchKindComponent,
     RecordPreviewFeedComponent,
     RecordPreviewRowComponent,
+    ActionMenuComponent,
   ],
   providers: [
     provideNgIconsConfig({

package/src/libs/ui/widgets/src/index.ts

@@ -1,4 +1,3 @@
-export * from './lib/ui-widgets.module'
 export * from './lib/progress-bar/progress-bar.component'
 export * from './lib/popover/popover.component'
 export * from './lib/loading-mask/loading-mask.component'