[open-formulieren/open-forms#3993] Added deriveAddress boolean to add…

…ressNL component

src/components/builder/derive-address.stories.tsx

@@ -0,0 +1,27 @@
+import {Meta, StoryObj} from '@storybook/react';
+
+import {withFormik} from '@/sb-decorators';
+
+import DeriveAddress from './derive-address';
+
+export default {
+  title: 'Formio/Builder/DeriveAddress',
+  component: DeriveAddress,
+  decorators: [withFormik],
+  parameters: {
+    controls: {hideNoControlsWarning: true},
+    docs: {
+      source: {
+        type: 'dynamic',
+        excludeDecorators: true,
+      },
+    },
+    modal: {noModal: true},
+    formik: {initialValues: {showCharCount: false}},
+  },
+} as Meta<typeof DeriveAddress>;
+
+export const Default: StoryObj<typeof DeriveAddress> = {
+  render: () => <DeriveAddress />,
+  args: {},
+};

src/components/builder/derive-address.tsx

@@ -0,0 +1,25 @@
+import {FormattedMessage, useIntl} from 'react-intl';
+
+import {Checkbox} from '../formio';
+
+const DeriveAddress = () => {
+  const intl = useIntl();
+  const tooltip = intl.formatMessage({
+    description: "Tooltip for 'DeriveAddress' builder field",
+    defaultMessage: 'Derive address.',
+  });
+  return (
+    <Checkbox
+      name="disabled"
+      label={
+        <FormattedMessage
+          description="Label for 'DeriveAddress' builder field"
+          defaultMessage="Derive address"
+        />
+      }
+      tooltip={tooltip}
+    />
+  );
+};
+
+export default DeriveAddress;

src/components/builder/index.ts

@@ -15,6 +15,7 @@ export {default as Hidden} from './hidden';
 export {default as ClearOnHide} from './clear-on-hide';
 export {default as IsSensitiveData} from './is-sensitive-data';
 export {default as ReadOnly} from './readonly';
+export {default as DeriveAddress} from './derive-address';
 export {default as ShowCharCount} from './show-char-count';
 export {default as PresentationConfig} from './presentation-config';
 export {default as ComponentSelect} from './component-select';

src/registry/addressNL/edit.tsx

@@ -4,6 +4,7 @@ import {useIntl} from 'react-intl';
 import {
   BuilderTabs,
   ClearOnHide,
+  DeriveAddress,
   Description,
   Hidden,
   IsSensitiveData,
@@ -61,6 +62,7 @@ const EditForm: EditFormDefinition<AddressNLComponentSchema> = () => {
         <Description />
         <Tooltip />
         <PresentationConfig />
+        <DeriveAddress />
         <Hidden />
         <ClearOnHide />
         <IsSensitiveData />