Story #12960: upgrade to angular 15

ProgrammeVitam · Jun 20, 2024 · 8bf8f37 · 8bf8f37
1 parent e967631
commit 8bf8f37
Show file tree

Hide file tree

Showing 559 changed files with 8,683 additions and 6,890 deletions.
diff --git a/ui/ui-frontend/package-lock.json b/ui/ui-frontend/package-lock.json
diff --git a/ui/ui-frontend/package.json b/ui/ui-frontend/package.json
@@ -104,23 +104,23 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "14.3.0",
-    "@angular/cdk": "^14.2.7",
-    "@angular/common": "14.3.0",
-    "@angular/compiler": "14.3.0",
-    "@angular/core": "14.3.0",
-    "@angular/forms": "14.3.0",
-    "@angular/material": "^14.2.7",
-    "@angular/material-moment-adapter": "^14.2.7",
-    "@angular/platform-browser": "14.3.0",
-    "@angular/platform-browser-dynamic": "14.3.0",
-    "@angular/pwa": "^14.2.13",
-    "@angular/router": "14.3.0",
-    "@angular/service-worker": "14.3.0",
+    "@angular/animations": "15.2.10",
+    "@angular/cdk": "^15.2.9",
+    "@angular/common": "15.2.10",
+    "@angular/compiler": "15.2.10",
+    "@angular/core": "15.2.10",
+    "@angular/forms": "15.2.10",
+    "@angular/material": "^15.2.9",
+    "@angular/material-moment-adapter": "^15.2.9",
+    "@angular/platform-browser": "15.2.10",
+    "@angular/platform-browser-dynamic": "15.2.10",
+    "@angular/pwa": "^15.2.11",
+    "@angular/router": "15.2.10",
+    "@angular/service-worker": "15.2.10",
     "@ngx-translate/core": "14.0.0",
     "@ngx-translate/http-loader": "7.0.0",
-    "angular-oauth2-oidc": "14.0.1",
-    "angular-svg-icon": "14.0.0",
+    "angular-oauth2-oidc": "15.0.1",
+    "angular-svg-icon": "15.0.0",
     "bootstrap": "^4.5.0",
     "colors": "1.4.0",
     "core-js": "3.6.5",
@@ -135,9 +135,9 @@
     "lodash-es": "^4.17.15",
     "material-design-icons": "^3.0.1",
     "moment": "^2.26.0",
-    "ng2-date-picker": "^14.0.1",
-    "ng2-file-upload": "^3.0.0",
-    "ngx-color-picker": "13.0.0",
+    "ng2-date-picker": "^15.0.1",
+    "ng2-file-upload": "^4.0.0",
+    "ngx-color-picker": "^14.0.0",
     "ngx-filesize": "^3.0.3",
     "ngx-quicklink": "^0.2.7",
     "ngx-toastr": "^15.2.2",
@@ -151,12 +151,12 @@
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "^14.1.0",
-    "@angular-devkit/build-angular": "^14.2.13",
-    "@angular-devkit/core": "^14.2.13",
-    "@angular/cli": "^14.2.13",
-    "@angular/compiler-cli": "14.3.0",
-    "@angular/language-service": "14.3.0",
+    "@angular-builders/custom-webpack": "^15.0.0",
+    "@angular-devkit/build-angular": "^15.2.11",
+    "@angular-devkit/core": "^15.2.11",
+    "@angular/cli": "^15.2.11",
+    "@angular/compiler-cli": "15.2.10",
+    "@angular/language-service": "15.2.10",
     "@biesbjerg/ngx-translate-extract": "^7.0.2",
     "@types/d3": "^7.4.3",
     "@types/file-saver-es": "^2.0.3",
@@ -174,17 +174,17 @@
     "jasmine-marbles": "^0.9.2",
     "jasmine-spec-reporter": "~5.0.0",
     "json-server": "^0.16.3",
-    "karma-chrome-launcher": "^3.1.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.3",
     "karma-coverage": "^2.1.0",
     "karma-jasmine-html-reporter": "^1.7.0",
-    "karma-jasmine": "^4.0.0",
+    "karma-jasmine": "~4.0.0",
     "karma-junit-reporter": "2.0.1",
     "karma-spec-reporter": "0.0.36",
-    "karma": "^6.3.0",
     "lint-staged": "13.2.3",
     "moment-locales-webpack-plugin": "^1.2.0",
-    "ng-packagr": "^14.2.2",
+    "ng-packagr": "^15.2.2",
     "prettier": "3.2.4",
     "protractor": "^7.0.0",
     "puppeteer": "~19.6.3",

diff --git a/ui/ui-frontend/projects/archive-search/src/app/app.module.ts b/ui/ui-frontend/projects/archive-search/src/app/app.module.ts
@@ -38,7 +38,7 @@ import { DatePipe, registerLocaleData } from '@angular/common';
 import { HttpBackend, HttpClient } from '@angular/common/http';
 import { default as localeFr } from '@angular/common/locales/fr';
 import { LOCALE_ID, NgModule } from '@angular/core';
-import { MAT_RADIO_DEFAULT_OPTIONS } from '@angular/material/radio';
+import { MAT_LEGACY_RADIO_DEFAULT_OPTIONS as MAT_RADIO_DEFAULT_OPTIONS } from '@angular/material/legacy-radio';
 import { BrowserModule, Title } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ServiceWorkerModule } from '@angular/service-worker';

diff --git a/...projects/archive-search/src/app/archive/archive-preview/archive-preview.component.spec.ts b/...projects/archive-search/src/app/archive/archive-preview/archive-preview.component.spec.ts
@@ -37,8 +37,8 @@
 import { NO_ERRORS_SCHEMA, Pipe, PipeTransform } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatIconModule } from '@angular/material/icon';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';
+import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatTreeModule } from '@angular/material/tree';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

diff --git a/...tend/projects/archive-search/src/app/archive/archive-preview/archive-preview.component.ts b/...tend/projects/archive-search/src/app/archive/archive-preview/archive-preview.component.ts
@@ -36,7 +36,12 @@
  */
 
 import { AfterViewInit, Component, EventEmitter, HostListener, Input, OnChanges, Output, SimpleChanges, ViewChild } from '@angular/core';
-import { MatTab, MatTabChangeEvent, MatTabGroup, MatTabHeader } from '@angular/material/tabs';
+import {
+  MatLegacyTab as MatTab,
+  MatLegacyTabChangeEvent as MatTabChangeEvent,
+  MatLegacyTabGroup as MatTabGroup,
+  MatLegacyTabHeader as MatTabHeader,
+} from '@angular/material/legacy-tabs';
 import { ActivatedRoute } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { Unit, unitToVitamuiIcon } from 'vitamui-library';

diff --git a/...ve/archive-preview/archive-unit-description-tab/archive-unit-description-tab.component.ts b/...ve/archive-preview/archive-unit-description-tab/archive-unit-description-tab.component.ts
@@ -1,6 +1,6 @@
 import { Component, EventEmitter, Input, OnDestroy, Output, TemplateRef, ViewChild } from '@angular/core';
-import { MatDialog, MatDialogConfig } from '@angular/material/dialog';
-import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
+import { MatLegacyDialog as MatDialog, MatLegacyDialogConfig as MatDialogConfig } from '@angular/material/legacy-dialog';
+import { MatLegacySnackBar as MatSnackBar, MatLegacySnackBarConfig as MatSnackBarConfig } from '@angular/material/legacy-snack-bar';
 import { ActivatedRoute } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { Subscription } from 'rxjs';

diff --git a/...chive-preview/archive-unit-information-tab/archive-unit-information-tab.component.spec.ts b/...chive-preview/archive-unit-information-tab/archive-unit-information-tab.component.spec.ts
@@ -30,10 +30,10 @@
 import { NO_ERRORS_SCHEMA, Pipe, PipeTransform } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { MatIconModule } from '@angular/material/icon';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';
+import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatTreeModule } from '@angular/material/tree';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

diff --git a/...e-preview/archive-unit-rules-details-tab/archive-unit-rules-details-tab.component.spec.ts b/...e-preview/archive-unit-rules-details-tab/archive-unit-rules-details-tab.component.spec.ts
@@ -38,7 +38,7 @@
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
 import { TranslateModule } from '@ngx-translate/core';
 import { environment } from 'projects/archive-search/src/environments/environment';
 import { of } from 'rxjs';

diff --git a/...archive-unit-rules-informations-tab/archive-unit-rules-informations-tab.component.spec.ts b/...archive-unit-rules-informations-tab/archive-unit-rules-informations-tab.component.spec.ts
@@ -39,7 +39,7 @@ import { HttpClient } from '@angular/common/http';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { Directive, Input } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
 import { BrowserAnimationsModule, NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { MissingTranslationHandler, TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { MultiTranslateHttpLoader } from 'ngx-translate-multi-http-loader';

diff --git a/...-search/additional-actions-search/dip-request-create/dip-request-create.component.spec.ts b/...-search/additional-actions-search/dip-request-create/dip-request-create.component.spec.ts
@@ -39,8 +39,12 @@ import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
+import {
+  MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
+  MatLegacyDialog as MatDialog,
+  MatLegacyDialogRef as MatDialogRef,
+} from '@angular/material/legacy-dialog';
+import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
 import { TranslateModule } from '@ngx-translate/core';
 import { environment } from 'projects/archive-search/src/environments/environment';
 import { of } from 'rxjs';

diff --git a/...chive-search/additional-actions-search/dip-request-create/dip-request-create.component.ts b/...chive-search/additional-actions-search/dip-request-create/dip-request-create.component.ts
@@ -37,7 +37,7 @@
 
 import { Component, Inject, OnDestroy, OnInit } from '@angular/core';
 import { FormArray, FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
 import { TranslateService } from '@ngx-translate/core';
 import { Subscription } from 'rxjs';
 import * as uuid from 'uuid';

diff --git a/...ment-rules/archive-unit-rules/add-management-rules/add-management-rules.component.spec.ts b/...ment-rules/archive-unit-rules/add-management-rules/add-management-rules.component.spec.ts
@@ -30,8 +30,12 @@
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
+import {
+  MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
+  MatLegacyDialog as MatDialog,
+  MatLegacyDialogRef as MatDialogRef,
+} from '@angular/material/legacy-dialog';
+import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
 import { RouterTestingModule } from '@angular/router/testing';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { UpdateUnitManagementRuleService } from 'projects/archive-search/src/app/archive/common-services/update-unit-management-rule.service';

diff --git a/...anagement-rules/archive-unit-rules/add-management-rules/add-management-rules.component.ts b/...anagement-rules/archive-unit-rules/add-management-rules/add-management-rules.component.ts
@@ -37,7 +37,7 @@
 
 import { Component, EventEmitter, Input, OnDestroy, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { TranslateService } from '@ngx-translate/core';
 import { cloneDeep } from 'lodash-es';
 import { Subscription, merge } from 'rxjs';

diff --git a/...gement-rules/archive-unit-rules/add-update-property/add-update-property.component.spec.ts b/...gement-rules/archive-unit-rules/add-update-property/add-update-property.component.spec.ts
@@ -28,7 +28,11 @@
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
+import {
+  MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
+  MatLegacyDialog as MatDialog,
+  MatLegacyDialogRef as MatDialogRef,
+} from '@angular/material/legacy-dialog';
 import { RouterTestingModule } from '@angular/router/testing';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { ManagementRulesSharedDataService } from 'projects/archive-search/src/app/core/management-rules-shared-data.service';

diff --git a/.../management-rules/archive-unit-rules/add-update-property/add-update-property.component.ts b/.../management-rules/archive-unit-rules/add-update-property/add-update-property.component.ts
@@ -36,7 +36,7 @@
  */
 
 import { Component, Input, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { Subscription } from 'rxjs';
 import { filter } from 'rxjs/operators';
 import { ManagementRulesSharedDataService } from '../../../../../../core/management-rules-shared-data.service';

diff --git a/...l-actions-search/management-rules/archive-unit-rules/archive-unit-rules.component.spec.ts b/...l-actions-search/management-rules/archive-unit-rules/archive-unit-rules.component.spec.ts
@@ -28,8 +28,12 @@
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import {
+  MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
+  MatLegacyDialog as MatDialog,
+  MatLegacyDialogRef as MatDialogRef,
+} from '@angular/material/legacy-dialog';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 import { RouterTestingModule } from '@angular/router/testing';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { ManagementRulesSharedDataService } from 'projects/archive-search/src/app/core/management-rules-shared-data.service';

diff --git a/...rchive-unit-rules/block-category-inheritance/block-category-inheritance.component.spec.ts b/...rchive-unit-rules/block-category-inheritance/block-category-inheritance.component.spec.ts
@@ -28,7 +28,11 @@
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
+import {
+  MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
+  MatLegacyDialog as MatDialog,
+  MatLegacyDialogRef as MatDialogRef,
+} from '@angular/material/legacy-dialog';
 import { RouterTestingModule } from '@angular/router/testing';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { ManagementRulesSharedDataService } from 'projects/archive-search/src/app/core/management-rules-shared-data.service';

diff --git a/...les/archive-unit-rules/block-category-inheritance/block-category-inheritance.component.ts b/...les/archive-unit-rules/block-category-inheritance/block-category-inheritance.component.ts
@@ -26,7 +26,7 @@
  */
 
 import { Component, Input, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { ManagementRulesSharedDataService } from 'projects/archive-search/src/app/core/management-rules-shared-data.service';
 import { Subscription } from 'rxjs';
 import { filter } from 'rxjs/operators';

diff --git a/...ules/archive-unit-rules/block-rules-inheritance/block-rules-inheritance.component.spec.ts b/...ules/archive-unit-rules/block-rules-inheritance/block-rules-inheritance.component.spec.ts
@@ -30,8 +30,12 @@
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
+import {
+  MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
+  MatLegacyDialog as MatDialog,
+  MatLegacyDialogRef as MatDialogRef,
+} from '@angular/material/legacy-dialog';
+import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
 import { RouterTestingModule } from '@angular/router/testing';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { ManagementRulesValidatorService } from 'projects/archive-search/src/app/archive/validators/management-rules-validator.service';

diff --git a/...ent-rules/archive-unit-rules/block-rules-inheritance/block-rules-inheritance.component.ts b/...ent-rules/archive-unit-rules/block-rules-inheritance/block-rules-inheritance.component.ts
@@ -27,7 +27,7 @@
 
 import { Component, EventEmitter, Input, OnDestroy, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { ManagementRulesSharedDataService } from 'projects/archive-search/src/app/core/management-rules-shared-data.service';
 import { Subscription, merge } from 'rxjs';
 import { debounceTime, filter, map } from 'rxjs/operators';

diff --git a/...management-rules/archive-unit-rules/delete-unit-rules/delete-unit-rules.component.spec.ts b/...management-rules/archive-unit-rules/delete-unit-rules/delete-unit-rules.component.spec.ts
@@ -30,8 +30,12 @@
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
+import {
+  MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
+  MatLegacyDialog as MatDialog,
+  MatLegacyDialogRef as MatDialogRef,
+} from '@angular/material/legacy-dialog';
+import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
 import { RouterTestingModule } from '@angular/router/testing';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { UpdateUnitManagementRuleService } from 'projects/archive-search/src/app/archive/common-services/update-unit-management-rule.service';

diff --git a/...arch/management-rules/archive-unit-rules/delete-unit-rules/delete-unit-rules.component.ts b/...arch/management-rules/archive-unit-rules/delete-unit-rules/delete-unit-rules.component.ts
@@ -37,7 +37,7 @@
 
 import { Component, EventEmitter, Input, OnDestroy, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { TranslateService } from '@ngx-translate/core';
 import { cloneDeep } from 'lodash-es';
 import { ManagementRulesSharedDataService } from 'projects/archive-search/src/app/core/management-rules-shared-data.service';

diff --git a/...hive-unit-rules/unlock-category-inheritance/unlock-category-inheritance.component.spec.ts b/...hive-unit-rules/unlock-category-inheritance/unlock-category-inheritance.component.spec.ts
@@ -28,8 +28,12 @@
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import {
+  MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
+  MatLegacyDialog as MatDialog,
+  MatLegacyDialogRef as MatDialogRef,
+} from '@angular/material/legacy-dialog';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 import { RouterTestingModule } from '@angular/router/testing';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { ManagementRulesSharedDataService } from 'projects/archive-search/src/app/core/management-rules-shared-data.service';

diff --git a/...s/archive-unit-rules/unlock-category-inheritance/unlock-category-inheritance.component.ts b/...s/archive-unit-rules/unlock-category-inheritance/unlock-category-inheritance.component.ts
@@ -26,7 +26,7 @@
  */
 
 import { Component, Input, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { TranslateService } from '@ngx-translate/core';
 import { cloneDeep } from 'lodash-es';
 import { ManagementRulesSharedDataService } from 'projects/archive-search/src/app/core/management-rules-shared-data.service';

diff --git a/...es/archive-unit-rules/unlock-rules-inheritance/unlock-rules-inheritance.component.spec.ts b/...es/archive-unit-rules/unlock-rules-inheritance/unlock-rules-inheritance.component.spec.ts
@@ -30,8 +30,12 @@
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
+import {
+  MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
+  MatLegacyDialog as MatDialog,
+  MatLegacyDialogRef as MatDialogRef,
+} from '@angular/material/legacy-dialog';
+import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
 import { RouterTestingModule } from '@angular/router/testing';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { UpdateUnitManagementRuleService } from 'projects/archive-search/src/app/archive/common-services/update-unit-management-rule.service';

diff --git a/...t-rules/archive-unit-rules/unlock-rules-inheritance/unlock-rules-inheritance.component.ts b/...t-rules/archive-unit-rules/unlock-rules-inheritance/unlock-rules-inheritance.component.ts
@@ -27,7 +27,7 @@
 
 import { Component, EventEmitter, Input, OnDestroy, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { TranslateService } from '@ngx-translate/core';
 import { cloneDeep } from 'lodash-es';
 import { UpdateUnitManagementRuleService } from 'projects/archive-search/src/app/archive/common-services/update-unit-management-rule.service';