♻️ extract add row cal span compute

Author: anaisberg

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

@@ -1,4 +1,4 @@
-import { ColDef, ColSpanParams, ICellRendererParams } from 'ag-grid-community';
+import { ColDef, ICellRendererParams } from 'ag-grid-community';
 import { AgGridReact } from 'ag-grid-react';
 import { useEffect } from 'react';
 
@@ -12,7 +12,7 @@ import {
 import { AddButtonComponent } from './AddColumnButton';
 import { useColumns, useRows } from './hooks';
 import { DatabaseRow } from './types';
-import { addRowCellRenderer, createNewRow } from './utils';
+import { addRowCellRenderer, createNewRow, newRowColSpan } from './utils';
 
 export const DatabaseGrid = ({
   documentId,
@@ -31,16 +31,6 @@ export const DatabaseGrid = ({
   const { rowData, setRowData } = useRows();
   const { colDefs, setColDefs } = useColumns();
 
-  const newRowColSpan = (params: ColSpanParams<Record<string, string>>) => {
-    const colsValues = params.data ?? {};
-    const isNewRow = Object.values(colsValues)[0]?.includes('new');
-    if (isNewRow) {
-      return Object.keys(colsValues).length;
-    }
-
-    return 1;
-  };
-
   useEffect(() => {
     const filteredEntries = Object.entries(tableData).filter(
       ([key]) => key !== 'id' && key !== 'manualSort',

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

@@ -1,4 +1,5 @@
 import {
+  ColSpanParams,
   ICellRendererParams,
   SizeColumnsToContentStrategy,
 } from 'ag-grid-community';
@@ -45,3 +46,15 @@ export const addRowCellRenderer = (
   }
   return undefined;
 };
+
+export const newRowColSpan = (
+  params: ColSpanParams<Record<string, string>>,
+) => {
+  const colsValues = params.data ?? {};
+  const isNewRow = Object.values(colsValues)[0]?.includes('new');
+  if (isNewRow) {
+    return Object.keys(colsValues).length;
+  }
+
+  return 1;
+};