@zsviczian/excalidraw
Version:
Excalidraw as a React component
250 lines (249 loc) • 7.67 kB
TypeScript
import type { AppClassProperties } from "../types";
export declare const SHAPES: readonly [{
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "hand";
readonly key: "h";
readonly numericKey: null;
readonly fillable: false;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "selection";
readonly key: "v";
readonly numericKey: "1";
readonly fillable: true;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "rectangle";
readonly key: "r";
readonly numericKey: "2";
readonly fillable: true;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "diamond";
readonly key: "d";
readonly numericKey: "3";
readonly fillable: true;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "ellipse";
readonly key: "o";
readonly numericKey: "4";
readonly fillable: true;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "arrow";
readonly key: "a";
readonly numericKey: "5";
readonly fillable: true;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "line";
readonly key: "l";
readonly numericKey: "6";
readonly fillable: true;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "freedraw";
readonly key: readonly ["p", "x"];
readonly numericKey: "7";
readonly fillable: false;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "text";
readonly key: "t";
readonly numericKey: "8";
readonly fillable: false;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "eraser";
readonly key: "e";
readonly numericKey: "0";
readonly fillable: false;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "laser";
readonly key: "k";
readonly numericKey: null;
readonly fillable: false;
readonly toolbar: false;
}];
export declare const getToolbarTools: (app: AppClassProperties) => readonly [{
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "hand";
readonly key: "h";
readonly numericKey: null;
readonly fillable: false;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "selection";
readonly key: "v";
readonly numericKey: "1";
readonly fillable: true;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "rectangle";
readonly key: "r";
readonly numericKey: "2";
readonly fillable: true;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "diamond";
readonly key: "d";
readonly numericKey: "3";
readonly fillable: true;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "ellipse";
readonly key: "o";
readonly numericKey: "4";
readonly fillable: true;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "arrow";
readonly key: "a";
readonly numericKey: "5";
readonly fillable: true;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "line";
readonly key: "l";
readonly numericKey: "6";
readonly fillable: true;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "freedraw";
readonly key: readonly ["p", "x"];
readonly numericKey: "7";
readonly fillable: false;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "text";
readonly key: "t";
readonly numericKey: "8";
readonly fillable: false;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "eraser";
readonly key: "e";
readonly numericKey: "0";
readonly fillable: false;
readonly toolbar: true;
}, {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "laser";
readonly key: "k";
readonly numericKey: null;
readonly fillable: false;
readonly toolbar: false;
}] | readonly [{
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "hand";
readonly key: "h";
readonly numericKey: null;
readonly fillable: false;
readonly toolbar: true;
}, {
readonly value: "lasso";
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly key: "v";
readonly numericKey: "1";
readonly fillable: true;
readonly toolbar: true;
}, ...({
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "hand";
readonly key: "h";
readonly numericKey: null;
readonly fillable: false;
readonly toolbar: true;
} | {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "selection";
readonly key: "v";
readonly numericKey: "1";
readonly fillable: true;
readonly toolbar: true;
} | {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "rectangle";
readonly key: "r";
readonly numericKey: "2";
readonly fillable: true;
readonly toolbar: true;
} | {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "diamond";
readonly key: "d";
readonly numericKey: "3";
readonly fillable: true;
readonly toolbar: true;
} | {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "ellipse";
readonly key: "o";
readonly numericKey: "4";
readonly fillable: true;
readonly toolbar: true;
} | {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "arrow";
readonly key: "a";
readonly numericKey: "5";
readonly fillable: true;
readonly toolbar: true;
} | {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "line";
readonly key: "l";
readonly numericKey: "6";
readonly fillable: true;
readonly toolbar: true;
} | {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "freedraw";
readonly key: readonly ["p", "x"];
readonly numericKey: "7";
readonly fillable: false;
readonly toolbar: true;
} | {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "text";
readonly key: "t";
readonly numericKey: "8";
readonly fillable: false;
readonly toolbar: true;
} | {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "eraser";
readonly key: "e";
readonly numericKey: "0";
readonly fillable: false;
readonly toolbar: true;
} | {
readonly icon: import("react/jsx-runtime").JSX.Element;
readonly value: "laser";
readonly key: "k";
readonly numericKey: null;
readonly fillable: false;
readonly toolbar: false;
})[]];
export declare const findShapeByKey: (key: string, app: AppClassProperties) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "freedraw" | "lasso" | "eraser" | "hand" | "laser" | null;