TableEditor

A table editor dialog to edit name, range and other options of a table

Brings up a table editor

import { CanvasGrid, DeleteSheetConfirmation } from "@rowsncolumns/spreadsheet"
import { useSpreadsheetState } from "@rowsncolumns/spreadsheet-state"

const App = () => {
  const activeSheetId = 1
  const { onUpdateTable, onRequestEditTable, getSheetName } = useSpreadsheetState({
    ...
  })
  return (
    <>
      <button onClick={() => {
        onRequestEditTable(table)
      }>Edit table</button>
      <CanvasGrid />
      <TableEditor
        sheetId={activeSheetId}
        rowCount={rowCount}
        columnCount={columnCount}
        getSheetName={getSheetName}
        onSubmit={onUpdateTable}
      />
    </>
  )
}