Extract CheckBox, DateFieldPicker and YesNo wrappers

2026-04-08 08:33:06 +01:00
parent 8350e42d02
commit dbebd03cac
5 changed files with 225 additions and 186 deletions
@@ -0,0 +1,66 @@
+import React from "react";
+import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
+import { Field } from "redux-form";
+import { RenderYesNo } from "./renderYesNo";
+
+export function YesNofield(props) {
+    const router = useRouter();
+    let { t } = useTranslation();
+
+    const { parentField, form, formProps, parentFieldShowOnValue } = props;
+
+    const yesNo = router.locale == "cy" ? ["Ydw", "Na"] : ["Yes", "No"];
+    const required = (value) => (value ? undefined : "Required");
+
+    const showIfHasParentShowValue =
+        parentField != false &&
+        !_.isEmpty(formProps[form]) &&
+        _.has(formProps[form].values, parentField) &&
+        parentFieldShowOnValue.indexOf(
+            formProps[form].values[parentField].toString()
+        ) > -1;
+
+    return (
+        <>
+            {parentField != false ? (
+                showIfHasParentShowValue && (
+                    <Field
+                        name={props.name}
+                        datafieldname={props.name}
+                        label={props.label}
+                        options={yesNo}
+                        id={props.name}
+                        className={"govuk-radios__input"}
+                        validate={[required]}
+                        errorMsg={t("newappeal:select-an-option-label")}
+                        component={RenderYesNo}
+                        inline={_.has(props, "inline") ? props.inline : "true"}
+                        requiredDocumentLabel={props.requiredDocumentLabel}
+                        requiredDocumentValue={props.requiredDocumentValue}
+                        setDocumentsList={props.setDocumentsList}
+                        documentList={props.documentList}
+                    />
+                )
+            ) : (
+                <Field
+                    name={props.name}
+                    datafieldname={props.name}
+                    label={props.label}
+                    options={yesNo}
+                    id={props.name}
+                    className={"govuk-radios__input"}
+                    validate={[required]}
+                    errorMsg={t("newappeal:select-an-option-label")}
+                    component={RenderYesNo}
+                    inline={_.has(props, "inline") ? props.inline : "true"}
+                    requiredDocumentLabel={props.requiredDocumentLabel}
+                    requiredDocumentValue={props.requiredDocumentValue}
+                    setDocumentsList={props.setDocumentsList}
+                    documentList={props.documentList}
+                />
+            )}
+        </>
+    );
+}