@datarecce/ui 0.1.41 → 0.2.1-nightly.20260402

package/recce-source/js/src/lib/dataGrid/generators/toValueDataGrid.ts

@@ -1,184 +0,0 @@
-/**
- * @file toValueDataGrid.ts
- * @description Grid generator for Value Diff summary view
- *
- * Generates columns and rows for displaying column-level match statistics
- * from a value_diff run. This shows a summary table where each row
- * represents a column's match count and percentage.
- *
- * NOTE: This is different from toValueDiffGrid which handles row-level diffs.
- * This generator is for the summary view showing column match statistics.
- *
- * This file is intentionally .ts (not .tsx) - all JSX rendering is delegated
- * to valueDiffCells.tsx via render functions.
- */
-
-import type { CellClassParams, ColDef, ColGroupDef } from "ag-grid-community";
-import {
-  createColumnNameRenderer,
-  createPrimaryKeyIndicatorRenderer,
-  renderMatchedPercentCell,
-} from "@/components/ui/dataGrid/valueDiffCells";
-import { DataFrame, RowObjectType } from "@/lib/api/types";
-import { ValueDiffParams, ValueDiffResult } from "@/lib/api/valuediff";
-import { dataFrameToRowObjects } from "@/utils/transforms";
-
-// ============================================================================
-// Types
-// ============================================================================
-
-/**
- * Options for generating the value data grid
- */
-export interface ValueDataGridOptions {
-  /** Parameters from the value_diff run */
-  params: ValueDiffParams;
-}
-
-/**
- * Result structure for the value data grid
- */
-export interface ValueDataGridResult {
-  columns: (ColDef<RowObjectType> | ColGroupDef<RowObjectType>)[];
-  rows: RowObjectType[];
-}
-
-// ============================================================================
-// Column Schema Definition
-// ============================================================================
-
-/**
- * Schema definition for the value diff summary DataFrame
- *
- * This defines the expected structure of the data from the backend.
- * Using explicit schema avoids the "basicColumns" type fix pattern.
- */
-const VALUE_DIFF_SUMMARY_SCHEMA: DataFrame["columns"] = [
-  { key: "0", name: "Column", type: "text" },
-  { key: "1", name: "Matched", type: "number" },
-  { key: "2", name: "Matched %", type: "number" },
-];
-
-// ============================================================================
-// Cell Class Functions
-// ============================================================================
-
-/**
- * Cell class function for matched columns
- * Applies "diff-cell-modified" class when match percentage is less than 100%
- */
-function getMatchedCellClass(
-  params: CellClassParams<RowObjectType>,
-): string | undefined {
-  const row = params.data;
-  if (!row) return undefined;
-  const value = row["2"] as unknown as number | undefined;
-  return value != null && value < 1 ? "diff-cell-modified" : undefined;
-}
-
-// ============================================================================
-// Column Definitions
-// ============================================================================
-
-/**
- * Column keys used in the value diff summary grid
- */
-const COLUMN_KEYS = {
-  PRIMARY_KEY_INDICATOR: "__is_pk__",
-  COLUMN_NAME: "0",
-  MATCHED_COUNT: "1",
-  MATCHED_PERCENT: "2",
-} as const;
-
-/**
- * Creates column definitions for the value diff summary grid
- *
- * @param primaryKeys - Array of primary key column names
- * @param params - ValueDiffParams from the run
- * @returns Array of column definitions
- */
-function createColumnDefinitions(
-  primaryKeys: string[],
-  params: ValueDiffParams,
-): ColDef<RowObjectType>[] {
-  return [
-    // Primary key indicator column
-    {
-      field: COLUMN_KEYS.PRIMARY_KEY_INDICATOR,
-      headerName: "",
-      width: 30,
-      maxWidth: 30,
-      cellRenderer: createPrimaryKeyIndicatorRenderer(primaryKeys),
-    },
-    // Column name column with context menu
-    {
-      field: COLUMN_KEYS.COLUMN_NAME,
-      headerName: "Column",
-      resizable: true,
-      cellRenderer: createColumnNameRenderer(params),
-      cellClass: "cell-show-context-menu",
-    },
-    // Matched count column
-    {
-      field: COLUMN_KEYS.MATCHED_COUNT,
-      headerName: "Matched",
-      resizable: true,
-      cellClass: getMatchedCellClass,
-    },
-    // Matched percentage column
-    {
-      field: COLUMN_KEYS.MATCHED_PERCENT,
-      headerName: "Matched %",
-      resizable: true,
-      cellRenderer: renderMatchedPercentCell,
-      cellClass: getMatchedCellClass,
-    },
-  ];
-}
-
-// ============================================================================
-// Main Generator Function
-// ============================================================================
-
-/**
- * Generates grid configuration for value diff summary view
- *
- * @description Creates columns and rows for displaying column-level match
- * statistics. Each row represents a column from the compared data with
- * its match count and percentage.
- *
- * @param result - The value diff result containing summary data
- * @param options - Configuration options including params
- * @returns Grid columns and rows ready for ScreenshotDataGrid
- *
- * @example
- * const { columns, rows } = toValueDataGrid(result, {
- *   params: run.params,
- * });
- */
-export function toValueDataGrid(
-  result: ValueDiffResult,
-  options: ValueDataGridOptions,
-): ValueDataGridResult {
-  const { params } = options;
-
-  // Extract primary keys as array
-  const primaryKeys = Array.isArray(params.primary_key)
-    ? params.primary_key
-    : [params.primary_key];
-
-  // Apply schema to DataFrame for proper type handling
-  // This ensures dataFrameToRowObjects has type information available
-  const dataFrameWithSchema: DataFrame = {
-    ...result.data,
-    columns: VALUE_DIFF_SUMMARY_SCHEMA,
-  };
-
-  // Build columns using render functions from valueDiffCells
-  const columns = createColumnDefinitions(primaryKeys, params);
-
-  // Convert DataFrame to row objects
-  const rows = dataFrameToRowObjects(dataFrameWithSchema);
-
-  return { columns, rows };
-}