reflex_copy/reflex/.templates/web/utils/helpers/dataeditor.js

import { GridCellKind } from "@glideapps/glide-data-grid";

export function getDEColumn(columns, col) {
  let c = columns[col];
  c.pos = col;
  return c;
}

export function getDERow(data, row) {
  return data[row];
}

export function locateCell(row, column) {
  if (Array.isArray(row)) {
    return row[column.pos];
  } else {
    return row[column.id];
  }
}

export function formatCell(value, column) {
  const editable = column.editable ?? true;
  switch (column.type) {
    case "int":
    case "float":
      return {
        kind: GridCellKind.Number,
        data: value,
        displayData: value + "",
        readonly: !editable,
        allowOverlay: editable,
      };
    case "datetime":
    // value = moment format?
    case "str":
      return {
        kind: GridCellKind.Text,
        data: value,
        displayData: value,
        readonly: !editable,
        allowOverlay: editable,
      };
    case "bool":
      return {
        kind: GridCellKind.Boolean,
        data: value,
        readonly: !editable,
      };
    default:
      console.log(
        "Warning: column.type is undefined for column.title=" + column.title,
      );
      return {
        kind: GridCellKind.Text,
        data: value,
        displayData: column.type,
      };
  }
}

export function formatDataEditorCells(col, row, columns, data) {
  if (row < data.length && col < columns.length) {
    const column = getDEColumn(columns, col);
    const rowData = getDERow(data, row);
    const cellData = locateCell(rowData, column);
    return formatCell(cellData, column);
  }
  return { kind: GridCellKind.Loading };
}