Merge branch '359-fr-option-to-hide-the-top-bar-+-bottom-bar-the-new-rowfile'

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/NavBar.tsx

@@ -59,7 +59,7 @@ export function NavBar(navBarProps: NavBarProps) {
   };
 
   return (
-    <Box sx={{ flexGrow: 1 }}>
+    <>
       <AppBar
         position="static"
         style={{
@@ -143,7 +143,7 @@ export function NavBar(navBarProps: NavBarProps) {
           pointerEvents: "none",
         }}
       />
-    </Box>
+    </>
   );
 }
 export function HeaderNavBar(headerNavBarProps: NavBarProps) {

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>
   );
 };

src/components/img/MenuUpIcon.tsx

@@ -5,9 +5,7 @@ import { obtainColumnsFromRows } from "components/Columns";
 import FilterOffIcon from "components/img/FilterOffIcon";
 import FilterOnIcon from "components/img/FilterOnIcon";
 import MenuDownIcon from "components/img/MenuDownIcon";
-import MenuUpIcon from "components/img/MenuUpIcon";
 import { FiltersModal } from "components/modals/filters/FiltersModal";
-import DataviewFiltersPortal from "components/portals/DataviewFiltersPortal";
 import React from "react";
 
 export default function DataviewFilters(props: DataviewFiltersProps) {
@@ -80,7 +78,7 @@ export default function DataviewFilters(props: DataviewFiltersProps) {
           key={`Span-FilterConditions-Ref-Portal`}
         >
           <div key={`Div-FilterConditions-Ref-Portal`}>
-            <MenuUpIcon />
+            <MenuDownIcon />
           </div>
         </span>
       </Button>