fix: custom formio components not rendering (#1162)

* add formio render custom component fix

* remove comment

* remove required

projects/valtimo/components/src/lib/components/form-io/form-io-dummy/dummy.component.ts

@@ -0,0 +1,13 @@
+import {Component, EventEmitter, Input, Output} from '@angular/core';
+import {FormioCustomComponent} from '../../../modules';
+
+@Component({
+  selector: 'valtimo-dummy',
+  template: '',
+})
+export class FormioDummyComponent implements FormioCustomComponent<any> {
+  @Input() public value: string;
+  @Input() public disabled = false;
+  @Input() public required = false;
+  @Output() public valueChange = new EventEmitter<any>();
+}

projects/valtimo/components/src/lib/components/form-io/form-io-dummy/dummy.formio.ts

@@ -0,0 +1,22 @@
+import {Injector} from '@angular/core';
+import {FormioCustomComponentInfo, registerCustomFormioComponent} from '../../../modules';
+import {FormioDummyComponent} from './dummy.component';
+
+const COMPONENT_OPTIONS: FormioCustomComponentInfo = {
+  type: 'dummy',
+  selector: 'valtimo-dummy',
+  title: 'Dummy',
+  group: 'none',
+  icon: 'bank',
+  schema: {
+    hidden: true,
+    label: 'Dummy component',
+    key: 'dummy',
+    hideLabel: false,
+    tableView: true,
+  },
+};
+
+export function enableCustomFormioComponents(injector: Injector) {
+  registerCustomFormioComponent(COMPONENT_OPTIONS, FormioDummyComponent, injector);
+}

projects/valtimo/components/src/lib/components/form-io/form-io.module.ts

@@ -33,6 +33,7 @@ import {ConfigService} from '@valtimo/config';
 import {FormIoIbanComponent} from './form-io-iban/iban.component';
 import {ReactiveFormsModule} from '@angular/forms';
 import {FormioValueResolverSelectorComponent} from './formio-value-resolver-selector/formio-value-resolver-selector.component';
+import {FormioDummyComponent} from './form-io-dummy/dummy.component';
 
 @NgModule({
   imports: [
@@ -53,13 +54,15 @@ import {FormioValueResolverSelectorComponent} from './formio-value-resolver-sele
     FormIoUploaderComponent,
     FormIoCurrentUserComponent,
     FormIoIbanComponent,
+    FormioDummyComponent,
   ],
   exports: [
     FormioComponent,
     FormioBuilderComponent,
     FormIoUploaderComponent,
     FormIoCurrentUserComponent,
     FormIoIbanComponent,
+    FormioDummyComponent,
   ],
   providers: [
     FormIoDomService,

projects/valtimo/components/src/public_api.ts

@@ -262,3 +262,6 @@ export * from './lib/components/value-path-selector/value-path-selector.componen
 // formio value resoler selector
 export * from './lib/components/form-io/formio-value-resolver-selector/formio-value-resolver-selector.formio';
 export * from './lib/components/form-io/formio-value-resolver-selector/formio-value-resolver-selector.component';
+// formio dummy
+export * from './lib/components/form-io/form-io-dummy/dummy.component';
+export * from './lib/components/form-io/form-io-dummy/dummy.formio';

src/app/app.module.ts

@@ -27,6 +27,7 @@ import {SecurityModule} from '@valtimo/security';
 import {
   BpmnJsDiagramModule,
   CardModule,
+  enableCustomFormioComponents,
   FormIoModule,
   MenuModule,
   registerFormioCurrentUserComponent,
@@ -283,6 +284,7 @@ export function tabsFactory() {
 })
 export class AppModule {
   constructor(injector: Injector) {
+    enableCustomFormioComponents(injector);
     registerFormioCurrentUserComponent(injector);
     registerFormioUploadComponent(injector);
     registerFormioFileSelectorComponent(injector);