@zsviczian/excalidraw 0.17.6-30 → 0.17.6-32

package/types/excalidraw/actions/actionToggleViewMode.d.ts

@@ -0,0 +1,224 @@
+export declare const actionToggleViewMode: {
+    name: "viewMode";
+    label: string;
+    paletteName: string;
+    icon: JSX.Element;
+    viewMode: true;
+    trackEvent: {
+        category: "canvas";
+        predicate: (appState: Readonly<import("../types").AppState>) => boolean;
+    };
+    perform(elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties): {
+        appState: {
+            viewModeEnabled: boolean;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: import("react").ReactNode;
+            activeEmbeddable: {
+                element: import("../element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
+            } | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
+            suggestedBindings: import("../element/binding").SuggestedBinding[];
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            activeTool: {
+                lastActiveTool: import("../types").ActiveTool | null;
+                locked: boolean;
+            } & import("../types").ActiveTool;
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: number;
+            currentItemFontSize: number;
+            currentItemTextAlign: string;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: number | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemArrowType: "round" | "sharp" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: Readonly<{
+                value: import("../types").NormalizedZoomValue;
+            }>;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openSidebar: {
+                name: string;
+                tab?: string | undefined;
+            } | null;
+            openDialog: {
+                name: "help" | "imageExport" | "jsonExport";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: string;
+            } | null;
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../element/types").PointerType;
+            selectedElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean | undefined;
+                duration?: number | undefined;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: string | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../types").SocketId, Readonly<{
+                pointer?: import("../types").CollaboratorPointer | undefined;
+                button?: "up" | "down" | undefined;
+                selectedElementIds?: Readonly<{
+                    [id: string]: true;
+                }> | undefined;
+                username?: string | null | undefined;
+                userState?: import("../types").UserIdleState | undefined;
+                color?: {
+                    background: string;
+                    stroke: string;
+                } | undefined;
+                avatarUrl?: string | undefined;
+                id?: string | undefined;
+                socketId?: import("../types").SocketId | undefined;
+                isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
+            }>>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            pendingImageElementId: string | null;
+            showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette?: {
+                canvasBackground: import("../colors").ColorPaletteCustom;
+                elementBackground: import("../colors").ColorPaletteCustom;
+                elementStroke: import("../colors").ColorPaletteCustom;
+                topPicks: {
+                    canvasBackground: [string, string, string, string, string];
+                    elementStroke: [string, string, string, string, string];
+                    elementBackground: [string, string, string, string, string];
+                };
+            } | undefined;
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
+            pinnedScripts?: string[] | undefined;
+            customPens?: any[] | undefined;
+            currentStrokeOptions?: any;
+            resetCustomPen?: any;
+            gridColor: {
+                Bold: string;
+                Regular: string;
+            };
+            highlightSearchResult: boolean;
+            dynamicStyle: {
+                [x: string]: string;
+            };
+            frameColor: {
+                stroke: string;
+                fill: string;
+                nameColor: string;
+            };
+            invertBindingBehaviour: boolean;
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            userToFollow: import("../types").UserToFollow | null;
+            followedBy: Set<import("../types").SocketId>;
+            isCropping: boolean;
+            croppingElementId: string | null;
+            searchMatches: readonly {
+                id: string;
+                focus: boolean;
+                matchedLines: {
+                    offsetX: number;
+                    offsetY: number;
+                    width: number;
+                    height: number;
+                }[];
+            }[];
+        };
+        storeAction: "none";
+    };
+    checked: (appState: Readonly<import("../types").AppState>) => boolean;
+    predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};

package/types/excalidraw/actions/actionToggleZenMode.d.ts

@@ -0,0 +1,224 @@
+export declare const actionToggleZenMode: {
+    name: "zenMode";
+    label: string;
+    icon: JSX.Element;
+    paletteName: string;
+    viewMode: true;
+    trackEvent: {
+        category: "canvas";
+        predicate: (appState: Readonly<import("../types").AppState>) => boolean;
+    };
+    perform(elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
+        appState: {
+            zenModeEnabled: boolean;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: import("react").ReactNode;
+            activeEmbeddable: {
+                element: import("../element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
+            } | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
+            suggestedBindings: import("../element/binding").SuggestedBinding[];
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            activeTool: {
+                lastActiveTool: import("../types").ActiveTool | null;
+                locked: boolean;
+            } & import("../types").ActiveTool;
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: number;
+            currentItemFontSize: number;
+            currentItemTextAlign: string;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: number | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemArrowType: "round" | "sharp" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: Readonly<{
+                value: import("../types").NormalizedZoomValue;
+            }>;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openSidebar: {
+                name: string;
+                tab?: string | undefined;
+            } | null;
+            openDialog: {
+                name: "help" | "imageExport" | "jsonExport";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: string;
+            } | null;
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../element/types").PointerType;
+            selectedElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean | undefined;
+                duration?: number | undefined;
+            } | null;
+            theme: import("../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: string | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../types").SocketId, Readonly<{
+                pointer?: import("../types").CollaboratorPointer | undefined;
+                button?: "up" | "down" | undefined;
+                selectedElementIds?: Readonly<{
+                    [id: string]: true;
+                }> | undefined;
+                username?: string | null | undefined;
+                userState?: import("../types").UserIdleState | undefined;
+                color?: {
+                    background: string;
+                    stroke: string;
+                } | undefined;
+                avatarUrl?: string | undefined;
+                id?: string | undefined;
+                socketId?: import("../types").SocketId | undefined;
+                isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
+            }>>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            pendingImageElementId: string | null;
+            showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette?: {
+                canvasBackground: import("../colors").ColorPaletteCustom;
+                elementBackground: import("../colors").ColorPaletteCustom;
+                elementStroke: import("../colors").ColorPaletteCustom;
+                topPicks: {
+                    canvasBackground: [string, string, string, string, string];
+                    elementStroke: [string, string, string, string, string];
+                    elementBackground: [string, string, string, string, string];
+                };
+            } | undefined;
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
+            pinnedScripts?: string[] | undefined;
+            customPens?: any[] | undefined;
+            currentStrokeOptions?: any;
+            resetCustomPen?: any;
+            gridColor: {
+                Bold: string;
+                Regular: string;
+            };
+            highlightSearchResult: boolean;
+            dynamicStyle: {
+                [x: string]: string;
+            };
+            frameColor: {
+                stroke: string;
+                fill: string;
+                nameColor: string;
+            };
+            invertBindingBehaviour: boolean;
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            userToFollow: import("../types").UserToFollow | null;
+            followedBy: Set<import("../types").SocketId>;
+            isCropping: boolean;
+            croppingElementId: string | null;
+            searchMatches: readonly {
+                id: string;
+                focus: boolean;
+                matchedLines: {
+                    offsetX: number;
+                    offsetY: number;
+                    width: number;
+                    height: number;
+                }[];
+            }[];
+        };
+        storeAction: "none";
+    };
+    checked: (appState: Readonly<import("../types").AppState>) => boolean;
+    predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};

package/types/excalidraw/actions/actionZindex.d.ts

@@ -0,0 +1,74 @@
+export declare const actionSendBackward: {
+    name: "sendBackward";
+    label: string;
+    keywords: string[];
+    icon: JSX.Element;
+    trackEvent: {
+        category: "element";
+    };
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+        elements: readonly import("../element/types").ExcalidrawElement[];
+        appState: Readonly<import("../types").AppState>;
+        storeAction: "capture";
+    };
+    keyPriority: number;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};
+export declare const actionBringForward: {
+    name: "bringForward";
+    label: string;
+    keywords: string[];
+    icon: JSX.Element;
+    trackEvent: {
+        category: "element";
+    };
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+        elements: readonly import("../element/types").ExcalidrawElement[];
+        appState: Readonly<import("../types").AppState>;
+        storeAction: "capture";
+    };
+    keyPriority: number;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};
+export declare const actionSendToBack: {
+    name: "sendToBack";
+    label: string;
+    keywords: string[];
+    icon: JSX.Element;
+    trackEvent: {
+        category: "element";
+    };
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+        elements: import("../element/types").ExcalidrawElement[] | readonly import("../element/types").ExcalidrawElement[];
+        appState: Readonly<import("../types").AppState>;
+        storeAction: "capture";
+    };
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};
+export declare const actionBringToFront: {
+    name: "bringToFront";
+    label: string;
+    keywords: string[];
+    icon: JSX.Element;
+    trackEvent: {
+        category: "element";
+    };
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+        elements: import("../element/types").ExcalidrawElement[] | readonly import("../element/types").ExcalidrawElement[];
+        appState: Readonly<import("../types").AppState>;
+        storeAction: "capture";
+    };
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};

package/types/excalidraw/actions/index.d.ts

@@ -0,0 +1,27 @@
+export { actionDeleteSelected } from "./actionDeleteSelected";
+export { actionBringForward, actionBringToFront, actionSendBackward, actionSendToBack, } from "./actionZindex";
+export { actionSelectAll } from "./actionSelectAll";
+export { actionDuplicateSelection } from "./actionDuplicateSelection";
+export { actionChangeStrokeColor, actionChangeBackgroundColor, actionChangeStrokeWidth, actionChangeFillStyle, actionChangeSloppiness, actionChangeOpacity, actionChangeFontSize, actionChangeFontFamily, actionChangeTextAlign, actionChangeVerticalAlign, } from "./actionProperties";
+export { actionChangeViewBackgroundColor, actionClearCanvas, actionZoomIn, actionZoomOut, actionResetZoom, actionZoomToFit, actionToggleTheme, zoomToFitElements, } from "./actionCanvas";
+export { actionFinalize } from "./actionFinalize";
+export { actionChangeProjectName, actionChangeExportBackground, actionSaveToActiveFile, actionSaveFileToDisk, actionLoadScene, } from "./actionExport";
+export { actionCopyStyles, actionPasteStyles } from "./actionStyles";
+export { actionToggleCanvasMenu, actionToggleEditMenu, actionShortcuts, } from "./actionMenu";
+export { actionGroup, actionUngroup } from "./actionGroup";
+export { actionGoToCollaborator } from "./actionNavigate";
+export { actionAddToLibrary } from "./actionAddToLibrary";
+export { actionAlignTop, actionAlignBottom, actionAlignLeft, actionAlignRight, actionAlignVerticallyCentered, actionAlignHorizontallyCentered, } from "./actionAlign";
+export { distributeHorizontally, distributeVertically, } from "./actionDistribute";
+export { actionFlipHorizontal, actionFlipVertical } from "./actionFlip";
+export { actionCopy, actionCut, actionCopyAsPng, actionCopyAsSvg, copyText, } from "./actionClipboard";
+export { actionToggleGridMode } from "./actionToggleGridMode";
+export { actionToggleZenMode } from "./actionToggleZenMode";
+export { actionToggleObjectsSnapMode } from "./actionToggleObjectsSnapMode";
+export { actionToggleStats } from "./actionToggleStats";
+export { actionUnbindText, actionBindText } from "./actionBoundText";
+export { actionLink } from "./actionLink";
+export { actionToggleElementLock } from "./actionElementLock";
+export { actionToggleLinearEditor } from "./actionLinearEditor";
+export { actionToggleSearchMenu } from "./actionToggleSearchMenu";
+export { actionToggleCropEditor } from "./actionCropEditor";

package/types/excalidraw/actions/manager.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { Action, UpdaterFn, ActionName, ActionResult, PanelComponentProps, ActionSource } from "./types";
+import type { OrderedExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState } from "../types";
+export declare class ActionManager {
+    actions: Record<ActionName, Action>;
+    updater: (actionResult: ActionResult | Promise<ActionResult>) => void;
+    getAppState: () => Readonly<AppState>;
+    getElementsIncludingDeleted: () => readonly OrderedExcalidrawElement[];
+    app: AppClassProperties;
+    constructor(updater: UpdaterFn, getAppState: () => AppState, getElementsIncludingDeleted: () => readonly OrderedExcalidrawElement[], app: AppClassProperties);
+    registerAction(action: Action): void;
+    registerAll(actions: readonly Action[]): void;
+    handleKeyDown(event: React.KeyboardEvent | KeyboardEvent): boolean;
+    executeAction<T extends Action>(action: T, source?: ActionSource, value?: Parameters<T["perform"]>[2]): void;
+    /**
+     * @param data additional data sent to the PanelComponent
+     */
+    renderAction: (name: ActionName, data?: PanelComponentProps["data"]) => JSX.Element | null;
+    isActionEnabled: (action: Action) => boolean;
+}

package/types/excalidraw/actions/register.d.ts

@@ -0,0 +1,5 @@
+import type { Action } from "./types";
+export declare let actions: readonly Action[];
+export declare const register: <T extends Action>(action: T) => T & {
+    keyTest?: (unknown extends T["keyTest"] ? never : T["keyTest"]) | undefined;
+};

package/types/excalidraw/actions/shortcuts.d.ts

@@ -0,0 +1,4 @@
+import type { SubtypeOf } from "../utility-types";
+import type { ActionName } from "./types";
+export type ShortcutName = SubtypeOf<ActionName, "toggleTheme" | "loadScene" | "clearCanvas" | "cut" | "copy" | "paste" | "copyStyles" | "pasteStyles" | "selectAll" | "deleteSelectedElements" | "duplicateSelection" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyAsPng" | "group" | "ungroup" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "addToLibrary" | "viewMode" | "flipHorizontal" | "flipVertical" | "hyperlink" | "toggleElementLock" | "toggleLaserPointerTool" | "resetZoom" | "zoomOut" | "zoomIn" | "zoomToFit" | "zoomToFitSelectionInViewport" | "zoomToFitSelection" | "toggleEraserTool" | "toggleHandTool" | "setFrameAsActiveTool" | "saveFileToDisk" | "saveToActiveFile" | "toggleShortcuts" | "wrapSelectionInFrame"> | "saveScene" | "imageExport" | "commandPalette" | "searchMenu";
+export declare const getShortcutFromShortcutName: (name: ShortcutName, idx?: number) => string;

package/types/excalidraw/actions/types.d.ts

@@ -0,0 +1,46 @@
+import type React from "react";
+import type { ExcalidrawElement, OrderedExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState, ExcalidrawProps, BinaryFiles, UIAppState } from "../types";
+import type { StoreActionType } from "../store";
+export type ActionSource = "ui" | "keyboard" | "contextMenu" | "api" | "commandPalette";
+/** if false, the action should be prevented */
+export type ActionResult = {
+    elements?: readonly ExcalidrawElement[] | null;
+    appState?: Partial<AppState> | null;
+    files?: BinaryFiles | null;
+    storeAction: StoreActionType;
+    replaceFiles?: boolean;
+} | false;
+type ActionFn = (elements: readonly OrderedExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
+export type UpdaterFn = (res: ActionResult) => void;
+export type ActionFilterFn = (action: Action) => void;
+export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeArrowType" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer" | "toggleLaserPointerTool" | "commandPalette" | "autoResize" | "elementStats" | "searchMenu" | "copyElementLink" | "linkToElement" | "cropEditor" | "wrapSelectionInFrame";
+export type PanelComponentProps = {
+    elements: readonly ExcalidrawElement[];
+    appState: AppState;
+    updateData: <T = any>(formData?: T) => void;
+    appProps: ExcalidrawProps;
+    data?: Record<string, any>;
+    app: AppClassProperties;
+};
+export interface Action {
+    name: ActionName;
+    label: string | ((elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, app: AppClassProperties) => string);
+    keywords?: string[];
+    icon?: React.ReactNode | ((appState: UIAppState, elements: readonly ExcalidrawElement[]) => React.ReactNode);
+    PanelComponent?: React.FC<PanelComponentProps>;
+    perform: ActionFn;
+    keyPriority?: number;
+    keyTest?: (event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: AppClassProperties) => boolean;
+    predicate?: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: ExcalidrawProps, app: AppClassProperties) => boolean;
+    checked?: (appState: Readonly<AppState>) => boolean;
+    trackEvent: false | {
+        category: "toolbar" | "element" | "canvas" | "export" | "history" | "menu" | "collab" | "hyperlink" | "search_menu";
+        action?: string;
+        predicate?: (appState: Readonly<AppState>, elements: readonly ExcalidrawElement[], value: any) => boolean;
+    };
+    /** if set to `true`, allow action to be performed in viewMode.
+     *  Defaults to `false` */
+    viewMode?: boolean;
+}
+export {};

package/types/excalidraw/align.d.ts

@@ -0,0 +1,7 @@
+import type { ElementsMap, ExcalidrawElement } from "./element/types";
+import type Scene from "./scene/Scene";
+export interface Alignment {
+    position: "start" | "center" | "end";
+    axis: "x" | "y";
+}
+export declare const alignElements: (selectedElements: ExcalidrawElement[], elementsMap: ElementsMap, alignment: Alignment, scene: Scene) => ExcalidrawElement[];

package/types/excalidraw/analytics.d.ts

@@ -0,0 +1 @@
+export declare const trackEvent: (category: string, action: string, label?: string, value?: number) => void;