8e0206cc1e
* Make Undo & Redo and the menu buttons into actions; add undo/redo buttons * Create variables for the ToolIcon colors * Darken the menu buttons when they’re active * Put the more intensive test in `perform` * Fix & restyle hint viewer * Add pinch zoom for macOS Safari * Chrome/Firefox trackpad pinch zoom * openedMenu → openMenu * needsShapeEditor.ts → showSelectedShapeActions.ts * Call showSelectedShapeActions
52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import React from "react";
|
|
import { ExcalidrawElement } from "../element/types";
|
|
import { AppState } from "../types";
|
|
|
|
export type ActionResult = {
|
|
elements?: readonly ExcalidrawElement[] | null;
|
|
appState?: AppState | null;
|
|
};
|
|
|
|
type ActionFn = (
|
|
elements: readonly ExcalidrawElement[],
|
|
appState: AppState,
|
|
formData: any,
|
|
) => ActionResult;
|
|
|
|
export type UpdaterFn = (res: ActionResult, commitToHistory?: boolean) => void;
|
|
export type ActionFilterFn = (action: Action) => void;
|
|
|
|
export interface Action {
|
|
name: string;
|
|
PanelComponent?: React.FC<{
|
|
elements: readonly ExcalidrawElement[];
|
|
appState: AppState;
|
|
updateData: (formData?: any) => void;
|
|
}>;
|
|
perform: ActionFn;
|
|
keyPriority?: number;
|
|
keyTest?: (
|
|
event: KeyboardEvent,
|
|
appState: AppState,
|
|
elements: readonly ExcalidrawElement[],
|
|
) => boolean;
|
|
contextItemLabel?: string;
|
|
contextMenuOrder?: number;
|
|
commitToHistory?: (
|
|
appState: AppState,
|
|
elements: readonly ExcalidrawElement[],
|
|
) => boolean;
|
|
}
|
|
|
|
export interface ActionsManagerInterface {
|
|
actions: {
|
|
[keyProp: string]: Action;
|
|
};
|
|
registerAction: (action: Action) => void;
|
|
handleKeyDown: (event: KeyboardEvent) => boolean;
|
|
getContextMenuItems: (
|
|
actionFilter: ActionFilterFn,
|
|
) => { label: string; action: () => void }[];
|
|
renderAction: (name: string) => React.ReactElement | null;
|
|
}
|