@datarecce/ui 0.1.41 → 0.2.0

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

@@ -1,221 +0,0 @@
-/**
- * @file toSchemaDataGrid.ts
- * @description Grid generator for schema diff and single-environment schema views
- *
- * This file is intentionally .ts (not .tsx) - all JSX rendering is delegated
- * to schemaCells.tsx via render functions.
- */
-
-import "@/components/schema/style.css";
-import type { CellClassParams, ColDef, ColGroupDef } from "ag-grid-community";
-import {
-  createColumnNameRenderer,
-  createSingleEnvColumnNameRenderer,
-  renderIndexCell,
-  renderTypeCell,
-} from "@/components/ui/dataGrid/schemaCells";
-import { NodeColumnData, NodeData } from "@/lib/api/info";
-import { RowObjectType } from "@/lib/api/types";
-import { mergeKeysWithStatus } from "@/lib/mergeKeys";
-
-// ============================================================================
-// Types
-// ============================================================================
-
-export interface SchemaDiffRow extends RowObjectType {
-  name: string;
-  reordered?: boolean;
-  currentIndex?: number;
-  baseIndex?: number;
-  currentType?: string;
-  baseType?: string;
-}
-
-export interface SchemaRow extends RowObjectType {
-  name: string;
-  index: number;
-  type?: string;
-}
-
-type SchemaDiff = Record<string, SchemaDiffRow>;
-
-export interface SchemaDataGridOptions {
-  /** Node data for context menu actions */
-  node?: NodeData;
-  /** Map of column names to CLL loading state */
-  cllRunningMap?: Map<string, boolean>;
-  /** Whether to show the column action menu (default: true) */
-  showMenu?: boolean;
-}
-
-export interface SchemaDataGridResult {
-  columns: (ColDef<SchemaDiffRow> | ColGroupDef<SchemaDiffRow>)[];
-  rows: SchemaDiffRow[];
-}
-
-export interface SingleEnvSchemaDataGridResult {
-  columns: (ColDef<SchemaRow> | ColGroupDef<SchemaRow>)[];
-  rows: SchemaRow[];
-}
-
-// ============================================================================
-// Data Transformation
-// ============================================================================
-
-/**
- * Merges base and current column schemas into a diff structure
- */
-export function mergeColumns(
-  baseColumns: NodeData["columns"] = {},
-  currentColumns: NodeData["columns"] = {},
-): SchemaDiff {
-  const result: SchemaDiff = {};
-  const mergedStatus = mergeKeysWithStatus(
-    Object.keys(baseColumns),
-    Object.keys(currentColumns),
-  );
-
-  Object.entries(mergedStatus).forEach(([name, status]) => {
-    result[name] = {
-      name,
-      reordered: status === "reordered",
-      __status: undefined,
-    };
-  });
-
-  let filteredIndex = 0;
-  Object.entries(baseColumns).forEach(([name, column]) => {
-    if (column != null) {
-      result[name].baseIndex = filteredIndex += 1;
-      result[name].baseType = column.type;
-    }
-  });
-
-  filteredIndex = 0;
-  Object.entries(currentColumns).forEach(([name, column]) => {
-    if (column != null) {
-      result[name].currentIndex = filteredIndex += 1;
-      result[name].currentType = column.type;
-    }
-  });
-
-  return result;
-}
-
-// ============================================================================
-// Cell Class Functions
-// ============================================================================
-
-function getColumnIndexCellClass(
-  params: CellClassParams<SchemaDiffRow>,
-): string {
-  const row = params.data;
-  if (
-    row?.baseIndex !== undefined &&
-    row?.currentIndex !== undefined &&
-    row?.reordered === true
-  ) {
-    return "column-index-reordered schema-column schema-column-index";
-  }
-  return "schema-column schema-column-index";
-}
-
-function getColumnNameCellClass(): string {
-  return "schema-column";
-}
-
-// ============================================================================
-// Main Generator Functions
-// ============================================================================
-
-/**
- * Generates grid configuration for schema diff view
- * Uses merged columns: Index (merged base/current), Name, Type (merged with badges)
- */
-export function toSchemaDataGrid(
-  schemaDiff: SchemaDiff,
-  options: SchemaDataGridOptions = {},
-): SchemaDataGridResult {
-  const { node, cllRunningMap, showMenu } = options;
-
-  const columns: ColDef<SchemaDiffRow>[] = [
-    {
-      field: "index",
-      headerName: "",
-      resizable: true,
-      minWidth: 35,
-      width: 35,
-      cellRenderer: renderIndexCell,
-      cellClass: getColumnIndexCellClass,
-    },
-    {
-      field: "name",
-      headerName: "Name",
-      resizable: true,
-      cellRenderer: node
-        ? createColumnNameRenderer(node, cllRunningMap, showMenu)
-        : undefined,
-      cellClass: getColumnNameCellClass,
-    },
-    {
-      field: "type",
-      headerName: "Type",
-      resizable: true,
-      cellRenderer: renderTypeCell,
-      cellClass: getColumnNameCellClass,
-    },
-  ];
-
-  const rows = Object.values(schemaDiff);
-
-  return { columns, rows };
-}
-
-/**
- * Generates grid configuration for single-environment schema view
- */
-export function toSingleEnvDataGrid(
-  nodeColumns: NodeData["columns"] = {},
-  options: SchemaDataGridOptions = {},
-): SingleEnvSchemaDataGridResult {
-  const { node, cllRunningMap, showMenu } = options;
-
-  const nodeColumnList = Object.entries(nodeColumns).filter(
-    ([_, column]) => column != null,
-  ) as [string, NodeColumnData][];
-
-  const rows: SchemaRow[] = nodeColumnList.map(([name, column], index) => ({
-    name,
-    index: index + 1,
-    type: column.type,
-    __status: undefined,
-  }));
-
-  const columns: ColDef<SchemaRow>[] = [
-    {
-      field: "index",
-      headerName: "",
-      resizable: true,
-      minWidth: 35,
-      width: 35,
-      cellClass: "schema-column schema-column-index",
-    },
-    {
-      field: "name",
-      headerName: "Name",
-      resizable: true,
-      cellRenderer: node
-        ? createSingleEnvColumnNameRenderer(node, cllRunningMap, showMenu)
-        : undefined,
-      cellClass: "schema-column",
-    },
-    {
-      field: "type",
-      headerName: "Type",
-      resizable: true,
-      cellClass: "schema-column",
-    },
-  ];
-
-  return { columns, rows };
-}

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

@@ -1,395 +0,0 @@
-/**
- * @file toValueDataGrid.test.ts
- * @description Tests for toValueDataGrid generator
- *
- * Tests cover:
- * - Basic column and row generation
- * - Primary key handling (single and array)
- * - Cell class functions
- * - Column structure
- */
-
-import type { CellClassParams } from "ag-grid-community";
-import { ColumnRenderMode, ColumnType, RowObjectType } from "@/lib/api/types";
-import { ValueDiffParams, ValueDiffResult } from "@/lib/api/valuediff";
-import { toValueDataGrid } from "./toValueDataGrid";
-
-// ============================================================================
-// Mocks
-// ============================================================================
-
-jest.mock("ag-grid-community", () => ({
-  ModuleRegistry: {
-    registerModules: jest.fn(),
-  },
-}));
-
-// ============================================================================
-// Helper to create mock CellClassParams
-// ============================================================================
-
-/**
- * Helper to create mock CellClassParams from a row
- * This is needed because AG Grid cellClass functions expect CellClassParams
- */
-const createCellClassParams = (
-  row: RowObjectType,
-): CellClassParams<RowObjectType> =>
-  ({
-    data: row,
-    value: undefined,
-    node: undefined,
-    colDef: {},
-    column: {},
-    api: {},
-    rowIndex: 0,
-  }) as unknown as CellClassParams<RowObjectType>;
-
-jest.mock("@/components/ui/mui", () => ({
-  Box: ({ children }: { children: React.ReactNode }) => children,
-  Center: ({ children }: { children: React.ReactNode }) => children,
-  Flex: ({ children }: { children: React.ReactNode }) => children,
-  Icon: () => null,
-  IconButton: () => null,
-  Menu: {
-    Root: ({ children }: { children: React.ReactNode }) => children,
-    Trigger: ({ children }: { children: React.ReactNode }) => children,
-    Content: ({ children }: { children: React.ReactNode }) => children,
-    Item: ({ children }: { children: React.ReactNode }) => children,
-    ItemGroup: ({ children }: { children: React.ReactNode }) => children,
-    Positioner: ({ children }: { children: React.ReactNode }) => children,
-  },
-  Portal: ({ children }: { children: React.ReactNode }) => children,
-  Spacer: () => null,
-}));
-
-jest.mock("@/lib/hooks/RecceActionContext", () => ({
-  useRecceActionContext: () => ({
-    runAction: jest.fn(),
-  }),
-}));
-
-jest.mock("@/lib/hooks/RecceInstanceContext", () => ({
-  useRecceInstanceContext: () => ({
-    featureToggles: {
-      disableDatabaseQuery: false,
-    },
-  }),
-}));
-
-// ============================================================================
-// Types for testing (avoids ESM import issues with ag-grid-community)
-// ============================================================================
-
-/**
- * Test-friendly Column type (mirrors AG Grid ColDef)
- */
-interface TestColumn {
-  field: string;
-  headerName?: React.ReactNode;
-  width?: number;
-  maxWidth?: number;
-  resizable?: boolean;
-  cellClass?:
-    | string
-    | ((params: CellClassParams<RowObjectType>) => string | undefined);
-  headerClass?: string;
-  cellRenderer?: unknown;
-  columnType?: ColumnType;
-  columnRenderMode?: ColumnRenderMode;
-}
-
-// ============================================================================
-// Test Helpers
-// ============================================================================
-
-/**
- * Get a specific column by index and cast to TestColumn
- */
-function getColumn(columns: unknown[], index: number): TestColumn {
-  return columns[index] as TestColumn;
-}
-
-// ============================================================================
-// Test Fixtures
-// ============================================================================
-
-function createValueDiffResult(
-  columnData: [string, number, number][],
-): ValueDiffResult {
-  return {
-    data: {
-      columns: [
-        { key: "0", name: "Column", type: "text" },
-        { key: "1", name: "Matched", type: "number" },
-        { key: "2", name: "Matched %", type: "number" },
-      ],
-      data: columnData,
-    },
-    summary: {
-      total: 100,
-      added: 5,
-      removed: 3,
-    },
-  };
-}
-
-function createValueDiffParams(
-  overrides: Partial<ValueDiffParams> = {},
-): ValueDiffParams {
-  return {
-    model: "test_model",
-    primary_key: "id",
-    ...overrides,
-  };
-}
-
-// ============================================================================
-// Basic Functionality Tests
-// ============================================================================
-
-describe("toValueDataGrid - Basic Functionality", () => {
-  test("generates columns and rows from result", () => {
-    const result = createValueDiffResult([
-      ["id", 100, 1.0],
-      ["name", 95, 0.95],
-      ["email", 80, 0.8],
-    ]);
-    const params = createValueDiffParams();
-
-    const { columns, rows } = toValueDataGrid(result, { params });
-
-    expect(columns).toHaveLength(4); // pk indicator + column + matched + matched %
-    expect(rows).toHaveLength(3);
-  });
-
-  test("preserves row data correctly", () => {
-    const result = createValueDiffResult([
-      ["user_id", 1000, 1.0],
-      ["email", 950, 0.95],
-    ]);
-    const params = createValueDiffParams();
-
-    const { rows } = toValueDataGrid(result, { params });
-
-    expect(rows[0]["0"]).toBe("user_id");
-    expect(rows[0]["1"]).toBe(1000);
-    expect(rows[0]["2"]).toBe(1.0);
-    expect(rows[1]["0"]).toBe("email");
-    expect(rows[1]["1"]).toBe(950);
-    expect(rows[1]["2"]).toBe(0.95);
-  });
-
-  test("handles empty data", () => {
-    const result = createValueDiffResult([]);
-    const params = createValueDiffParams();
-
-    const { columns, rows } = toValueDataGrid(result, { params });
-
-    expect(columns).toHaveLength(4);
-    expect(rows).toHaveLength(0);
-  });
-});
-
-// ============================================================================
-// Column Structure Tests
-// ============================================================================
-
-describe("toValueDataGrid - Column Structure", () => {
-  test("creates primary key indicator column", () => {
-    const result = createValueDiffResult([["id", 100, 1.0]]);
-    const params = createValueDiffParams();
-
-    const { columns } = toValueDataGrid(result, { params });
-    const pkColumn = getColumn(columns, 0);
-
-    expect(pkColumn.field).toBe("__is_pk__");
-    expect(pkColumn.headerName).toBe("");
-    expect(pkColumn.width).toBe(30);
-    expect(pkColumn.maxWidth).toBe(30);
-    expect(pkColumn.cellRenderer).toBeDefined();
-  });
-
-  test("creates column name column", () => {
-    const result = createValueDiffResult([["id", 100, 1.0]]);
-    const params = createValueDiffParams();
-
-    const { columns } = toValueDataGrid(result, { params });
-    const nameColumn = getColumn(columns, 1);
-
-    expect(nameColumn.field).toBe("0");
-    expect(nameColumn.headerName).toBe("Column");
-    expect(nameColumn.resizable).toBe(true);
-    expect(nameColumn.cellRenderer).toBeDefined();
-    expect(nameColumn.cellClass).toBe("cell-show-context-menu");
-  });
-
-  test("creates matched count column", () => {
-    const result = createValueDiffResult([["id", 100, 1.0]]);
-    const params = createValueDiffParams();
-
-    const { columns } = toValueDataGrid(result, { params });
-    const matchedColumn = getColumn(columns, 2);
-
-    expect(matchedColumn.field).toBe("1");
-    expect(matchedColumn.headerName).toBe("Matched");
-    expect(matchedColumn.resizable).toBe(true);
-  });
-
-  test("creates matched percent column", () => {
-    const result = createValueDiffResult([["id", 100, 1.0]]);
-    const params = createValueDiffParams();
-
-    const { columns } = toValueDataGrid(result, { params });
-    const percentColumn = getColumn(columns, 3);
-
-    expect(percentColumn.field).toBe("2");
-    expect(percentColumn.headerName).toBe("Matched %");
-    expect(percentColumn.resizable).toBe(true);
-    expect(percentColumn.cellRenderer).toBeDefined();
-  });
-});
-
-// ============================================================================
-// Primary Key Handling Tests
-// ============================================================================
-
-describe("toValueDataGrid - Primary Key Handling", () => {
-  test("handles single primary key", () => {
-    const result = createValueDiffResult([["user_id", 100, 1.0]]);
-    const params = createValueDiffParams({ primary_key: "user_id" });
-
-    const { columns } = toValueDataGrid(result, { params });
-    const pkColumn = getColumn(columns, 0);
-
-    expect(pkColumn.field).toBe("__is_pk__");
-    expect(pkColumn.cellRenderer).toBeDefined();
-  });
-
-  test("handles array of primary keys", () => {
-    const result = createValueDiffResult([
-      ["region", 100, 1.0],
-      ["user_id", 100, 1.0],
-      ["name", 95, 0.95],
-    ]);
-    const params = createValueDiffParams({
-      primary_key: ["region", "user_id"],
-    });
-
-    const { columns } = toValueDataGrid(result, { params });
-    const pkColumn = getColumn(columns, 0);
-
-    expect(pkColumn.field).toBe("__is_pk__");
-    expect(pkColumn.cellRenderer).toBeDefined();
-  });
-});
-
-// ============================================================================
-// Cell Class Tests
-// ============================================================================
-
-describe("toValueDataGrid - Cell Classes", () => {
-  test("matched count column has cellClass function", () => {
-    const result = createValueDiffResult([["id", 100, 1.0]]);
-    const params = createValueDiffParams();
-
-    const { columns } = toValueDataGrid(result, { params });
-    const matchedColumn = getColumn(columns, 2);
-
-    expect(typeof matchedColumn.cellClass).toBe("function");
-  });
-
-  test("matched percent column has cellClass function", () => {
-    const result = createValueDiffResult([["id", 100, 1.0]]);
-    const params = createValueDiffParams();
-
-    const { columns } = toValueDataGrid(result, { params });
-    const percentColumn = getColumn(columns, 3);
-
-    expect(typeof percentColumn.cellClass).toBe("function");
-  });
-
-  test("cellClass returns diff-cell-modified when value < 1", () => {
-    const result = createValueDiffResult([["email", 80, 0.8]]);
-    const params = createValueDiffParams();
-
-    const { columns, rows } = toValueDataGrid(result, { params });
-    const matchedColumn = getColumn(columns, 2);
-
-    const cellClass = matchedColumn.cellClass as (
-      params: CellClassParams<RowObjectType>,
-    ) => string | undefined;
-    expect(cellClass(createCellClassParams(rows[0]))).toBe(
-      "diff-cell-modified",
-    );
-  });
-
-  test("cellClass returns undefined when value is 1 (100%)", () => {
-    const result = createValueDiffResult([["id", 100, 1.0]]);
-    const params = createValueDiffParams();
-
-    const { columns, rows } = toValueDataGrid(result, { params });
-    const matchedColumn = getColumn(columns, 2);
-
-    const cellClass = matchedColumn.cellClass as (
-      params: CellClassParams<RowObjectType>,
-    ) => string | undefined;
-    expect(cellClass(createCellClassParams(rows[0]))).toBeUndefined();
-  });
-});
-
-// ============================================================================
-// Edge Cases
-// ============================================================================
-
-describe("toValueDataGrid - Edge Cases", () => {
-  test("handles null/undefined values in data", () => {
-    const result: ValueDiffResult = {
-      data: {
-        columns: [
-          { key: "0", name: "Column", type: "text" },
-          { key: "1", name: "Matched", type: "number" },
-          { key: "2", name: "Matched %", type: "number" },
-        ],
-        data: [
-          ["id", null, null],
-          ["name", 100, 1.0],
-        ],
-      },
-      summary: { total: 100, added: 0, removed: 0 },
-    };
-    const params = createValueDiffParams();
-
-    const { rows } = toValueDataGrid(result, { params });
-
-    expect(rows[0]["1"]).toBeNull();
-    expect(rows[0]["2"]).toBeNull();
-  });
-
-  test("handles special characters in column names", () => {
-    const result = createValueDiffResult([
-      ["user.email", 100, 1.0],
-      ["order-id", 95, 0.95],
-      ["first name", 80, 0.8],
-    ]);
-    const params = createValueDiffParams();
-
-    const { rows } = toValueDataGrid(result, { params });
-
-    expect(rows[0]["0"]).toBe("user.email");
-    expect(rows[1]["0"]).toBe("order-id");
-    expect(rows[2]["0"]).toBe("first name");
-  });
-
-  test("handles large numbers", () => {
-    const result = createValueDiffResult([
-      ["big_column", 1000000000, 0.999999999],
-    ]);
-    const params = createValueDiffParams();
-
-    const { rows } = toValueDataGrid(result, { params });
-
-    expect(rows[0]["1"]).toBe(1000000000);
-    expect(rows[0]["2"]).toBe(0.999999999);
-  });
-});