🐛 create new row with undefined values

Author: anaisberg

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/DatabaseBlock/AddRowButton.tsx

@@ -12,7 +12,7 @@ export const AddRowButton = ({
   setRowData: Dispatch<SetStateAction<DatabaseRow[] | undefined>>;
 }) => {
   const addRow = () => {
-    const newRow = createNewRow('', columns);
+    const newRow = createNewRow({ columnNames: columns });
     setRowData((prev: DatabaseRow[] | undefined) => {
       if (prev === undefined) {
         return [newRow];

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/DatabaseBlock/DatabaseGrid.tsx

@@ -94,7 +94,7 @@ export const DatabaseGrid = ({
     const columnNames = (colDefs ?? [])
       .map((col) => col.field)
       .filter((col) => col !== undefined);
-    const addNewRow = createNewRow('+ new  row', columnNames);
+    const addNewRow = createNewRow({ value: '+ new  row', columnNames });
     setRowData((prev) => [...(prev ? prev : []), addNewRow]);
   }, [colDefs, gridRef, setRowData]);
 

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/DatabaseBlock/utils.ts

@@ -11,15 +11,17 @@ export const autoSizeStrategy: SizeColumnsToContentStrategy = {
   type: 'fitCellContents',
 };
 
-export const createNewRow = (
-  value: string | undefined,
-  columnNames: string[] | undefined,
-) => {
-  const defaultValue = value ?? '';
-  const addNewRow: Record<string, string> = {};
+export const createNewRow = ({
+  columnNames,
+  value = undefined,
+}: {
+  value?: string;
+  columnNames: string[] | undefined;
+}) => {
+  const addNewRow: DatabaseRow = {};
   columnNames?.forEach((name) => {
     if (name !== undefined) {
-      addNewRow[name] = defaultValue;
+      addNewRow[name] = value;
     }
   });