[ASL-4474] Allow passing data for mustache templates when rendering f…

…ield labels, hints and errors.
UKHomeOffice · Feb 19, 2024 · 8504282 · 8504282
1 parent 2794938
commit 8504282
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/fieldset/index.jsx b/src/fieldset/index.jsx
@@ -224,10 +224,12 @@ function Field({
         hint = <Markdown unwrapSingleLine={true}>{ hint }</Markdown>;
     }
 
+    const snippetProps = props.formatters?.[name]?.renderContext ?? {};
+
     return <Component
-        label={isUndefined(label) ? <Snippet>{`fields.${name}.label`}</Snippet> : label}
-        hint={isUndefined(hint) ? <Snippet optional>{`fields.${name}.hint`}</Snippet> : hint}
-        error={error && <Snippet fallback={`errors.default.${error}`}>{`errors.${name}.${error}`}</Snippet>}
+        label={isUndefined(label) ? <Snippet {...snippetProps}>{`fields.${name}.label`}</Snippet> : label}
+        hint={isUndefined(hint) ? <Snippet optional {...snippetProps}>{`fields.${name}.hint`}</Snippet> : hint}
+        error={error && <Snippet fallback={`errors.default.${error}`} {...snippetProps}>{`errors.${name}.${error}`}</Snippet>}
         value={fieldValue}
         onChange={onFieldChange}
         name={prefix ? `${prefix}-${name}` : name}