fix display some numbers

Author: RafaelGB

package.json

@@ -26,7 +26,7 @@
 		"@rollup/plugin-typescript": "8.5.0",
 		"@testing-library/jest-dom": "5.16.5",
 		"@testing-library/react": "13.4.0",
-		"@types/jest": "28.1.8",
+		"@types/jest": "29.0.3",
 		"@types/luxon": "3.0.1",
 		"@types/node": "18.7.18",
 		"@types/react": "18.0.20",
@@ -35,23 +35,23 @@
 		"@types/react-datepicker": "4.4.2",
 		"@types/react-dom": "18.0.6",
 		"@types/react-window": "1.8.5",
-		"@typescript-eslint/eslint-plugin": "5.36.2",
-		"@typescript-eslint/parser": "5.36.2",
+		"@typescript-eslint/eslint-plugin": "5.37.0",
+		"@typescript-eslint/parser": "5.37.0",
 		"eslint": "8.23.1",
-		"jest": "28.1.3",
-		"jest-mock-extended": "2.0.7",
+		"jest": "29.0.3",
+		"jest-mock-extended": "3.0.1",
 		"obsidian": "0.15.9",
 		"rollup": "2.79.0",
 		"rollup-plugin-terser": "7.0.2",
 		"rollup-plugin-typescript2": "0.34.0",
-		"ts-jest": "28.0.8",
+		"ts-jest": "29.0.1",
 		"tslib": "2.4.0",
 		"typescript": "4.8.3"
 	},
 	"dependencies": {
 		"@emotion/styled": "11.10.4",
 		"@mui/icons-material": "5.10.3",
-		"@mui/material": "5.10.4",
+		"@mui/material": "5.10.5",
 		"@popperjs/core": "2.11.6",
 		"@tanstack/match-sorter-utils": "8.1.1",
 		"@tanstack/react-table": "8.5.13",

src/components/cellTypes/NumberCell.tsx

@@ -28,8 +28,7 @@ const NumberCell = (props: CellComponentProps) => {
   // onChange handler
   const handleOnChange: ChangeEventHandler<HTMLInputElement> = (event) => {
     // parse value to number
-    const value = parseFloat(event.target.value);
-    setEditableValue(value);
+    setEditableValue(event.target.value);
   };
 
   function persistChange(changedValue: number) {
@@ -51,7 +50,7 @@ const NumberCell = (props: CellComponentProps) => {
   };
 
   const handleOnBlur = () => {
-    persistChange(editableValue);
+    persistChange(parseFloat(editableValue));
     setDirtyCell(false);
   };
 
@@ -69,7 +68,9 @@ const NumberCell = (props: CellComponentProps) => {
       onClick={handleEditableOnclick}
       style={{ width: column.getSize() }}
     >
-      {(numberRow[column.id] && numberRow[column.id].toString()) || ""}
+      {(numberRow[column.id] !== undefined &&
+        numberRow[column.id].toString()) ||
+        ""}
     </span>
   );
 };