ff82d1cfa3
* feat: add the ability to change the alignement of the text * test: update the snapshots to included the newely textAlign state * style: use explicit key assignment to object * test: add missing new key textAlign to newElement.test.ts * style: make the text on the buttons start with uppercase * Update src/locales/en.json * add types * add migration * remove incorrect update Co-authored-by: Youness Fkhach <younessfkhach@porotonmail.com> Co-authored-by: Lipis <lipiridis@gmail.com> Co-authored-by: dwelle <luzar.david@gmail.com>
85 lines
2.0 KiB
TypeScript
85 lines
2.0 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;
|
|
commitToHistory: boolean;
|
|
};
|
|
|
|
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 type ActionName =
|
|
| "sendBackward"
|
|
| "bringForward"
|
|
| "sendToBack"
|
|
| "bringToFront"
|
|
| "copyStyles"
|
|
| "selectAll"
|
|
| "pasteStyles"
|
|
| "changeStrokeColor"
|
|
| "changeBackgroundColor"
|
|
| "changeFillStyle"
|
|
| "changeStrokeWidth"
|
|
| "changeSloppiness"
|
|
| "changeOpacity"
|
|
| "changeFontSize"
|
|
| "toggleCanvasMenu"
|
|
| "toggleEditMenu"
|
|
| "undo"
|
|
| "redo"
|
|
| "finalize"
|
|
| "changeProjectName"
|
|
| "changeExportBackground"
|
|
| "saveScene"
|
|
| "loadScene"
|
|
| "duplicateSelection"
|
|
| "deleteSelectedElements"
|
|
| "changeViewBackgroundColor"
|
|
| "clearCanvas"
|
|
| "zoomIn"
|
|
| "zoomOut"
|
|
| "resetZoom"
|
|
| "changeFontFamily"
|
|
| "changeTextAlign"
|
|
| "toggleFullScreen"
|
|
| "toggleShortcuts";
|
|
|
|
export interface Action {
|
|
name: ActionName;
|
|
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;
|
|
}
|
|
|
|
export interface ActionsManagerInterface {
|
|
actions: {
|
|
[actionName in ActionName]: Action;
|
|
};
|
|
registerAction: (action: Action) => void;
|
|
handleKeyDown: (event: KeyboardEvent) => boolean;
|
|
getContextMenuItems: (
|
|
actionFilter: ActionFilterFn,
|
|
) => { label: string; action: () => void }[];
|
|
renderAction: (name: ActionName) => React.ReactElement | null;
|
|
}
|