react-spreadsheet/__fixtures__/KeyDown.js

Simple, customizable yet performant spreadsheet for React

import { createFixture } from "react-cosmos";
import Spreadsheet, {
  createEmptyMatrix
} from "../src/SpreadsheetStateProvider";
import "./index.css";

export const INITIAL_ROWS = 6;
export const INITIAL_COLUMNS = 4;

Spreadsheet.displayName = "Spreadsheet";

export default createFixture({
  component: Spreadsheet,
  name: "KeyDown",
  props: {
    data: createEmptyMatrix(INITIAL_ROWS, INITIAL_COLUMNS),
    onKeyDown: event => {
      if (event.altKey) {
        event.preventDefault();
      }
    }
  }
});