Introduce buildValue function for RepeatableGroups

beda-software · Nov 27, 2024 · 6a35ed7 · 6a35ed7
1 parent aa704bd
commit 6a35ed7
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/BaseQuestionnaireResponseForm/widgets/Group/RepeatableGroups/index.tsx b/src/components/BaseQuestionnaireResponseForm/widgets/Group/RepeatableGroups/index.tsx
@@ -13,6 +13,11 @@ import s from './RepeatableGroups.module.scss';
 interface RepeatableGroupsProps {
     groupItem: GroupItemProps;
     renderGroup?: (props: RepeatableGroupProps) => ReactNode;
+    buildValue?: (value:any) => any;
+}
+
+function defaultBuildValue() {
+    return {};
 }
 
 export function RepeatableGroups(props: RepeatableGroupsProps) {
@@ -22,6 +27,7 @@ export function RepeatableGroups(props: RepeatableGroupsProps) {
     const fieldName = [...parentPath, linkId];
     const { value, onChange } = useFieldController(fieldName, questionItem);
     const items = value.items && value.items.length ? value.items : required ? [{}] : [];
+    const buildValue = props.buildValue ?? defaultBuildValue;
 
     return (
         <div className={s.group}>
@@ -57,7 +63,7 @@ export function RepeatableGroups(props: RepeatableGroupsProps) {
                         className={s.addButton}
                         onClick={() => {
                             const existingItems = items || [];
-                            const updatedInput = { items: [...existingItems, {}] };
+                            const updatedInput = { items: [...existingItems, buildValue(value)] };
                             onChange(updatedInput);
                         }}
                         size="small"