simple-datatables/src/editing/types.ts

A lightweight, dependency-free JavaScript HTML table plugin.

import {cellType} from "../types"
import {Editor} from "./editor"


interface dataType {
    cell?: cellType;
    rowIndex?: number;
    columnIndex?: number;
    content?: string;
    input?: HTMLInputElement;
    row?: cellType[];
    inputs?: HTMLInputElement[];
}

type menuItemType = {
    text?: (editor: Editor) => string,
    action?: (editor: Editor, event: Event) => void,
    separator?: boolean,
    url?: string,
}

interface EditorOptions {
    classes?: {
        row?: string,
        form?: string,
        item?: string,
        menu?: string,
        save?: string,
        block?: string,
        cancel?: string,
        close?: string,
        inner?: string,
        input?: string,
        label?: string,
        modal?: string,
        action?: string,
        header?: string,
        wrapper?: string,
        editable?: string,
        container?: string,
        separator?: string,
    },
    labels?: {
        cancel?: string,
        closeX?: string,
        editCell?: string,
        editRow?: string,
        removeRow?: string,
        reallyCancel?: string,
        reallyRemove?: string,
        save?: string
    }

    cancelModal?: (editor: Editor) => boolean,

    // include hidden columns in the editor
    hiddenColumns?: boolean,

    // edit inline instead of using a modal lay-over for editing content
    inline?: boolean,

    // enable the context menu
    contextMenu?: boolean,

    // event to start editing
    clickEvent?: string,

    // indexes of columns not to be edited
    excludeColumns?: number[],
    menuItems?: menuItemType[]
}

export {
    dataType,
    menuItemType,
    EditorOptions
}