♻️ [#5104] Setting textfield defaultValue properly

The previous solution, derived from #4659, is no-longer needed.
- With the previous changes to the `WebformBuilder` (d64fd73) the correct defaultValue is used when editing a component.
- To ensure that the textfield components start with an empty string as `defaultValue`, we can just define it in the schema and point the `get defaultSchema()` to our own schema.

This also makes the textfield components more predictable. If for some reason you set the defaultValue to `null`, then this will be respected.

src/openforms/js/components/form/email.js

@@ -9,6 +9,7 @@ class EmailField extends FormioEmail {
   static schema(...extend) {
     const schema = FormioEmail.schema(
       {
+        defaultValue: '',
         validateOn: 'blur',
       },
       ...extend
@@ -31,12 +32,10 @@ class EmailField extends FormioEmail {
     super(...args);
 
     patchValidateDefaults(this);
+  }
 
-    // somewhere the default emptyValue/defaultValue does not seem to be used and it forces
-    // component.defaultValue to be null, which causes issues with multiples #4659
-    if (this.component.defaultValue === null) {
-      this.component.defaultValue = '';
-    }
+  get defaultSchema() {
+    return EmailField.schema();
   }
 }
 

src/openforms/js/components/form/iban.js

@@ -8,6 +8,7 @@ class IbanField extends TextField {
   static schema(...extend) {
     return TextField.schema(
       {
+        defaultValue: '',
         type: 'iban',
         label: 'IBAN',
         key: 'iban',
@@ -31,12 +32,6 @@ class IbanField extends TextField {
     super(...args);
 
     patchValidateDefaults(this);
-
-    // somewhere the default emptyValue/defaultValue does not seem to be used and it forces
-    // component.defaultValue to be null, which causes issues with multiples #4659
-    if (this.component.defaultValue === null) {
-      this.component.defaultValue = '';
-    }
   }
 
   get defaultSchema() {

src/openforms/js/components/form/licenseplate.js

@@ -9,6 +9,7 @@ class LicensePlate extends TextField {
   static schema(...extend) {
     const schema = TextField.schema(
       {
+        defaultValue: '',
         type: 'licenseplate',
         label: 'License plate',
         key: 'licenseplate',
@@ -39,12 +40,6 @@ class LicensePlate extends TextField {
     super(...args);
 
     patchValidateDefaults(this);
-
-    // somewhere the default emptyValue/defaultValue does not seem to be used and it forces
-    // component.defaultValue to be null, which causes issues with multiples #4659
-    if (this.component.defaultValue === null) {
-      this.component.defaultValue = '';
-    }
   }
 
   get defaultSchema() {

src/openforms/js/components/form/phoneNumber.js

@@ -9,6 +9,7 @@ class PhoneNumberField extends PhoneNumber {
   static schema(...extend) {
     const schema = PhoneNumber.schema(
       {
+        defaultValue: '',
         inputMask: null,
       },
       ...extend
@@ -30,12 +31,6 @@ class PhoneNumberField extends PhoneNumber {
     super(...args);
 
     patchValidateDefaults(this);
-
-    // somewhere the default emptyValue/defaultValue does not seem to be used and it forces
-    // component.defaultValue to be null, which causes issues with multiples #4659
-    if (this.component.defaultValue === null) {
-      this.component.defaultValue = '';
-    }
   }
 
   get defaultSchema() {

src/openforms/js/components/form/radio.js

@@ -38,6 +38,10 @@ class RadioField extends RadioFormio {
 
     return super.setSelectedClasses();
   }
+
+  get defaultSchema() {
+    return RadioField.schema();
+  }
 }
 
 export default RadioField;

src/openforms/js/components/form/textarea.js

@@ -9,7 +9,9 @@ const FormioTextarea = Formio.Components.components.textarea;
 
 class TextArea extends FormioTextarea {
   static schema(...extend) {
-    return localiseSchema(FormioTextarea.schema({validate: {maxLength: 10000}}, ...extend));
+    return localiseSchema(
+      FormioTextarea.schema({defaultValue: '', validate: {maxLength: 10000}}, ...extend)
+    );
   }
 
   static get builderInfo() {
@@ -23,12 +25,6 @@ class TextArea extends FormioTextarea {
     super(...args);
 
     patchValidateDefaults(this);
-
-    // somewhere the default emptyValue/defaultValue does not seem to be used and it forces
-    // component.defaultValue to be null, which causes issues with multiples #4659
-    if (this.component.defaultValue === null) {
-      this.component.defaultValue = '';
-    }
   }
 
   get defaultSchema() {

src/openforms/js/components/form/textfield.js

@@ -30,7 +30,7 @@ export const patchValidateDefaults = instance => {
 
 class TextField extends FormioTextField {
   static schema(...extend) {
-    return localiseSchema(FormioTextField.schema(...extend));
+    return localiseSchema(FormioTextField.schema({defaultValue: ''}, ...extend));
   }
 
   static get builderInfo() {
@@ -44,12 +44,10 @@ class TextField extends FormioTextField {
     super(...args);
 
     patchValidateDefaults(this);
+  }
 
-    // somewhere the default emptyValue/defaultValue does not seem to be used and it forces
-    // component.defaultValue to be null, which causes issues with multiples #4659
-    if (this.component.defaultValue === null) {
-      this.component.defaultValue = '';
-    }
+  get defaultSchema() {
+    return TextField.schema();
   }
 }
 

src/openforms/js/components/form/time.js

@@ -1,7 +1,6 @@
 import {Formio} from 'formiojs';
 
 import {localiseSchema} from './i18n';
-import {patchValidateDefaults} from './textfield';
 
 const Time = Formio.Components.components.time;
 
@@ -13,12 +12,6 @@ const Time = Formio.Components.components.time;
 class TimeField extends Time {
   constructor(...args) {
     super(...args);
-
-    // somewhere the default emptyValue/defaultValue does not seem to be used and it forces
-    // component.defaultValue to be null, which causes issues with multiples #4659
-    if (this.component.defaultValue === null) {
-      this.component.defaultValue = '';
-    }
   }
 
   static schema(...extend) {