[#3607] Register address component

src/openforms/formio/components/custom.py

@@ -182,3 +182,8 @@ def mutate_config_dynamically(
                 }
                 for value, label in child_choices
             ]
+
+@register("address")
+class Default(BasePlugin):
+
+    formatter = DefaultFormatter

src/openforms/js/components/form/address.js

@@ -0,0 +1,50 @@
+import {Formio} from 'react-formio';
+
+import {localiseSchema} from './i18n';
+
+const FieldComponent = Formio.Components.components.field;
+
+/**
+ * An address component.
+ */
+class Address extends FieldComponent {
+  constructor(component, options, data) {
+    super(component, options, data);
+    this.checks = [];
+  }
+
+  static schema(...extend) {
+    const schema = FieldComponent.schema(
+      {
+        label: 'Address',
+        type: 'address',
+        input: false,
+      },
+      ...extend
+    );
+    return localiseSchema(schema);
+  }
+
+  static get builderInfo() {
+    return {
+      title: 'Address',
+      icon: 'home',
+      group: 'basic',
+      weight: 300,
+      schema: Address.schema(),
+    };
+  }
+
+  render(content) {
+    const btnContent = this.t('Address', {
+      authPlugin: this.component.authPlugin,
+    });
+    const context = {
+      content: content,
+      btnContent: btnContent,
+    };
+    return super.render(this.renderTemplate('address', context));
+  }
+}
+
+export default Address;

src/openforms/js/components/formio_builder/builder.js

@@ -59,6 +59,7 @@ const getBuilderOptions = () => {
           cosign: true,
           map: true,
           editgrid: true,
+          address: true,
         },
       },
       custom_layout: {

src/openforms/js/formio_module.js

@@ -1,3 +1,4 @@
+import Address from './components/form/address';
 import BsnField from './components/form/bsn';
 import CheckboxField from './components/form/checkbox';
 import CoSignFieldOld from './components/form/coSignOld';
@@ -64,6 +65,7 @@ const FormIOModule = {
     currency: CurrencyField,
     editgrid: EditGrid,
     datamap: Datamap,
+    address: Address,
   },
   builders: {
     webform: WebformBuilder,