feat/cb2-13727 - Folder structure refactor (#1573)

* feat(cb2-13727): start refactor of folder structure

* feat(cb2-13727): move shared components to top level

* feat(cb2-13727): move pipes to top level and add shortened url paths

* feat(cb2-13727): add additional shortened url paths

* feat(cb2-13727): add test folders for top level components

* feat(cb2-13727): add test folders to core components

* feat(cb2-13727): unit testing

* feat(cb2-13727): fix lint

src/app/shared/components/accordion-control/accordion-control.component.spec.ts → src/app/components/accordion-control/__tests__/accordion-control.component.spec.ts

@@ -3,8 +3,8 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { provideMockStore } from '@ngrx/store/testing';
 import { initialAppState } from '@store/index';
-import { AccordionComponent } from '../accordion/accordion.component';
-import { AccordionControlComponent } from './accordion-control.component';
+import { AccordionComponent } from '../../accordion/accordion.component';
+import { AccordionControlComponent } from '../accordion-control.component';
 
 @Component({
 	selector: 'app-host',

src/app/shared/components/accordion/accordion.component.spec.ts → src/app/components/accordion/__tests__/accordion.component.spec.ts

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { MockStore, provideMockStore } from '@ngrx/store/testing';
-import { State, initialAppState } from '@store/.';
+import { State, initialAppState } from '@store/index';
 import { addSectionState, removeSectionState } from '@store/technical-records';
-import { AccordionComponent } from './accordion.component';
+import { AccordionComponent } from '../accordion.component';
 
 @Component({
 	selector: 'app-host',

src/app/shared/components/banner/banner.component.spec.ts → src/app/components/banner/__tests__/banner.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { BannerComponent } from './banner.component';
+import { BannerComponent } from '../banner.component';
 
 describe('BannerComponent', () => {
 	let component: BannerComponent;

src/app/shared/components/base-dialog/base-dialog.component.spec.ts → src/app/components/base-dialog/__tests__/base-dialog.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { BaseDialogComponent } from './base-dialog.component';
+import { BaseDialogComponent } from '../base-dialog.component';
 
 describe('BaseDialogComponent', () => {
 	let component: BaseDialogComponent;

src/app/shared/components/button-group/button-group.component.spec.ts → src/app/components/button-group/__tests__/button-group.component.spec.ts

@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ButtonGroupComponent } from './button-group.component';
+import { ButtonGroupComponent } from '../button-group.component';
 
 describe('ButtonGroupComponent', () => {
 	let component: ButtonGroupComponent;

src/app/shared/components/button/button.component.spec.ts → src/app/components/button/__tests__/button.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
-import { ButtonComponent } from './button.component';
+import { ButtonComponent } from '../button.component';
 
 describe('ButtonComponent', () => {
 	let component: ButtonComponent;

src/app/shared/components/collapsible-text/collapsible-text.component.spec.ts → src/app/components/collapsible-text/__tests__/collapsible-text.component.spec.ts

@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CollapsibleTextComponent } from './collapsible-text.component';
+import { CollapsibleTextComponent } from '../collapsible-text.component';
 
 describe('CollapsibleTextComponent', () => {
 	let component: CollapsibleTextComponent;

src/app/shared/components/icon/icon.component.spec.ts → src/app/components/icon/__tests__/icon.component.spec.ts

@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { IconComponent } from './icon.component';
+import { IconComponent } from '../icon.component';
 
 describe('IconComponent', () => {
 	let component: IconComponent;

src/app/shared/components/input-spinner/input-spinner.component.spec.ts → src/app/components/input-spinner/__tests__/input-spinner.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { InputSpinnerComponent } from './input-spinner.component';
+import { InputSpinnerComponent } from '../input-spinner.component';
 
 describe('InputSpinnerComponent', () => {
 	let component: InputSpinnerComponent;

src/app/shared/components/number-plate/number-plate.component.spec.ts → src/app/components/number-plate/__tests__/number-plate.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DefaultNullOrEmpty } from '@shared/pipes/default-null-or-empty/default-null-or-empty.pipe';
-import { NumberPlateComponent } from './number-plate.component';
+import { DefaultNullOrEmpty } from '@pipes/default-null-or-empty/default-null-or-empty.pipe';
+import { NumberPlateComponent } from '../number-plate.component';
 
 describe('NumberPlateComponent', () => {
 	let component: NumberPlateComponent;

src/app/shared/components/pagination/pagination.component.spec.ts → src/app/components/pagination/__tests__/pagination.component.spec.ts

@@ -4,7 +4,7 @@ import { By } from '@angular/platform-browser';
 import { ActivatedRoute, Router } from '@angular/router';
 import { RouterTestingModule } from '@angular/router/testing';
 import { Observable, map } from 'rxjs';
-import { PaginationComponent } from './pagination.component';
+import { PaginationComponent } from '../pagination.component';
 
 @Component({
 	selector: 'app-host',

src/app/shared/components/router-outlet/router-outlet.component.spec.ts → src/app/components/router-outlet/__tests__/router-outlet.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
-import { RouterOutletComponent } from './router-outlet.component';
+import { RouterOutletComponent } from '../router-outlet.component';
 
 describe('RouterOutletComponent', () => {
 	let component: RouterOutletComponent;

src/app/shared/components/tag/tag.component.spec.ts → src/app/components/tag/__tests__/tag.component.spec.ts

@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TagComponent } from './tag.component';
+import { TagComponent } from '../tag.component';
 
 describe('TagComponent', () => {
 	let component: TagComponent;

src/app/shared/components/test-certificate/test-certificate.component.spec.ts → src/app/components/test-certificate/__tests__/test-certificate.component.spec.ts

@@ -8,7 +8,7 @@ import { FeatureToggleService } from '@services/feature-toggle-service/feature-t
 import { RetrieveDocumentDirective } from '@shared/directives/retrieve-document/retrieve-document.directive';
 import { State, initialAppState } from '@store/index';
 import { isTestTypeOldIvaOrMsva, toEditOrNotToEdit } from '@store/test-records';
-import { TestCertificateComponent } from './test-certificate.component';
+import { TestCertificateComponent } from '../test-certificate.component';
 
 describe('TestCertificateComponent', () => {
 	let component: TestCertificateComponent;

src/app/shared/components/test-certificate/test-certificate.component.ts → src/app/components/test-certificate/test-certificate.component.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, Input, OnDestroy, OnInit, inject } from '@angular/core';
-import { TEST_TYPES_GROUP1_SPEC_TEST, TEST_TYPES_GROUP5_SPEC_TEST } from '@forms/models/testTypeId.enum';
 import { resultOfTestEnum } from '@models/test-types/test-type.model';
+import { TEST_TYPES_GROUP1_SPEC_TEST, TEST_TYPES_GROUP5_SPEC_TEST } from '@models/testTypeId.enum';
 import { Store, select } from '@ngrx/store';
 import { FeatureToggleService } from '@services/feature-toggle-service/feature-toggle-service';
 import { State } from '@store/index';

src/app/core/components/breadcrumbs/breadcrumbs.component.spec.ts → src/app/core/components/breadcrumbs/__tests__/breadcrumbs.component.spec.ts

@@ -3,10 +3,10 @@ import { RouterTestingModule } from '@angular/router/testing';
 import { RouterReducerState } from '@ngrx/router-store';
 import { MockStore, provideMockStore } from '@ngrx/store/testing';
 import { RouterService } from '@services/router/router.service';
-import { State, initialAppState } from '@store/.';
+import { State, initialAppState } from '@store/index';
 import { routerState } from '@store/router/selectors/router.selectors';
 import { firstValueFrom } from 'rxjs';
-import { BreadcrumbsComponent } from './breadcrumbs.component';
+import { BreadcrumbsComponent } from '../breadcrumbs.component';
 
 describe('BreadcrumbsComponent', () => {
 	let component: BreadcrumbsComponent;

src/app/core/components/footer/footer.component.spec.ts → src/app/core/components/footer/__tests__/footer.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { FooterComponent } from './footer.component';
+import { FooterComponent } from '../footer.component';
 
 describe('FooterComponent', () => {
 	let component: FooterComponent;

src/app/core/components/global-error/global-error.component.spec.ts → src/app/core/components/global-error/__tests__/global-error.component.spec.ts

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { provideMockStore } from '@ngrx/store/testing';
-import { initialAppState } from '@store/.';
-import { GlobalErrorComponent } from './global-error.component';
-import { GlobalErrorService } from './global-error.service';
+import { initialAppState } from '@store/index';
+import { GlobalErrorComponent } from '../global-error.component';
+import { GlobalErrorService } from '../global-error.service';
 
 @Component({
 	selector: 'app-mock-component',

src/app/core/components/global-error/global-error.service.spec.ts → src/app/core/components/global-error/__tests__/global-error.service.spec.ts

@@ -1,9 +1,9 @@
 import { TestBed } from '@angular/core/testing';
 import { MockStore, provideMockStore } from '@ngrx/store/testing';
-import { State, initialAppState } from '@store/.';
 import { addError, clearError, patchErrors, setErrors } from '@store/global-error/actions/global-error.actions';
-import { GlobalError } from './global-error.interface';
-import { GlobalErrorService } from './global-error.service';
+import { State, initialAppState } from '@store/index';
+import { GlobalError } from '../global-error.interface';
+import { GlobalErrorService } from '../global-error.service';
 
 describe('GlobalErrorService', () => {
 	let service: GlobalErrorService;

src/app/core/components/global-warning/global-warning.component.spec.ts → src/app/core/components/global-warning/__tests__/global-warning.component.spec.ts

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { provideMockStore } from '@ngrx/store/testing';
-import { initialAppState } from '@store/.';
-import { GlobalWarningComponent } from './global-warning.component';
-import { GlobalWarningService } from './global-warning.service';
+import { initialAppState } from '@store/index';
+import { GlobalWarningComponent } from '../global-warning.component';
+import { GlobalWarningService } from '../global-warning.service';
 
 @Component({
 	selector: 'app-mock-component',

src/app/core/components/global-warning/global-warning.service.spec.ts → src/app/core/components/global-warning/__tests__/global-warning.service.spec.ts

@@ -1,9 +1,9 @@
 import { TestBed } from '@angular/core/testing';
 import { MockStore, provideMockStore } from '@ngrx/store/testing';
-import { State, initialAppState } from '@store/.';
 import { clearWarning, setWarnings } from '@store/global-warning/actions/global-warning.actions';
-import { GlobalWarning } from './global-warning.interface';
-import { GlobalWarningService } from './global-warning.service';
+import { State, initialAppState } from '@store/index';
+import { GlobalWarning } from '../global-warning.interface';
+import { GlobalWarningService } from '../global-warning.service';
 
 describe('GlobalWarningService', () => {
 	let service: GlobalWarningService;

src/app/core/components/header/header.component.spec.ts → src/app/core/components/header/__tests__/header.component.spec.ts

@@ -1,7 +1,7 @@
 import { DebugElement } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { HeaderComponent } from './header.component';
+import { HeaderComponent } from '../header.component';
 
 describe('HeaderComponent', () => {
 	let component: HeaderComponent;

src/app/core/components/page-not-found/page-not-found.component.spec.ts → src/app/core/components/page-not-found/__tests__/page-not-found.component.spec.ts

@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { PageNotFoundComponent } from './page-not-found.component';
+import { PageNotFoundComponent } from '../page-not-found.component';
 
 describe('PageNotFoundComponent', () => {
 	let component: PageNotFoundComponent;

src/app/core/components/phase-banner/phase-banner.component.spec.ts → src/app/core/components/phase-banner/__tests__/phase-banner.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { PhaseBannerComponent } from './phase-banner.component';
+import { PhaseBannerComponent } from '../phase-banner.component';
 
 describe('PhaseBannerComponent', () => {
 	let component: PhaseBannerComponent;

src/app/core/components/server-error/server-error.component.spec.ts → src/app/core/components/server-error/__tests__/server-error.component.spec.ts

@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ServerErrorComponent } from './server-error.component';
+import { ServerErrorComponent } from '../server-error.component';
 
 describe('ServerErrorComponent', () => {
 	let component: ServerErrorComponent;

src/app/core/components/spinner/spinner.component.spec.ts → src/app/core/components/spinner/__tests__/spinner.component.spec.ts

@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { SpinnerComponent } from './spinner.component';
+import { SpinnerComponent } from '../spinner.component';
 
 describe('SpinnerComponent', () => {
 	let component: SpinnerComponent;

src/app/forms/directives/app-no-space.directive.spec.ts → src/app/directives/app-no-space/__tests__/app-no-space.directive.spec.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
-import { NoSpaceDirective } from './app-no-space.directive';
+import { NoSpaceDirective } from '../app-no-space.directive';
 
 @Component({
 	template: ` <form [formGroup]="form"><input id="bar" appNoSpace formControlName="foo" /></form>

src/app/forms/directives/app-number-only.directive.spec.ts → src/app/directives/app-number-only/__tests__/app-number-only.directive.spec.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { NumberOnlyDirective } from './app-number-only.directive';
+import { NumberOnlyDirective } from '../app-number-only.directive';
 
 @Component({
 	template: ' <input type="number" appNumberOnly />',

src/app/directives/app-role-required.directive.spec.ts → src/app/directives/app-role-required/__tests__/app-role-required.directive.spec.ts

@@ -4,9 +4,9 @@ import { By } from '@angular/platform-browser';
 import { Roles } from '@models/roles.enum';
 import { provideMockStore } from '@ngrx/store/testing';
 import { UserService } from '@services/user-service/user-service';
-import { initialAppState } from '@store/.';
+import { initialAppState } from '@store/index';
 import { of } from 'rxjs';
-import { RoleRequiredDirective } from './app-role-required.directive';
+import { RoleRequiredDirective } from '../app-role-required.directive';
 
 @Component({
 	template: `

src/app/forms/directives/app-to-uppercase.directive.spec.ts → src/app/directives/app-to-uppercase/__tests__/app-to-uppercase.directive.spec.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
-import { ToUppercaseDirective } from './app-to-uppercase.directive';
+import { ToUppercaseDirective } from '../app-to-uppercase.directive';
 
 @Component({
 	template: ' <form [formGroup]="form"><input appToUppercase formControlName="foo" /></form>',

src/app/forms/directives/app-trim-whitespace.directive.spec.ts → src/app/directives/app-trim-whitespace/__tests__/app-trim-whitespace.directive.spec.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
-import { TrimWhitespaceDirective } from './app-trim-whitespace.directive';
+import { TrimWhitespaceDirective } from '../app-trim-whitespace.directive';
 
 @Component({
 	template: ` <form [formGroup]="form"><input id="bar" appTrimWhitespace formControlName="foo" /></form>

src/app/directives/feature-toggle.directive.spec.ts → src/app/directives/feature-toggle/__tests__/feature-toggle.directive.spec.ts

@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { FeatureToggleService } from '@services/feature-toggle-service/feature-toggle-service';
-import { FeatureToggleDirective } from './feature-toggle.directive';
+import { FeatureToggleDirective } from '../feature-toggle.directive';
 
 @Component({
 	template: `

src/app/forms/directives/prefix.directive.spec.ts → src/app/directives/prefix/__tests__/prefix.directive.spec.ts

@@ -1,6 +1,6 @@
 import { Component, TemplateRef } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { PrefixDirective } from './prefix.directive';
+import { PrefixDirective } from '../prefix.directive';
 
 @Component({
 	template: '<ng-template appPrefix></ng-template>',

src/app/forms/directives/suffix.directive.spec.ts → src/app/directives/suffix/__tests__/suffix.directive.spec.ts

@@ -1,6 +1,6 @@
 import { Component, TemplateRef } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { SuffixDirective } from './suffix.directive';
+import { SuffixDirective } from '../suffix.directive';
 
 @Component({
 	template: '<ng-template appSuffix></ng-template>',

src/app/features/home/home.component.spec.ts

@@ -2,7 +2,7 @@ import { HttpClientModule } from '@angular/common/http';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
 import { RouterTestingModule } from '@angular/router/testing';
-import { RoleRequiredDirective } from '@directives/app-role-required.directive';
+import { RoleRequiredDirective } from '@directives/app-role-required/app-role-required.directive';
 import { provideMockActions } from '@ngrx/effects/testing';
 import { Action } from '@ngrx/store';
 import { UserService } from '@services/user-service/user-service';

src/app/features/reference-data/reference-data-add/reference-data-add.component.spec.ts → src/app/features/reference-data/reference-data-add/__tests__/reference-data-add.component.spec.ts

@@ -6,9 +6,9 @@ import { GlobalErrorService } from '@core/components/global-error/global-error.s
 import { MockStore, provideMockStore } from '@ngrx/store/testing';
 import { ReferenceDataService } from '@services/reference-data/reference-data.service';
 import { UserService } from '@services/user-service/user-service';
-import { State, initialAppState } from '@store/.';
+import { State, initialAppState } from '@store/index';
 import { of } from 'rxjs';
-import { ReferenceDataCreateComponent } from './reference-data-add.component';
+import { ReferenceDataCreateComponent } from '../reference-data-add.component';
 
 const mockRefDataService = {
 	loadReferenceData: jest.fn(),

src/app/features/reference-data/reference-data-add/reference-data-add.component.ts

@@ -3,11 +3,11 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { GlobalError } from '@core/components/global-error/global-error.interface';
 import { GlobalErrorService } from '@core/components/global-error/global-error.service';
 import { DynamicFormGroupComponent } from '@forms/components/dynamic-form-group/dynamic-form-group.component';
-import { DynamicFormService } from '@forms/services/dynamic-form.service';
-import { CustomFormGroup, FormNodeWidth } from '@forms/services/dynamic-form.types';
 import { ReferenceDataResourceType } from '@models/reference-data.model';
 import { Roles } from '@models/roles.enum';
 import { Store, select } from '@ngrx/store';
+import { DynamicFormService } from '@services/dynamic-forms/dynamic-form.service';
+import { CustomFormGroup, FormNodeWidth } from '@services/dynamic-forms/dynamic-form.types';
 import { ReferenceDataService } from '@services/reference-data/reference-data.service';
 import { ReferenceDataState, createReferenceDataItem, selectReferenceDataByResourceKey } from '@store/reference-data';
 import { Observable, catchError, filter, of, switchMap, take, throwError } from 'rxjs';