angular-material: Rename AutocompleteControlRenderer to EnumControlRenderer

Author: daniel-shuy

…ibrary/controls/autocomplete.renderer.ts …al/src/library/controls/enum.renderer.tspackages/angular-material/src/library/controls/autocomplete.renderer.ts renamed to packages/angular-material/src/library/controls/enum.renderer.ts packages/angular-material/src/library/controls/autocomplete.renderer.ts renamed to packages/angular-material/src/library/controls/enum.renderer.ts

@@ -53,7 +53,7 @@ import { MatInputModule } from '@angular/material/input';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 
 @Component({
-  selector: 'AutocompleteControlRenderer',
+  selector: 'EnumControlRenderer, AutocompleteControlRenderer',
   template: `
     <mat-form-field [ngStyle]="{ display: hidden ? 'none' : '' }">
       <mat-label>{{ label }}</mat-label>
@@ -106,10 +106,7 @@ import { MatAutocompleteModule } from '@angular/material/autocomplete';
     MatAutocompleteModule,
   ],
 })
-export class AutocompleteControlRenderer
-  extends JsonFormsControl
-  implements OnInit
-{
+export class EnumControlRenderer extends JsonFormsControl implements OnInit {
   @Input() options?: EnumOption[] | string[];
   valuesToTranslatedOptions?: Map<string, EnumOption>;
   filteredOptions: Observable<EnumOption[]>;
@@ -234,4 +231,9 @@ export class AutocompleteControlRenderer
   }
 }
 
+/**
+ * For {@link AutocompleteControlRenderer} class name backwards compatibility
+ */
+export { EnumControlRenderer as AutocompleteControlRenderer };
+
 export const enumControlTester: RankedTester = rankWith(2, isEnumControl);

packages/angular-material/src/library/controls/index.ts

@@ -29,4 +29,4 @@ export * from './number.renderer';
 export * from './range.renderer';
 export * from './date.renderer';
 export * from './toggle.renderer';
-export * from './autocomplete.renderer';
+export * from './enum.renderer';

packages/angular-material/src/library/index.ts

@@ -54,9 +54,9 @@ import {
   ToggleControlRendererTester,
 } from './controls/toggle.renderer';
 import {
-  AutocompleteControlRenderer,
+  EnumControlRenderer,
   enumControlTester,
-} from './controls/autocomplete.renderer';
+} from './controls/enum.renderer';
 import {
   ObjectControlRenderer,
   ObjectControlRendererTester,
@@ -106,7 +106,7 @@ export const angularMaterialRenderers: {
   { tester: RangeControlRendererTester, renderer: RangeControlRenderer },
   { tester: DateControlRendererTester, renderer: DateControlRenderer },
   { tester: ToggleControlRendererTester, renderer: ToggleControlRenderer },
-  { tester: enumControlTester, renderer: AutocompleteControlRenderer },
+  { tester: enumControlTester, renderer: EnumControlRenderer },
   { tester: ObjectControlRendererTester, renderer: ObjectControlRenderer },
   // layouts
   { tester: verticalLayoutTester, renderer: VerticalLayoutRenderer },

packages/angular-material/src/library/module.ts

@@ -45,9 +45,9 @@ import { MatTabsModule } from '@angular/material/tabs';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { JsonFormsModule } from '@jsonforms/angular';
-import { AutocompleteControlRenderer } from './controls/autocomplete.renderer';
 import { BooleanControlRenderer } from './controls/boolean.renderer';
 import { DateControlRenderer } from './controls/date.renderer';
+import { EnumControlRenderer } from './controls/enum.renderer';
 import { NumberControlRenderer } from './controls/number.renderer';
 import { RangeControlRenderer } from './controls/range.renderer';
 import { TextAreaRenderer } from './controls/textarea.renderer';
@@ -104,7 +104,7 @@ import { LayoutChildrenRenderPropsPipe } from './layouts';
     MasterListComponent,
     JsonFormsDetailComponent,
     ObjectControlRenderer,
-    AutocompleteControlRenderer,
+    EnumControlRenderer,
     TableRenderer,
     ArrayLayoutRenderer,
     LayoutChildrenRenderPropsPipe,
@@ -144,7 +144,7 @@ import { LayoutChildrenRenderPropsPipe } from './layouts';
     MasterListComponent,
     JsonFormsDetailComponent,
     ObjectControlRenderer,
-    AutocompleteControlRenderer,
+    EnumControlRenderer,
     TableRenderer,
     ArrayLayoutRenderer,
     LayoutChildrenRenderPropsPipe,

…terial/test/autocomplete-control.spec.ts …gular-material/test/enum-control.spec.tspackages/angular-material/test/autocomplete-control.spec.ts renamed to packages/angular-material/test/enum-control.spec.ts packages/angular-material/test/autocomplete-control.spec.ts renamed to packages/angular-material/test/enum-control.spec.ts

@@ -51,7 +51,7 @@ import {
   JsonFormsCore,
   EnumOption,
 } from '@jsonforms/core';
-import { AutocompleteControlRenderer } from '../src';
+import { EnumControlRenderer } from '../src';
 import { JsonFormsAngularService } from '@jsonforms/angular';
 import { ErrorObject } from 'ajv';
 import { HarnessLoader } from '@angular/cdk/testing';
@@ -81,16 +81,16 @@ const imports = [
   ReactiveFormsModule,
 ];
 const providers = [JsonFormsAngularService];
-const componentUT: any = AutocompleteControlRenderer;
+const componentUT: any = EnumControlRenderer;
 const errorTest: ErrorTestExpectation = {
   errorInstance: MatError,
   numberOfElements: 1,
   indexOfElement: 0,
 };
 
-describe('Autocomplete control Base Tests', () => {
-  let fixture: ComponentFixture<AutocompleteControlRenderer>;
-  let component: AutocompleteControlRenderer;
+describe('Enum control Base Tests', () => {
+  let fixture: ComponentFixture<EnumControlRenderer>;
+  let component: EnumControlRenderer;
   let inputElement: HTMLInputElement;
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
@@ -215,9 +215,9 @@ describe('Autocomplete control Base Tests', () => {
     expect(inputElement.id).toBe('myId');
   });
 });
-describe('AutoComplete control Input Event Tests', () => {
-  let fixture: ComponentFixture<AutocompleteControlRenderer>;
-  let component: AutocompleteControlRenderer;
+describe('Enum control Input Event Tests', () => {
+  let fixture: ComponentFixture<EnumControlRenderer>;
+  let component: EnumControlRenderer;
   let loader: HarnessLoader;
   let inputElement: HTMLInputElement;
   beforeEach(waitForAsync(() => {
@@ -339,9 +339,9 @@ describe('AutoComplete control Input Event Tests', () => {
     expect(inputElement.value).toBe('Translated B');
   }));
 });
-describe('AutoComplete control Error Tests', () => {
-  let fixture: ComponentFixture<AutocompleteControlRenderer>;
-  let component: AutocompleteControlRenderer;
+describe('Enum control Error Tests', () => {
+  let fixture: ComponentFixture<EnumControlRenderer>;
+  let component: EnumControlRenderer;
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [componentUT, ...imports],
@@ -383,9 +383,9 @@ describe('AutoComplete control Error Tests', () => {
   });
 });
 
-describe('AutoComplete control updateFilter function', () => {
-  let fixture: ComponentFixture<AutocompleteControlRenderer>;
-  let component: AutocompleteControlRenderer;
+describe('Enum control updateFilter function', () => {
+  let fixture: ComponentFixture<EnumControlRenderer>;
+  let component: EnumControlRenderer;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({