Represents an interface for a React Menu.

interface IMenu {
    darkMode: boolean;
    horizontalScroll: ((v) => void);
    initalSeed: string;
    newPosition: number;
    onChangeSaveRange: ((r) => void);
    renderer: Renderer;
    saveRange: Range;
    setStep: ((step) => void);
    setSvgContent: ((svg) => void);
    step: number;
    toggleAutoLoad: (() => void);
    toggleAutoScroll: (() => void);
    windowHeight: number;
    windowWidth: number;
}

Properties

darkMode: boolean

The dark mode state.

horizontalScroll: ((v) => void)

Scrolls the menu horizontally.

Type declaration

    • (v): void
    • Parameters

      • v: number

        The amount to scroll.

      Returns void

Function

initalSeed: string

The inital seed taken when the page is loaded

newPosition: number

The new x-coordinate of the canvas.

onChangeSaveRange: ((r) => void)

Handles the change in the save range.

Type declaration

    • (r): void
    • Parameters

      • r: Range

        The new save range.

      Returns void

Function

renderer: Renderer

Reference to renderer

saveRange: Range

The range for saving menu state.

setStep: ((step) => void)

Function to change the step value.

Type declaration

    • (step): void
    • Parameters

      • step: number

        The new step value.

      Returns void

Function

setSvgContent: ((svg) => void)

Set SVG context of the main picture with the new value

Type declaration

    • (svg): void
    • Parameters

      • svg: string

        The SVG content.

      Returns void

Function

step: number

The step value used in the settings.

toggleAutoLoad: (() => void)

Toggles auto-loading state.

Type declaration

    • (): void
    • Returns void

Function

toggleAutoScroll: (() => void)

Toggles auto-scrolling.

Type declaration

    • (): void
    • Returns void

Function

windowHeight: number

The height of the menu window.

windowWidth: number

The width of the menu window.