AAE-27343 Listen to form rules changes from reactive widgets

[tomgny]

Please check if the PR fulfills these requirements

• The commit message follows our guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

What kind of change does this PR introduce? (check one with "x")

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation
• Other... Please describe:

What is the current behaviour? (You can also link to an open issue here)
https://hyland.atlassian.net/browse/AAE-27343

What is the new behaviour?

Does this PR introduce a breaking change? (check one with "x")

• Yes
• No

If this PR contains a breaking change, please describe the impact and migration path for existing applications: ...

Other information:

[BSekula]

Can we add an interface to instance? what I mean is adding something like:

interface ReactiveFormWidget {
   updateReactiveFormControl: (): void; 
   formService: Type
}

and implement it in reactive widgets

export class DateTimeWidgetComponent extends WidgetComponent implements OnInit, ReactiveFormWidget {..

So updateReactiveFormControl could be easily traced?

Also we can add some comment to this interface, explaining what it is

[tomgny]

good point, will add it

[VitoAlbano]

If you add an interface (or an abstract class like WidgetComponent) please double check with a custom form widget if it's all good

[BSekula]

Can we use custom validators in date widget? 🤔 or only required

[tomgny]

as default option we use only required from default validators. for other cases, like min/max constraints, we handle it in the handleErrors method, and its needed to be compatible with existing form structure + other non-reactive form widgets.

[VitoAlbano]

is it worth to have a method just for a single line of code?

[tomgny]

this method now is used in two places, so thats why i move it to separate method, but i can agree that maybe its not worth

[VitoAlbano]

I was expecting this to be called when something has changed into the form field so inside the fieldChanged stream

[tomgny]

hmmm why? we subscribe to the formRulesEvent when we create this component instance, why do we need to put it under another subscription (nested)? it should listen for these events for the whole lifecycle of the instance

[VitoAlbano]

You don't need to subscribe to the form rules here, you just need to put your part of the code (the if) into the fieldChanged subscription, otherwise other event relying on triggering a change on the form field will fail to update the validation

[tomgny]

if we do not subscribe for formRules changes, we wont be able to update the state of particular instance until the instance.fieldChanged will be triggered (so for example after blur, or input something event).
to make sure I understand you, this is what you mean, right?

Suggested change

	if (FormFieldTypes.isReactiveType(instance?.field?.type)) {
	if (componentType) {
	this.componentRef = this.container.createComponent(componentType);
	const instance = this.componentRef.instance;
	instance.field = this.field;
	instance.fieldChanged.subscribe((field) => {
	if (field && this.field.form) {
	this.visibilityService.refreshVisibility(field.form);
	this.triggerFormFieldChanged(field);
	if (FormFieldTypes.isReactiveType(instance?.field?.type)) {
	instance?.updateReactiveFormControl();
	this.triggerFormFieldChanged(instance.field);
	}
	}
	});

(i tested it and it doesnt work)

[VitoAlbano]

Reducing the check to only the form rules might miss some other parts where we update the form and the field changed event is triggered

[tomgny]

on each onFieldChanged call, inside the base widget.component.ts , and also on the all events, we update the value of formRulesEvent subject so it will be always triggered for all the events (and its needed for all events, because in modeling, we can set rules for all available event types, like blur, click etc). i think it should be enough, but maybe im not aware of some corner case

[wiktord2000]

Suggested change

	private updateFormControlState(): void {
	private updateFormControlValidators(): void {

WDYT?
To me state is really broad term

[tomgny]

i think state in this case better describe what this method does, because it updates also readonly/disabled state (required is also state of the field)

[sonarqubecloud]

Quality Gate failed

Failed conditions
14.7% Duplication on New Code (required ≤ 3%)

See analysis details on SonarQube Cloud