refactor: range form field values interface (#440)

Author: Fran McDade

src/components/Filter/components/FilterRange/hooks/UseFilterRange/types.ts

@@ -7,10 +7,11 @@ export type FieldErrors = Partial<Record<FieldName, string>>;
 
 export type FieldName = (typeof FIELD_NAME)[keyof typeof FIELD_NAME];
 
-export type FieldValues = Record<
-  FieldName,
-  number | RANGE_OPERATOR | undefined
->;
+export interface FieldValues {
+  max: number | undefined;
+  min: number | undefined;
+  rangeOperator: RANGE_OPERATOR;
+}
 
 export type OnSubmitFn = OnFilterFn;
 

src/components/Filter/components/FilterRange/hooks/UseFilterRange/utils.ts

@@ -1,4 +1,3 @@
-import { FIELD_NAME } from "./constants";
 import { FieldValues, RANGE_OPERATOR } from "./types";
 
 /**
@@ -30,6 +29,6 @@ export function getFormValues(
   formData.forEach((value: FormDataEntryValue, key: string) => {
     Object.assign(fieldValues, { [key]: formatFormDataValue(value) });
   });
-  fieldValues[FIELD_NAME.RANGE_OPERATOR] = rangeOperator;
+  fieldValues.rangeOperator = rangeOperator;
   return fieldValues;
 }