feat: Configure Report To Select Scores or Raw Scores (CAMHI) (M2-7738)

src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionOption/SelectionOption.tsx

@@ -105,7 +105,7 @@ export const SelectionOption = ({
     }
   };
 
-  const handleScoreChange = (event: ChangeEvent<HTMLInputElement>) => {
+  const handleScoreChange = (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
     if (event.target.value === '') return setValue(scoreName, 0);
 
     setValue(scoreName, +event.target.value);

src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionRows/Items/Items.tsx

@@ -126,7 +126,7 @@ export const Items = ({ name, isSingle }: ItemsProps) => {
           const isRemoveButtonVisible =
             hasRemoveButton && key === options?.length - 1 && index !== 0;
 
-          const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
+          const handleChange = (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
             if (event.target.value === '') return setValue(scoreName, 0);
 
             setValue(scoreName, +event.target.value);

src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SliderRows/SliderPanel/SliderPanel.tsx

@@ -123,7 +123,9 @@ export const SliderPanel = ({
     hasAlerts && setValue(`${alertsName}.${index}.value`, '');
   };
 
-  const handleMinValueChange = async (event: ChangeEvent<HTMLInputElement>) => {
+  const handleMinValueChange = async (
+    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
+  ) => {
     const value = event.target.value === '' ? '' : +event.target.value;
     await setValue(minValueName, value);
     clearErrors([minValueName, maxValueName]);
@@ -165,7 +167,7 @@ export const SliderPanel = ({
     setDefaultScoresAndAlerts();
   };
 
-  const handleMaxValueChange = (event: ChangeEvent<HTMLInputElement>) => {
+  const handleMaxValueChange = (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
     const value = event.target.value === '' ? '' : +event.target.value;
     clearErrors([minValueName, maxValueName]);
     setValue(maxValueName, value);

src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/TextResponse/TextResponse.tsx

@@ -45,7 +45,9 @@ export const TextResponse = ({ name, uiType }: TextResponseProps) => {
     }
   };
 
-  const handleResponseLengthOnChange = (event: ChangeEvent<HTMLInputElement>) => {
+  const handleResponseLengthOnChange = (
+    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
+  ) => {
     const newValue = +event.target.value;
     handleResponseLengthChange(newValue);
   };