Function SheetDataEditorTable

src/sheet/components/SheetDataEditorTable.tsx:35–243

({
  table,
  sheetDefinition,
  allData,
  sheetValidationErrors,
  onCellValueChanged,
  setSelectedRows,
  tableContainerRef,
  enumLabelDict,
}: Props)

}

export default function SheetDataEditorTable({
  table,
  sheetDefinition,
  allData,
  sheetValidationErrors,
  onCellValueChanged,
  setSelectedRows,
  tableContainerRef,
  enumLabelDict,
}: Props) {
  const { t } = useTranslations();
  const { availableActions } = useImporterDefinition();

  function cellErrors(columnId: string, rowIndex: number) {
    return sheetValidationErrors.filter(
      (validation) =>
        validation.columnId === columnId && validation.rowIndex === rowIndex
    );
  }

  const headerClass =
    'bg-hello-csv-muted py-3.5 pr-3 pl-4 text-left text-sm font-semibold text-gray-900 whitespace-nowrap border-y border-gray-300';
  const cellClass =
    'text-sm font-medium whitespace-nowrap text-gray-900 border-b border-gray-300';

  const rows = table.getRowModel().rows;

  const rowVirtualizer = useVirtualizer({
    count: rows.length,
    getScrollElement: () => tableContainerRef.current,
    estimateSize: () => ESTIMATED_ROW_HEIGHT,
    measureElement: (element) => element?.getBoundingClientRect().height,
    overscan: 20,
  });

  const visibleRows = rowVirtualizer.getVirtualItems().map((virtualRow) => ({
    row: rows[virtualRow.index],
    index: virtualRow.index,
    start: virtualRow.start,
    end: virtualRow.end,
  }));

  // https://github.com/TanStack/virtual/discussions/476
  const [paddingTop, paddingBottom] =
    visibleRows.length > 0
      ? [
          Math.max(
            0,
            visibleRows[0].start - rowVirtualizer.options.scrollMargin
          ),
          Math.max(
            0,
            rowVirtualizer.getTotalSize() -
              visibleRows[visibleRows.length - 1].end
          ),
        ]
      : [0, 0];