[AAE-7100] ESLint support for ADF Core and DemoShell projects (#7481)

* remove tsconfig.base as per eslint schematics * add schematics * upgrade demoshell to eslint * fix eslint issues for demoshell * integrate eslint for ADF core and fix some issues * turn into warn * fix code * workaround for Chrome clipboard issue * exclude e2e tests * exclude e2e
2025-07-24 17:32:15 +00:00 · 2022-02-02 18:01:47 +00:00
parent 6ef4838688
commit b8bb234410
192 changed files with 2553 additions and 483 deletions
--- a/lib/core/form/components/form-base.component.ts
+++ b/lib/core/form/components/form-base.component.ts
@@ -20,7 +20,7 @@ import { EventEmitter, Input, Output, Directive } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';

@Directive()
-// tslint:disable-next-line: directive-class-suffix
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 export abstract class FormBaseComponent {

    static SAVE_OUTCOME_ID: string = '$save';
--- a/lib/core/form/components/form-field/form-field.component.ts
+++ b/lib/core/form/components/form-field/form-field.component.ts
@@ -35,7 +35,7 @@ import { WidgetVisibilityService } from './../../services/widget-visibility.serv
 import { FormFieldModel } from './../widgets/core/form-field.model';
 import { WidgetComponent } from './../widgets/widget.component';

-declare var adf: any;
+declare const adf: any;

@Component({
    selector: 'adf-form-field',
@@ -63,7 +63,7 @@ export class FormFieldComponent implements OnInit, OnDestroy {
    @Input()
    field: FormFieldModel = null;

-    componentRef: ComponentRef<{}>;
+    componentRef: ComponentRef<any>;

    focus: boolean = false;

--- a/lib/core/form/components/widgets/amount/amount.widget.ts
+++ b/lib/core/form/components/widgets/amount/amount.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { Component, OnInit, ViewEncapsulation, InjectionToken, Inject, Optional } from '@angular/core';
 import { FormService } from './../../../services/form.service';
--- a/lib/core/form/components/widgets/checkbox/checkbox.widget.ts
+++ b/lib/core/form/components/widgets/checkbox/checkbox.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector no-input-rename */
+/* eslint-disable @angular-eslint/component-selector, @angular-eslint/no-input-rename */

 import { Component, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
--- a/lib/core/form/components/widgets/container/container.widget.model.ts
+++ b/lib/core/form/components/widgets/container/container.widget.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { ContainerColumnModel } from './../core/container-column.model';
 import { ContainerModel } from './../core/container.model';
--- a/lib/core/form/components/widgets/container/container.widget.ts
+++ b/lib/core/form/components/widgets/container/container.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { AfterViewInit, Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
--- a/lib/core/form/components/widgets/core/container-column.model.ts
+++ b/lib/core/form/components/widgets/core/container-column.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 export class ContainerColumnModel {

--- a/lib/core/form/components/widgets/core/container.model.ts
+++ b/lib/core/form/components/widgets/core/container.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { FormFieldModel } from './form-field.model';
 import { FormWidgetModel } from './form-widget.model';
--- a/lib/core/form/components/widgets/core/content-link.model.ts
+++ b/lib/core/form/components/widgets/core/content-link.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { RelatedContentRepresentation } from '@alfresco/js-api';

--- a/lib/core/form/components/widgets/core/displayable-cm-properties.model.ts
+++ b/lib/core/form/components/widgets/core/displayable-cm-properties.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 export interface DisplayableCMProperties {
    name?: string;
--- a/lib/core/form/components/widgets/core/error-message.model.ts
+++ b/lib/core/form/components/widgets/core/error-message.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 export class ErrorMessageModel {

--- a/lib/core/form/components/widgets/core/external-content-link.ts
+++ b/lib/core/form/components/widgets/core/external-content-link.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 export interface ExternalContentLink {
    contentAvailable: boolean;
--- a/lib/core/form/components/widgets/core/external-content.ts
+++ b/lib/core/form/components/widgets/core/external-content.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 export interface ExternalContent {
    folder: boolean;
--- a/lib/core/form/components/widgets/core/form-field-file-source.ts
+++ b/lib/core/form/components/widgets/core/form-field-file-source.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { FormFieldSelectedFolder } from './form-field-selected-folder';

--- a/lib/core/form/components/widgets/core/form-field-metadata.ts
+++ b/lib/core/form/components/widgets/core/form-field-metadata.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { DisplayableCMProperties } from './displayable-cm-properties.model';
 import { FormFieldFileSource } from './form-field-file-source';
@@ -31,10 +31,10 @@ export interface FormFieldMetadata {
    };
    responseVariable?: boolean;
    menuOptions?: {
-        show?: boolean,
-        download?: boolean,
-        retrieveMetadata?: boolean,
-        remove?: boolean
+        show?: boolean;
+        download?: boolean;
+        retrieveMetadata?: boolean;
+        remove?: boolean;
    };
    displayableCMProperties?: DisplayableCMProperties[];
 }
--- a/lib/core/form/components/widgets/core/form-field-option.ts
+++ b/lib/core/form/components/widgets/core/form-field-option.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 export interface FormFieldOption {
    id: string;
--- a/lib/core/form/components/widgets/core/form-field-selected-folder.ts
+++ b/lib/core/form/components/widgets/core/form-field-selected-folder.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 export interface FormFieldSelectedFolder {
    accountId: string;
--- a/lib/core/form/components/widgets/core/form-field-templates.ts
+++ b/lib/core/form/components/widgets/core/form-field-templates.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 export interface FormFieldTemplates {
     [key: string]: string;
--- a/lib/core/form/components/widgets/core/form-field-types.ts
+++ b/lib/core/form/components/widgets/core/form-field-types.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 export class FormFieldTypes {
    static CONTAINER: string = 'container';
--- a/lib/core/form/components/widgets/core/form-field-validator.ts
+++ b/lib/core/form/components/widgets/core/form-field-validator.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import moment from 'moment-es6';
 import { FormFieldTypes } from './form-field-types';
--- a/lib/core/form/components/widgets/core/form-field.model.ts
+++ b/lib/core/form/components/widgets/core/form-field.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */
 import moment from 'moment-es6';
 import { WidgetVisibilityModel } from '../../../models/widget-visibility.model';
 import { ContainerColumnModel } from './container-column.model';
--- a/lib/core/form/components/widgets/core/form-outcome-event.model.ts
+++ b/lib/core/form/components/widgets/core/form-outcome-event.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { FormOutcomeModel } from './form-outcome.model';

--- a/lib/core/form/components/widgets/core/form-outcome.model.ts
+++ b/lib/core/form/components/widgets/core/form-outcome.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { FormWidgetModel } from './form-widget.model';
 import { WidgetVisibilityModel } from './../../../models/widget-visibility.model';
--- a/lib/core/form/components/widgets/core/form-values.ts
+++ b/lib/core/form/components/widgets/core/form-values.ts
@@ -15,9 +15,9 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

-/* tslint:disable */
+/* eslint-disable */
 import { FormFieldMetadata } from './form-field-metadata';

 export interface FormValues extends FormFieldMetadata {
--- a/lib/core/form/components/widgets/core/form-widget.model.ts
+++ b/lib/core/form/components/widgets/core/form-widget.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 export abstract class FormWidgetModel {

--- a/lib/core/form/components/widgets/core/form.model.ts
+++ b/lib/core/form/components/widgets/core/form.model.ts
@@ -43,7 +43,7 @@ export interface FormRepresentationModel {
    taskName?: string;
    processDefinitionId?: string;
    customFieldTemplates?: {
-        [key: string]: string
+        [key: string]: string;
    };
    selectedOutcome?: string;
    fields?: any[];
--- a/lib/core/form/components/widgets/core/index.ts
+++ b/lib/core/form/components/widgets/core/index.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 export * from './form-field-metadata';
 export * from './form-values';
--- a/lib/core/form/components/widgets/core/tab.model.ts
+++ b/lib/core/form/components/widgets/core/tab.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { WidgetVisibilityModel } from '../../../models/widget-visibility.model';
 import { FormWidgetModel } from './form-widget.model';
--- a/lib/core/form/components/widgets/date-time/date-time.widget.ts
+++ b/lib/core/form/components/widgets/date-time/date-time.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { Component, OnInit, ViewEncapsulation, OnDestroy } from '@angular/core';
 import { DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
--- a/lib/core/form/components/widgets/date/date.widget.ts
+++ b/lib/core/form/components/widgets/date/date.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { UserPreferencesService, UserPreferenceValues } from '../../../../services/user-preferences.service';
 import { MomentDateAdapter } from '../../../../utils/moment-date-adapter';
--- a/lib/core/form/components/widgets/display-text/display-text.widget.ts
+++ b/lib/core/form/components/widgets/display-text/display-text.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { Component, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
--- a/lib/core/form/components/widgets/dropdown/dropdown.widget.ts
+++ b/lib/core/form/components/widgets/dropdown/dropdown.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { LogService } from '../../../../services/log.service';
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
--- a/lib/core/form/components/widgets/dynamic-table/cell-validator.model.ts
+++ b/lib/core/form/components/widgets/dynamic-table/cell-validator.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { DynamicTableColumn } from './dynamic-table-column.model';
 import { DynamicTableRow } from './dynamic-table-row.model';
--- a/lib/core/form/components/widgets/dynamic-table/date-cell-validator-model.ts
+++ b/lib/core/form/components/widgets/dynamic-table/date-cell-validator-model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import moment from 'moment-es6';
 import { CellValidator } from './cell-validator.model';
--- a/lib/core/form/components/widgets/dynamic-table/dynamic-row-validation-summary.model.ts
+++ b/lib/core/form/components/widgets/dynamic-table/dynamic-row-validation-summary.model.ts
@@ -17,7 +17,7 @@

 import { ErrorMessageModel } from '../core/error-message.model';

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 export class DynamicRowValidationSummary extends ErrorMessageModel {

--- a/lib/core/form/components/widgets/dynamic-table/dynamic-table-column-option.model.ts
+++ b/lib/core/form/components/widgets/dynamic-table/dynamic-table-column-option.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 // maps to: com.activiti.model.editor.form.OptionRepresentation
 export interface DynamicTableColumnOption {
--- a/lib/core/form/components/widgets/dynamic-table/dynamic-table-column.model.ts
+++ b/lib/core/form/components/widgets/dynamic-table/dynamic-table-column.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { DynamicTableColumnOption } from './dynamic-table-column-option.model';

--- a/lib/core/form/components/widgets/dynamic-table/dynamic-table-row.model.ts
+++ b/lib/core/form/components/widgets/dynamic-table/dynamic-table-row.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 export interface DynamicTableRow {
    isNew: boolean;
--- a/lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.model.ts
+++ b/lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import moment from 'moment-es6';
 import { ValidateDynamicTableRowEvent } from '../../../events/validate-dynamic-table-row.event';
--- a/lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.ts
+++ b/lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { LogService } from '../../../../services/log.service';
 import { ChangeDetectorRef, Component, ElementRef, OnInit, ViewEncapsulation } from '@angular/core';
--- a/lib/core/form/components/widgets/dynamic-table/editors/amount/amount.editor.ts
+++ b/lib/core/form/components/widgets/dynamic-table/editors/amount/amount.editor.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { Component, Input, OnInit } from '@angular/core';
 import { DynamicTableColumn } from './../../dynamic-table-column.model';
--- a/lib/core/form/components/widgets/dynamic-table/editors/boolean/boolean.editor.ts
+++ b/lib/core/form/components/widgets/dynamic-table/editors/boolean/boolean.editor.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { Component, Input } from '@angular/core';
 import { DynamicTableColumn } from './../../dynamic-table-column.model';
--- a/lib/core/form/components/widgets/dynamic-table/editors/date/date.editor.ts
+++ b/lib/core/form/components/widgets/dynamic-table/editors/date/date.editor.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { UserPreferencesService, UserPreferenceValues } from '../../../../../../services/user-preferences.service';

--- a/lib/core/form/components/widgets/dynamic-table/editors/datetime/datetime.editor.ts
+++ b/lib/core/form/components/widgets/dynamic-table/editors/datetime/datetime.editor.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { UserPreferencesService, UserPreferenceValues } from '../../../../../../services/user-preferences.service';
 import { MomentDateAdapter } from '../../../../../../utils/moment-date-adapter';
--- a/lib/core/form/components/widgets/dynamic-table/editors/dropdown/dropdown.editor.ts
+++ b/lib/core/form/components/widgets/dynamic-table/editors/dropdown/dropdown.editor.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { LogService } from '../../../../../../services/log.service';
 import { Component, Input, OnInit } from '@angular/core';
--- a/lib/core/form/components/widgets/dynamic-table/editors/row.editor.ts
+++ b/lib/core/form/components/widgets/dynamic-table/editors/row.editor.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { DynamicRowValidationSummary } from './../dynamic-row-validation-summary.model';
--- a/lib/core/form/components/widgets/dynamic-table/editors/text/text.editor.ts
+++ b/lib/core/form/components/widgets/dynamic-table/editors/text/text.editor.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { Component, Input, OnInit } from '@angular/core';
 import { DynamicTableColumn } from './../../dynamic-table-column.model';
--- a/lib/core/form/components/widgets/dynamic-table/number-cell-validator.model.ts
+++ b/lib/core/form/components/widgets/dynamic-table/number-cell-validator.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { CellValidator } from './cell-validator.model';
 import { DynamicRowValidationSummary } from './dynamic-row-validation-summary.model';
--- a/lib/core/form/components/widgets/dynamic-table/required-cell-validator.model.ts
+++ b/lib/core/form/components/widgets/dynamic-table/required-cell-validator.model.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { CellValidator } from './cell-validator.model';
 import { DynamicRowValidationSummary } from './dynamic-row-validation-summary.model';
--- a/lib/core/form/components/widgets/error/error.component.ts
+++ b/lib/core/form/components/widgets/error/error.component.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { animate, state, style, transition, trigger } from '@angular/animations';
 import { Component, Input, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';
--- a/lib/core/form/components/widgets/file-viewer/file-viewer.widget.ts
+++ b/lib/core/form/components/widgets/file-viewer/file-viewer.widget.ts
@@ -19,7 +19,7 @@ import { Component, ViewEncapsulation } from '@angular/core';
 import { FormService } from '../../../services/form.service';
 import { WidgetComponent } from './../widget.component';

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

@Component({
    selector: 'file-viewer-widget',
--- a/lib/core/form/components/widgets/functional-group/functional-group.widget.ts
+++ b/lib/core/form/components/widgets/functional-group/functional-group.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { Component, ElementRef, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormService } from '../../../services/form.service';
--- a/lib/core/form/components/widgets/hyperlink/hyperlink.widget.ts
+++ b/lib/core/form/components/widgets/hyperlink/hyperlink.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
--- a/lib/core/form/components/widgets/multiline-text/multiline-text.widget.ts
+++ b/lib/core/form/components/widgets/multiline-text/multiline-text.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { Component, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
--- a/lib/core/form/components/widgets/number/number.widget.ts
+++ b/lib/core/form/components/widgets/number/number.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector no-input-rename   */
+ /* eslint-disable @angular-eslint/component-selector, @angular-eslint/no-input-rename */

 import { Component, ViewEncapsulation, OnInit } from '@angular/core';
 import { FormService } from './../../../services/form.service';
--- a/lib/core/form/components/widgets/people/people.widget.ts
+++ b/lib/core/form/components/widgets/people/people.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { PeopleProcessService } from '../../../../services/people-process.service';
 import { UserProcessModel } from '../../../../models';
--- a/lib/core/form/components/widgets/radio-buttons/radio-buttons.widget.ts
+++ b/lib/core/form/components/widgets/radio-buttons/radio-buttons.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { LogService } from '../../../../services/log.service';
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
--- a/lib/core/form/components/widgets/tabs/tabs.widget.ts
+++ b/lib/core/form/components/widgets/tabs/tabs.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { AfterContentChecked, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
 import { FormFieldModel, TabModel } from './../core/index';
@@ -44,9 +44,7 @@ export class TabsWidgetComponent implements AfterContentChecked {
    }

    filterVisibleTabs() {
-        this.visibleTabs = this.tabs.filter((tab) => {
-            return tab.isVisible;
-        });
+        this.visibleTabs = this.tabs.filter((tab) => tab.isVisible);
    }

    tabChanged(field: FormFieldModel) {
--- a/lib/core/form/components/widgets/text/text-mask.component.ts
+++ b/lib/core/form/components/widgets/text/text-mask.component.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable: component-selector no-use-before-declare no-input-rename  */
+ /* eslint-disable @angular-eslint/component-selector, @typescript-eslint/no-use-before-define, @angular-eslint/no-input-rename */

 import {
    Directive,
@@ -46,8 +46,8 @@ export class InputMaskDirective implements OnChanges, ControlValueAccessor {

    /** Object defining mask and "reversed" status. */
    @Input('textMask') inputMask: {
-        mask: string,
-        isReversed: boolean
+        mask: string;
+        isReversed: boolean;
    };

    private translationMask = {
@@ -66,10 +66,10 @@ export class InputMaskDirective implements OnChanges, ControlValueAccessor {
    }

    _onChange = (_: any) => {
-    }
+    };

    _onTouched = () => {
-    }
+    };

    @HostListener('input', ['$event'])
    @HostListener('keyup', ['$event']) onTextInput(event: KeyboardEvent) {
@@ -158,9 +158,9 @@ export class InputMaskDirective implements OnChanges, ControlValueAccessor {
        }
        check = this.isToCheck(isReversed, maskIndex, maskLen, valueIndex, valueLength);
        while (check) {
-            const maskDigit = mask.charAt(maskIndex),
-                valDigit = value.charAt(valueIndex),
-                translation = this.translationMask[maskDigit];
+            const maskDigit = mask.charAt(maskIndex);
+                const valDigit = value.charAt(valueIndex);
+                const translation = this.translationMask[maskDigit];

            if (translation) {
                if (valDigit.match(translation.pattern)) {
--- a/lib/core/form/components/widgets/text/text.widget.ts
+++ b/lib/core/form/components/widgets/text/text.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
--- a/lib/core/form/components/widgets/typeahead/typeahead.widget.spec.ts
+++ b/lib/core/form/components/widgets/typeahead/typeahead.widget.spec.ts
@@ -47,8 +47,12 @@ describe('TypeaheadWidgetComponent', () => {
    beforeEach(() => {
        alfrescoApiService = TestBed.inject(AlfrescoApiService);
        translationService = TestBed.inject(TranslateService);
-        spyOn(translationService, 'instant').and.callFake((key) => { return key; });
-        spyOn(translationService, 'get').and.callFake((key) => { return of(key); });
+        spyOn(translationService, 'instant').and.callFake((key) => {
+            return key;
+        });
+        spyOn(translationService, 'get').and.callFake((key) => {
+            return of(key);
+        });

        formService = new FormService(null, alfrescoApiService, null);
        widget = new TypeaheadWidgetComponent(formService, null);
--- a/lib/core/form/components/widgets/typeahead/typeahead.widget.ts
+++ b/lib/core/form/components/widgets/typeahead/typeahead.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { LogService } from '../../../../services/log.service';
 import { ENTER, ESCAPE } from '@angular/cdk/keycodes';
--- a/lib/core/form/components/widgets/unknown/unknown.widget.ts
+++ b/lib/core/form/components/widgets/unknown/unknown.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

- /* tslint:disable:component-selector  */
+ /* eslint-disable @angular-eslint/component-selector */

 import { Component, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
--- a/lib/core/form/components/widgets/upload-folder/upload-folder.widget.ts
+++ b/lib/core/form/components/widgets/upload-folder/upload-folder.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { LogService } from '../../../../services/log.service';
 import { ThumbnailService } from '../../../../services/thumbnail.service';
--- a/lib/core/form/components/widgets/upload/upload.widget.ts
+++ b/lib/core/form/components/widgets/upload/upload.widget.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { LogService } from '../../../../services/log.service';
 import { ThumbnailService } from '../../../../services/thumbnail.service';
--- a/lib/core/form/components/widgets/widget.component.ts
+++ b/lib/core/form/components/widgets/widget.component.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-/* tslint:disable:component-selector  */
+/* eslint-disable @angular-eslint/component-selector */

 import { AfterViewInit, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../services/form.service';
--- a/lib/core/form/services/form-rendering.service.ts
+++ b/lib/core/form/services/form-rendering.service.ts
@@ -24,7 +24,7 @@ import * as widgets from './../components/widgets/index';
 })
 export class FormRenderingService extends DynamicComponentMapper {

-    protected defaultValue: Type<{}> = widgets.UnknownWidgetComponent;
+    protected defaultValue: Type<any> = widgets.UnknownWidgetComponent;
    protected types: { [key: string]: DynamicComponentResolveFunction } = {
        'text': DynamicComponentResolver.fromType(widgets.TextWidgetComponent),
        'string': DynamicComponentResolver.fromType(widgets.TextWidgetComponent),
--- a/lib/core/form/services/widget-visibility.service.ts
+++ b/lib/core/form/services/widget-visibility.service.ts
@@ -157,7 +157,7 @@ export class WidgetVisibilityService {

    getFormValue(form: FormModel, fieldId: string): any {
        const formField = this.getFormFieldById(form, fieldId);
-        let value = undefined;
+        let value;

        if (this.isFormFieldValid(formField)) {
            value = this.getFieldValue(form.values, fieldId);
@@ -174,7 +174,8 @@ export class WidgetVisibilityService {
    }

    getFieldValue(valueList: any, fieldId: string): any {
-        let labelFilterByName, valueFound;
+        let labelFilterByName;
+        let valueFound;
        if (fieldId && fieldId.indexOf('_LABEL') > 0) {
            labelFilterByName = fieldId.substring(0, fieldId.length - 6);
            if (valueList[labelFilterByName]) {