✨ [open-formulieren/open-forms#5073] Option to transform Selectboxes data

src/registry/selectboxes/edit.tsx

@@ -29,6 +29,7 @@
 
 import {EditFormDefinition} from '../types';
 import {checkIsManualOptions} from './helpers';
+import TransformData from './transform-data';
 
 /**
  * Form to configure a Formio 'selectboxes' type component.
@@ -116,6 +117,7 @@
       {/* Registration tab */}
       <TabPanel>
         <Registration.RegistrationAttributeSelect />
+        <TransformData />
       </TabPanel>
 
       {/* Translations */}
@@ -149,6 +151,7 @@
   openForms: {
     dataSrc: 'manual',
     translations: {},
+    transformData: false,
   },
   values: [{value: '', label: ''}],
   // TODO: check that the initial values are set based on component.values

src/registry/selectboxes/transform-data.tsx

@@ -0,0 +1,32 @@
+import {FormattedMessage, useIntl} from 'react-intl';
+
+import {Checkbox} from '@/components/formio';
+
+const TransformData = () => {
+  const intl = useIntl();
+  const tooltip = intl.formatMessage(
+    {
+      description: "Tooltip for selectboxes 'Transform data' builder field",
+      defaultMessage: `Transform the submitted data to a list with the selected choices, instead of an
+      object that maps choices to <code>true</code> or <code>false</code> (dependent on whether they are selected).`,
+    },
+    {
+      code: chunks => <code>{chunks}</code>,
+    }
+  ) as string; // library doesn't narrow the type when using template fns :(
+
+  return (
+    <Checkbox
+      name="openForms.transformData"
+      label={
+        <FormattedMessage
+          description="Label for selectboxes 'Transform data' builder field"
+          defaultMessage="Transform submitted data to list of values"
+        />
+      }
+      tooltip={tooltip}
+    />
+  );
+};
+
+export default TransformData;