style: fix prettier formatting on changed files

Author: lucasbordeau

packages/twenty-front/src/modules/object-record/record-table-standalone/components/StandaloneRecordTableViewLoadEffect.tsx

@@ -29,8 +29,7 @@ export const StandaloneRecordTableViewLoadEffect = ({
     viewId,
   });
 
-  const viewHasFields =
-    isDefined(view) && view.viewFields.length > 0;
+  const viewHasFields = isDefined(view) && view.viewFields.length > 0;
 
   useEffect(() => {
     if (!isDefined(view)) {

packages/twenty-front/src/modules/object-record/record-table/components/RecordTableColumnWidthEffect.tsx

@@ -26,8 +26,7 @@ export const RecordTableColumnWidthEffect = () => {
     resizedFieldMetadataIdComponentState,
   );
 
-  const { visibleRecordFields, recordTableId } =
-    useRecordTableContextOrThrow();
+  const { visibleRecordFields, recordTableId } = useRecordTableContextOrThrow();
 
   const shouldCompactRecordTableFirstColumn = useAtomComponentStateValue(
     shouldCompactRecordTableFirstColumnComponentState,
@@ -72,38 +71,44 @@ export const RecordTableColumnWidthEffect = () => {
       lastColumnWidth +
       visibleRecordFields.length;
 
-    updateRecordTableCSSVariable(recordTableId, 
+    updateRecordTableCSSVariable(
+      recordTableId,
       RECORD_TABLE_VIRTUALIZATION_BODY_PLACEHOLDER_WIDTH_CSS_VARIABLE_NAME,
       `${totalTableBodyWidth}px`,
     );
 
-    updateRecordTableCSSVariable(recordTableId, 
+    updateRecordTableCSSVariable(
+      recordTableId,
       RECORD_TABLE_COLUMN_LAST_EMPTY_COLUMN_WIDTH_VARIABLE_NAME,
       `${lastColumnWidth}px`,
     );
 
-    updateRecordTableCSSVariable(recordTableId, 
+    updateRecordTableCSSVariable(
+      recordTableId,
       RECORD_TABLE_COLUMN_WITH_GROUP_LAST_EMPTY_COLUMN_WIDTH_VARIABLE_NAME,
       `${lastColumnWidth}px`,
     );
 
     for (const [index, recordField] of visibleRecordFields.entries()) {
-      updateRecordTableCSSVariable(recordTableId, 
+      updateRecordTableCSSVariable(
+        recordTableId,
         getRecordTableColumnFieldWidthCSSVariableName(index),
         `${recordField.size}px`,
       );
     }
 
     if (shouldCompactRecordTableFirstColumn) {
-      updateRecordTableCSSVariable(recordTableId, 
+      updateRecordTableCSSVariable(
+        recordTableId,
         getRecordTableColumnFieldWidthCSSVariableName(0),
         `${RECORD_TABLE_LABEL_IDENTIFIER_COLUMN_WIDTH_ON_MOBILE}px`,
       );
     } else {
       const firstColumnWidth =
         visibleRecordFields[0]?.size ?? RECORD_TABLE_COLUMN_MIN_WIDTH;
 
-      updateRecordTableCSSVariable(recordTableId, 
+      updateRecordTableCSSVariable(
+        recordTableId,
         getRecordTableColumnFieldWidthCSSVariableName(0),
         `${firstColumnWidth}px`,
       );

packages/twenty-front/src/modules/object-record/record-table/components/RecordTableEmpty.tsx

@@ -34,8 +34,7 @@ export interface RecordTableEmptyProps {
 }
 
 export const RecordTableEmpty = ({ tableBodyRef }: RecordTableEmptyProps) => {
-  const { visibleRecordFields, recordTableId } =
-    useRecordTableContextOrThrow();
+  const { visibleRecordFields, recordTableId } = useRecordTableContextOrThrow();
 
   const isRecordTableColumnHeadersReadOnly = useAtomComponentStateValue(
     isRecordTableColumnHeadersReadOnlyComponentState,
@@ -74,7 +73,8 @@ export const RecordTableEmpty = ({ tableBodyRef }: RecordTableEmptyProps) => {
 
   const leftColumnsWidth = isRecordTableColumnHeadersReadOnly
     ? 0
-    : RECORD_TABLE_COLUMN_CHECKBOX_WIDTH + RECORD_TABLE_COLUMN_DRAG_AND_DROP_WIDTH;
+    : RECORD_TABLE_COLUMN_CHECKBOX_WIDTH +
+      RECORD_TABLE_COLUMN_DRAG_AND_DROP_WIDTH;
 
   const emptyTableContainerComputedWidth =
     visibleRecordFieldsWidth +

packages/twenty-front/src/modules/object-record/record-table/components/RecordTableScrollAndZIndexEffect.tsx

@@ -52,7 +52,8 @@ export const RecordTableScrollAndZIndexEffect = () => {
           ? 'visible'
           : 'hidden';
 
-        updateRecordTableCSSVariable(recordTableId, 
+        updateRecordTableCSSVariable(
+          recordTableId,
           RECORD_TABLE_VERTICAL_SCROLL_SHADOW_VISIBILITY_CSS_VARIABLE_NAME,
           newVisibilityOfShadows,
         );
@@ -67,7 +68,8 @@ export const RecordTableScrollAndZIndexEffect = () => {
           ? 'visible'
           : 'hidden';
 
-        updateRecordTableCSSVariable(recordTableId, 
+        updateRecordTableCSSVariable(
+          recordTableId,
           RECORD_TABLE_HORIZONTAL_SCROLL_SHADOW_VISIBILITY_CSS_VARIABLE_NAME,
           newVisibilityOfShadows,
         );

packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellBaseContainer.tsx

@@ -77,7 +77,11 @@ export const RecordTableCellBaseContainer = ({
       fontColorSecondary={theme.font.color.secondary}
       fontColorMedium={theme.border.color.medium}
       isReadOnly={isReadOnly ?? false}
-      id={getRecordTableCellId(recordTableId, cellPosition.column, cellPosition.row)}
+      id={getRecordTableCellId(
+        recordTableId,
+        cellPosition.column,
+        cellPosition.row,
+      )}
       data-record-table-col={cellPosition.column}
       data-record-table-row={cellPosition.row}
       data-click-outside-id={

packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellPortalWrapper.tsx

@@ -20,8 +20,9 @@ export const RecordTableCellPortalWrapper = ({
     position.row,
   );
 
-  const tableCellAnchorElement =
-    document.body.querySelector<HTMLAnchorElement>(`#${cellId}`);
+  const tableCellAnchorElement = document.body.querySelector<HTMLAnchorElement>(
+    `#${cellId}`,
+  );
 
   if (!isDefined(tableCellAnchorElement)) {
     return null;

packages/twenty-front/src/modules/object-record/record-table/record-table-header/hooks/useResizeTableHeader.ts

@@ -103,7 +103,8 @@ export const useResizeTableHeader = () => {
         findById(recordField.id),
       );
 
-      updateRecordTableCSSVariable(recordTableId, 
+      updateRecordTableCSSVariable(
+        recordTableId,
         getRecordTableColumnFieldWidthCSSVariableName(recordFieldIndex),
         `${newWidth}px`,
       );
@@ -117,7 +118,8 @@ export const useResizeTableHeader = () => {
 
       const newLastColumnWidth = lastColumnWidth - newResizeOffset;
 
-      updateRecordTableCSSVariable(recordTableId, 
+      updateRecordTableCSSVariable(
+        recordTableId,
         RECORD_TABLE_COLUMN_LAST_EMPTY_COLUMN_WIDTH_VARIABLE_NAME,
         `${newLastColumnWidth}px`,
       );
@@ -127,7 +129,8 @@ export const useResizeTableHeader = () => {
         lastColumnWidth + newResizeOffset,
       );
 
-      updateRecordTableCSSVariable(recordTableId, 
+      updateRecordTableCSSVariable(
+        recordTableId,
         RECORD_TABLE_COLUMN_WITH_GROUP_LAST_EMPTY_COLUMN_WIDTH_VARIABLE_NAME,
         `${newGroupSectionLastColumnWidth}px`,
       );

packages/twenty-front/src/modules/object-record/record-table/utils/updateRecordTableCSSVariable.ts

@@ -6,8 +6,6 @@ export const updateRecordTableCSSVariable = (
   newValue: string,
 ) => {
   document
-    .querySelector<HTMLDivElement>(
-      `#${getRecordTableHtmlId(recordTableId)}`,
-    )
+    .querySelector<HTMLDivElement>(`#${getRecordTableHtmlId(recordTableId)}`)
     ?.style.setProperty(cssVariableName, newValue);
 };

packages/twenty-front/src/modules/object-record/record-table/virtualization/hooks/useTriggerInitialRecordTableDataLoad.ts

@@ -126,12 +126,14 @@ export const useTriggerInitialRecordTableDataLoad = () => {
 
         resetVirtualizedRowTreadmill();
 
-        updateRecordTableCSSVariable(recordTableId, 
+        updateRecordTableCSSVariable(
+          recordTableId,
           RECORD_TABLE_VERTICAL_SCROLL_SHADOW_VISIBILITY_CSS_VARIABLE_NAME,
           'hidden',
         );
 
-        updateRecordTableCSSVariable(recordTableId, 
+        updateRecordTableCSSVariable(
+          recordTableId,
           RECORD_TABLE_HORIZONTAL_SCROLL_SHADOW_VISIBILITY_CSS_VARIABLE_NAME,
           'hidden',
         );

packages/twenty-front/src/modules/page-layout/widgets/record-table/hooks/useMapRecordFieldToViewFieldWithCurrentAggregateOperation.ts

@@ -7,31 +7,30 @@ import { useStore } from 'jotai';
 import { useCallback } from 'react';
 import { isDefined } from 'twenty-shared/utils';
 
-export const useMapRecordFieldToViewFieldWithCurrentAggregateOperation =
-  () => {
-    const store = useStore();
+export const useMapRecordFieldToViewFieldWithCurrentAggregateOperation = () => {
+  const store = useStore();
 
-    const mapRecordFieldToViewFieldWithCurrentAggregateOperation = useCallback(
-      (recordField: RecordField): Omit<ViewField, 'definition'> => {
-        const viewField = mapRecordFieldToViewField(recordField);
+  const mapRecordFieldToViewFieldWithCurrentAggregateOperation = useCallback(
+    (recordField: RecordField): Omit<ViewField, 'definition'> => {
+      const viewField = mapRecordFieldToViewField(recordField);
 
-        const extendedAggregateOperation = store.get(
-          viewFieldAggregateOperationState.atomFamily({
-            viewFieldId: recordField.id,
-          }),
-        );
+      const extendedAggregateOperation = store.get(
+        viewFieldAggregateOperationState.atomFamily({
+          viewFieldId: recordField.id,
+        }),
+      );
 
-        return {
-          ...viewField,
-          aggregateOperation: isDefined(extendedAggregateOperation)
-            ? convertExtendedAggregateOperationToAggregateOperation(
-                extendedAggregateOperation,
-              )
-            : viewField.aggregateOperation,
-        };
-      },
-      [store],
-    );
+      return {
+        ...viewField,
+        aggregateOperation: isDefined(extendedAggregateOperation)
+          ? convertExtendedAggregateOperationToAggregateOperation(
+              extendedAggregateOperation,
+            )
+          : viewField.aggregateOperation,
+      };
+    },
+    [store],
+  );
 
-    return { mapRecordFieldToViewFieldWithCurrentAggregateOperation };
-  };
+  return { mapRecordFieldToViewFieldWithCurrentAggregateOperation };
+};