index.d.ts

declare module 'react18-mathquill' {
    import * as React from 'react'

    export function addStyles(): void

    export interface StaticMathFieldProps
        extends React.HTMLAttributes<HTMLSpanElement> {
        children?: string
        mathquillDidMount?: (mathField: MathField) => void
    }

    export interface EditableMathFieldProps
        extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'> {
        onChange?: (mathField: MathField) => void
        latex?: string
        config?: MathFieldConfig
        mathquillDidMount?: (mathField: MathField) => void
    }

    export const EditableMathField: React.FunctionComponent<EditableMathFieldProps>

    export const StaticMathField: React.FunctionComponent<StaticMathFieldProps>

    export interface MathFieldConfig {
        spaceBehavesLikeTab?: boolean
        leftRightIntoCmdGoes?: 'up' | 'down'
        restrictMismatchedBrackets?: boolean
        sumStartsWithNEquals?: boolean
        supSubsRequireOperand?: boolean
        charsThatBreakOutOfSupSub?: string
        autoSubscriptNumerals?: boolean
        autoCommands?: string
        autoOperatorNames?: string
        substituteTextarea?: () => void
        handlers?: {
            deleteOutOf?: (direction: Direction, mathField: MathField) => void
            moveOutOf?: (direction: Direction, mathField: MathField) => void
            selectOutOf?: (direction: Direction, mathField: MathField) => void
            downOutOf?: (mathField: MathField) => void
            upOutOf?: (mathField: MathField) => void
            edit?: (mathField: MathField) => void
            enter?: (mathField: MathField) => void
        }
        maxDepth?: number
    }

    export enum Direction {
        R,
        L,
    }

    export interface MathField {
        revert(): void
        reflow(): void
        el(): HTMLElement
        latex(): string
        latex(latexString: string): void
        text(): string
        focus(): void
        blur(): void
        write(latex: string): void
        cmd(latexString: string): void
        select(): void
        clearSelection(): void
        moveToLeftEnd(): void
        moveToRightEnd(): void
        keystroke(keys: string): void
        typedText(text: string): void
        config(newConfig: MathFieldConfig): void
    }
}