Merge pull request #193 from open-formulieren/feature/4813-number-com…

…ponent-prefill Added prefill tab to number component edit
open-formulieren · Nov 12, 2024 · 2b5adeb · 2b5adeb
2 parents 8b48584 + 511f547
commit 2b5adeb
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -66,7 +66,7 @@
     "@formatjs/cli": "^6.1.1",
     "@formatjs/ts-transformer": "^3.12.0",
     "@fortawesome/fontawesome-free": "^6.4.0",
-    "@open-formulieren/types": "^0.32.0",
+    "@open-formulieren/types": "^0.33.0",
     "@storybook/addon-actions": "^8.3.5",
     "@storybook/addon-essentials": "^8.3.5",
     "@storybook/addon-interactions": "^8.3.5",

diff --git a/src/components/ComponentConfiguration.stories.tsx b/src/components/ComponentConfiguration.stories.tsx
@@ -434,6 +434,11 @@ export const NumberField: Story = {
             max: '',
           },
         },
+        prefill: {
+          attribute: '',
+          identifierRole: 'main',
+          plugin: '',
+        },
         registration: {
           attribute: '',
         },

diff --git a/src/registry/number/edit.tsx b/src/registry/number/edit.tsx
@@ -9,6 +9,7 @@ import {
   IsSensitiveData,
   Key,
   Label,
+  Prefill,
   PresentationConfig,
   Registration,
   SimpleConditional,
@@ -58,6 +59,7 @@ const EditForm: EditFormDefinition<NumberComponentSchema> = () => {
         <BuilderTabs.Advanced hasErrors={hasAnyError('conditional')} />
         <BuilderTabs.Validation hasErrors={hasAnyError('validate')} />
         <BuilderTabs.Registration hasErrors={hasAnyError('registration')} />
+        <BuilderTabs.Prefill hasErrors={hasAnyError('prefill')} />
         <BuilderTabs.Translations hasErrors={hasAnyError('openForms.translations')} />
       </TabList>
 
@@ -96,6 +98,11 @@ const EditForm: EditFormDefinition<NumberComponentSchema> = () => {
         <Registration.RegistrationAttributeSelect />
       </TabPanel>
 
+      {/* Prefill tab */}
+      <TabPanel>
+        <Prefill.PrefillConfiguration />
+      </TabPanel>
+
       {/* Translations */}
       <TabPanel>
         <Translations.ComponentTranslations<NumberComponentSchema>
@@ -148,6 +155,11 @@ EditForm.defaultValues = {
   registration: {
     attribute: '',
   },
+  prefill: {
+    plugin: '',
+    attribute: '',
+    identifierRole: 'main',
+  },
 };
 
 const DefaultValue: React.FC = () => {