config-editor-ui: updated dependencies (#676)

* updated dependencies

* updated dependencies

* fix issue with ngx formly upgrade

* update lock

* fix typescript version

Co-authored-by: Yassin Raman <yassinr@grworkspaces.internal>
Co-authored-by: Celie Valentiny <celiev@grworkspaces.internal>

config-editor/config-editor-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rule-editor.ui",
-  "version": "2.5.2-dev",
+  "version": "2.5.3-dev",
   "license": "MIT",
   "scripts": {
     "ng": "ng",
@@ -34,8 +34,8 @@
     "@angular/platform-browser": "^13.3.1",
     "@angular/platform-browser-dynamic": "^13.3.1",
     "@angular/router": "^13.3.1",
-    "@ngx-formly/core": "^6.0.0-next.9",
+    "@ngx-formly/core": "^6.0.0-beta.3",
-    "@ngx-formly/material": "^6.0.0-next.9",
+    "@ngx-formly/material": "^6.0.0-beta.3",
     "@types/json-schema": "^7.0.10",
     "jasmine-marbles": "^0.9.2",
     "js-yaml": "^4.1.0",
@@ -90,7 +90,7 @@
     "protractor": "^7.0.0",
     "rimraf": "^3.0.2",
     "ts-node": "^10.6.0",
-    "typescript": "^4.6.4",
+    "typescript": "~4.6.4",
     "webpack": "^5.69.1"
   }
 }

config-editor/config-editor-ui/src/app/ngx-formly/admin-tabs.type.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { FieldType } from '@ngx-formly/core';
+import { FieldType, FieldTypeConfig } from '@ngx-formly/core';
 
 @Component({
   // tslint:disable-next-line:component-selector
@@ -37,7 +37,7 @@ import { FieldType } from '@ngx-formly/core';
     `,
   ],
 })
-export class AdminTabTypeComponent extends FieldType implements OnInit {
+export class AdminTabTypeComponent extends FieldType<FieldTypeConfig> implements OnInit {
   selectedTab = 0;
   tabTypes = ['array', 'object', 'rawobject'];
 

config-editor/config-editor-ui/src/app/ngx-formly/expansion-panel-toggle-object.type.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { FieldType, FormlyFieldConfig } from '@ngx-formly/core';
+import { FieldType, FormlyFieldConfig, FieldTypeConfig } from '@ngx-formly/core';
 
 @Component({
   // tslint:disable-next-line:component-selector
@@ -47,7 +47,7 @@ import { FieldType, FormlyFieldConfig } from '@ngx-formly/core';
     `,
   ],
 })
-export class ExpansionPanelToggleObjectTypeComponent extends FieldType implements OnInit {
+export class ExpansionPanelToggleObjectTypeComponent extends FieldType<FieldTypeConfig> implements OnInit {
     defaultOptions = {
       defaultValue: {},
     };

config-editor/config-editor-ui/src/app/ngx-formly/input.type.component.ts

@@ -1,5 +1,6 @@
 import { Component, ViewChild } from '@angular/core';
 import { MatInput } from '@angular/material/input';
+import { FieldTypeConfig } from '@ngx-formly/core';
 import { FieldType } from '@ngx-formly/material/form-field';
 
 @Component({
@@ -34,7 +35,7 @@ import { FieldType } from '@ngx-formly/material/form-field';
     `,
   ],
 })
-export class InputTypeComponent extends FieldType {
+export class InputTypeComponent extends FieldType<FieldTypeConfig> {
   @ViewChild(MatInput, { static: true }) formFieldControl!: MatInput;
 
   get type() {

config-editor/config-editor-ui/src/app/ngx-formly/json-object.type.component.ts

@@ -4,6 +4,7 @@ import { FieldType } from '@ngx-formly/material/form-field';
 import { Subject } from 'rxjs';
 import { debounceTime, take, takeUntil } from 'rxjs/operators';
 import { cloneDeep } from 'lodash';
+import { FieldTypeConfig } from '@ngx-formly/core';
 
 @Component({
   // tslint:disable-next-line:component-selector
@@ -60,7 +61,7 @@ import { cloneDeep } from 'lodash';
     `,
   ],
 })
-export class JsonObjectTypeComponent extends FieldType implements OnInit, OnDestroy {
+export class JsonObjectTypeComponent extends FieldType<FieldTypeConfig> implements OnInit, OnDestroy {
   @ViewChild('autosize', { static: false }) autosize: CdkTextareaAutosize;
   defaultOptions = {
     defaultValue: {},

config-editor/config-editor-ui/src/app/ngx-formly/null.type.ts

@@ -1,8 +1,8 @@
 import { Component } from '@angular/core';
-import { FieldType } from '@ngx-formly/core';
+import { FieldType, FieldTypeConfig } from '@ngx-formly/core';
 
 @Component({
   selector: 'formly-null-type',
   template: '',
 })
-export class NullTypeComponent extends FieldType {}
+export class NullTypeComponent extends FieldType<FieldTypeConfig> {}

config-editor/config-editor-ui/src/app/ngx-formly/object.type.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { FieldType } from '@ngx-formly/core';
+import { FieldType, FieldTypeConfig } from '@ngx-formly/core';
 
 @Component({
   // tslint:disable-next-line:component-selector
@@ -18,7 +18,7 @@ import { FieldType } from '@ngx-formly/core';
     `,
   ],
 })
-export class ObjectTypeComponent extends FieldType {
+export class ObjectTypeComponent extends FieldType<FieldTypeConfig> {
   defaultOptions = {
     defaultValue: {},
   };

config-editor/config-editor-ui/src/app/ngx-formly/tabset.type.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { FieldType } from '@ngx-formly/core';
+import { FieldType, FieldTypeConfig } from '@ngx-formly/core';
 
 @Component({
   // tslint:disable-next-line:component-selector
@@ -24,7 +24,7 @@ import { FieldType } from '@ngx-formly/core';
     `,
   ],
 })
-export class TabsetTypeComponent extends FieldType implements OnInit {
+export class TabsetTypeComponent extends FieldType<FieldTypeConfig> implements OnInit {
   defaultOptions = {
     defaultValue: {},
   };

config-editor/config-editor-ui/src/app/ngx-formly/textarea.type.component.ts

@@ -2,6 +2,7 @@ import { Component, ViewChild, NgZone, AfterViewInit } from '@angular/core';
 import { FieldType } from '@ngx-formly/material/form-field';
 import { CdkTextareaAutosize } from '@angular/cdk/text-field';
 import { take } from 'rxjs/operators';
+import { FieldTypeConfig } from '@ngx-formly/core';
 
 @Component({
   // tslint:disable-next-line:component-selector
@@ -57,7 +58,7 @@ import { take } from 'rxjs/operators';
     `,
   ],
 })
-export class TextAreaTypeComponent extends FieldType implements AfterViewInit {
+export class TextAreaTypeComponent extends FieldType<FieldTypeConfig>  implements AfterViewInit {
   @ViewChild('autosize') autosize: CdkTextareaAutosize;
 
   constructor(private ngZone: NgZone) {

config-editor/config-editor-ui/src/app/ngx-formly/union.type.component.ts

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import { FieldType } from '@ngx-formly/core';
+import { FieldTypeConfig } from '@ngx-formly/core';
 
 @Component({
   selector: 'formly-union-type',
@@ -16,4 +17,4 @@ import { FieldType } from '@ngx-formly/core';
     </div>
   `,
 })
-export class UnionTypeComponent extends FieldType {}
+export class UnionTypeComponent extends FieldType<FieldTypeConfig> {}