formik submits map data

editor.planx.uk/src/@planx/components/List/Public/Fields.tsx

@@ -234,10 +234,7 @@ export const ChecklistFieldInput: React.FC<Props<ChecklistField>> = (props) => {
   );
 };
 
-export const DateFieldInput: React.FC<Props<DateField>> = ({
-  id,
-  data,
-}) => {
+export const DateFieldInput: React.FC<Props<DateField>> = ({ id, data }) => {
   const { formik, activeIndex } = useListContext();
 
   return (
@@ -247,7 +244,10 @@ export const DateFieldInput: React.FC<Props<DateField>> = ({
           value={formik.values.userData[activeIndex][data.fn] as string}
           bordered
           onChange={(newDate: string, eventType: string) => {
-            formik.setFieldValue(`userData[${activeIndex}]['${data.fn}']`, paddedDate(newDate, eventType));
+            formik.setFieldValue(
+              `userData[${activeIndex}]['${data.fn}']`,
+              paddedDate(newDate, eventType),
+            );
           }}
           error={get(formik.errors, ["userData", activeIndex, data.fn])}
           id={id}
@@ -267,23 +267,22 @@ export const MapFieldInput: React.FC<Props<MapField>> = (props) => {
   const teamSettings = useStore.getState().teamSettings;
   const passport = useStore((state) => state.computePassport());
 
-  const [features, setFeatures] = useState<Feature[] | undefined>(undefined);
+  const [_features, setFeatures] = useState<Feature[] | undefined>(undefined);
 
   useEffect(() => {
     const geojsonChangeHandler = async ({ detail: geojson }: any) => {
       if (geojson["EPSG:3857"]?.features) {
         setFeatures(geojson["EPSG:3857"].features);
         await formik.setFieldValue(
           `userData[${activeIndex}]['${fn}']`,
-          features,
+          geojson["EPSG:3857"].features,
         );
-        console.log(features, formik);
       } else {
         // if the user clicks 'reset' on the map, geojson will be empty object, so set features to undefined
         setFeatures(undefined);
         await formik.setFieldValue(
           `userData[${activeIndex}]['${fn}']`,
-          features,
+          undefined,
         );
       }
     };
@@ -328,5 +327,5 @@ export const MapFieldInput: React.FC<Props<MapField>> = (props) => {
         </MapContainer>
       </ErrorWrapper>
     </InputLabel>
-  )
+  );
 };

editor.planx.uk/src/@planx/components/List/model.ts

@@ -120,14 +120,14 @@ export const parseContent = (data: Record<string, any> | undefined): List => ({
   ...parseMoreInformation(data),
 });
 
-const mapValidationSchema = ({ drawMany }: MapField["data"]) =>
+const mapValidationSchema = ({ drawType }: MapField["data"]) =>
   array()
     .required()
     .test({
       name: "atLeastOneFeature",
-      message: "Add at least one feature to the map",
+      message: `Draw at least one ${drawType?.toLocaleLowerCase()} on the map`,
       test: (features?: Array<Feature>) => {
-        return Boolean(drawMany && features && features?.length > 0);
+        return Boolean(features && features?.length > 0);
       },
     });