🐛 fix(parameterComponent): convert parameter values to numbers before assigning them to improve data consistency

🔧 chore(reactflowUtils): add utility function to convert values to numbers in an array of objects

src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx

@@ -28,6 +28,7 @@ import { ParameterComponentType } from "../../../../types/components";
 import { TabsState } from "../../../../types/tabs";
 import {
   convertObjToArray,
+  convertValuesToNumbers,
   hasDuplicateKeys,
   isValidConnection,
 } from "../../../../utils/reactflowUtils";
@@ -399,9 +400,10 @@ export default function ParameterComponent({
               }
               duplicateKey={errorDuplicateKey}
               onChange={(newValue) => {
-                data.node!.template[name].value = newValue;
-                setErrorDuplicateKey(hasDuplicateKeys(newValue));
-                handleOnNewValue(newValue);
+                const valueToNumbers = convertValuesToNumbers(newValue);
+                data.node!.template[name].value = valueToNumbers;
+                setErrorDuplicateKey(hasDuplicateKeys(valueToNumbers));
+                handleOnNewValue(valueToNumbers);
               }}
             />
           </div>

src/frontend/src/utils/reactflowUtils.ts

@@ -317,4 +317,21 @@ export function hasDuplicateKeys(array) {
     }
   }
   return false;
-}
+}
+
+export function convertValuesToNumbers(arr) {
+  return arr.map((obj) => {
+    const newObj = {};
+    for (const key in obj) {
+      if (obj.hasOwnProperty(key)) {
+        let value = obj[key];
+        if (/\s/g.test(value)) {
+          value = value.trim();
+        }
+        newObj[key] = value === "" || isNaN(value) ? value.toString() : Number(value);
+      }
+    }
+    return newObj;
+  });
+}
+