🏷️ type row

Author: anaisberg

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

@@ -11,6 +11,7 @@ import {
 
 import { AddButtonComponent } from './AddColumnButton';
 import { useColumns, useRows } from './hooks';
+import { DatabaseRow } from './types';
 import { addRowCellRenderer, autoSizeStrategy, createNewRow } from './utils';
 
 export const DatabaseGrid = ({
@@ -61,12 +62,12 @@ export const DatabaseGrid = ({
       ([key]) => key !== 'id' && key !== 'manualSort',
     );
 
-    const rowData1: Record<string, string | number | boolean>[] = [];
+    const rowData1: DatabaseRow[] = [];
 
     const numRows = filteredEntries[0]?.[1].length;
 
     for (let i = 0; i < numRows; i++) {
-      const row: Record<string, string | boolean | number> = {};
+      const row: DatabaseRow = {};
       for (const [key, values] of filteredEntries) {
         row[key] = values[i] ?? '';
       }

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

@@ -1,15 +1,16 @@
 import { ColDef } from 'ag-grid-community';
 import { useState } from 'react';
 
+import { DatabaseRow } from './types';
+
 export const useColumns = () => {
   const [colDefs, setColDefs] = useState<ColDef[]>();
 
   return { colDefs, setColDefs };
 };
 
 export const useRows = () => {
-  const [rowData, setRowData] =
-    useState<Record<string, string | number | boolean>[]>();
+  const [rowData, setRowData] = useState<DatabaseRow[]>();
 
   return { rowData, setRowData };
 };

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

@@ -0,0 +1 @@
+export type DatabaseRow = Record<string, string | number | boolean>;

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

@@ -5,6 +5,7 @@ import {
 import { Dispatch, SetStateAction } from 'react';
 
 import { AddRowButton } from './AddRowButton';
+import { DatabaseRow } from './types';
 
 export const autoSizeStrategy: SizeColumnsToContentStrategy = {
   type: 'fitCellContents',
@@ -28,9 +29,7 @@ export const createNewRow = (
 export const addRowCellRenderer = (
   params: ICellRendererParams<Record<string, string>>,
   columns: string[] | undefined,
-  setRowData: Dispatch<
-    SetStateAction<Record<string, string | number | boolean>[] | undefined>
-  >,
+  setRowData: Dispatch<SetStateAction<DatabaseRow[] | undefined>>,
 ) => {
   if (params.data) {
     const addRowButton = {