UNPKG

@peakpay/excalidraw

Version:
1,072 lines (1,071 loc) 53.4 kB
/// <reference types="react" /> import "../components/ToolIcon.scss"; export declare const actionChangeProjectName: { name: "changeProjectName"; trackEvent: false; perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => { appState: { name: any; contextMenu: { items: import("../components/ContextMenu").ContextMenuItems; top: number; left: number; } | null; showWelcomeScreen: boolean; isLoading: boolean; errorMessage: import("react").ReactNode; draggingElement: import("../element/types").NonDeletedExcalidrawElement | 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").ExcalidrawFrameElement> | null; frameRendering: { enabled: boolean; name: boolean; outline: boolean; clip: boolean; }; editingFrame: string | null; elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null; editingElement: import("../element/types").NonDeletedExcalidrawElement | null; editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; activeTool: { lastActiveTool: import("../types").LastActiveTool; locked: boolean; } & ({ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand"; customType: null; } | { type: "custom"; customType: string; }); 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; currentItemRoundness: import("../element/types").StrokeRoundness; viewBackgroundColor: string; scrollX: number; scrollY: number; cursorButton: "up" | "down"; scrolledOutside: boolean; isResizing: boolean; isRotating: boolean; zoom: Readonly<{ value: import("../types").NormalizedZoomValue; }>; openMenu: "canvas" | "shape" | null; openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null; openSidebar: { name: string; tab?: string | undefined; } | null; openDialog: "imageExport" | "help" | "jsonExport" | null; defaultSidebarDockedPreference: boolean; lastPointerDownWith: import("../element/types").PointerType; selectedElementIds: 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: string; gridSize: number | null; 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<string, import("../types").Collaborator>; showStats: boolean; currentChartType: import("../element/types").ChartType; pasteDialog: { shown: false; data: null; } | { shown: true; data: import("../charts").Spreadsheet; }; pendingImageElementId: string | null; showHyperlinkPopup: false | "info" | "editor"; selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; }; commitToHistory: false; }; PanelComponent: ({ appState, updateData, appProps, data }: import("./types").PanelComponentProps) => JSX.Element; } & { keyTest?: undefined; }; export declare const actionChangeExportScale: { name: "changeExportScale"; trackEvent: { category: "export"; action: string; }; perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => { appState: { exportScale: any; contextMenu: { items: import("../components/ContextMenu").ContextMenuItems; top: number; left: number; } | null; showWelcomeScreen: boolean; isLoading: boolean; errorMessage: import("react").ReactNode; draggingElement: import("../element/types").NonDeletedExcalidrawElement | 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").ExcalidrawFrameElement> | null; frameRendering: { enabled: boolean; name: boolean; outline: boolean; clip: boolean; }; editingFrame: string | null; elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null; editingElement: import("../element/types").NonDeletedExcalidrawElement | null; editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; activeTool: { lastActiveTool: import("../types").LastActiveTool; locked: boolean; } & ({ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand"; customType: null; } | { type: "custom"; customType: string; }); penMode: boolean; penDetected: boolean; exportBackground: boolean; exportEmbedScene: boolean; exportWithDarkMode: boolean; 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; currentItemRoundness: import("../element/types").StrokeRoundness; viewBackgroundColor: string; scrollX: number; scrollY: number; cursorButton: "up" | "down"; scrolledOutside: boolean; name: string; isResizing: boolean; isRotating: boolean; zoom: Readonly<{ value: import("../types").NormalizedZoomValue; }>; openMenu: "canvas" | "shape" | null; openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null; openSidebar: { name: string; tab?: string | undefined; } | null; openDialog: "imageExport" | "help" | "jsonExport" | null; defaultSidebarDockedPreference: boolean; lastPointerDownWith: import("../element/types").PointerType; selectedElementIds: 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: string; gridSize: number | null; 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<string, import("../types").Collaborator>; showStats: boolean; currentChartType: import("../element/types").ChartType; pasteDialog: { shown: false; data: null; } | { shown: true; data: import("../charts").Spreadsheet; }; pendingImageElementId: string | null; showHyperlinkPopup: false | "info" | "editor"; selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; }; commitToHistory: false; }; PanelComponent: ({ elements: allElements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element; } & { keyTest?: undefined; }; export declare const actionChangeExportBackground: { name: "changeExportBackground"; trackEvent: { category: "export"; action: string; }; perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => { appState: { exportBackground: any; contextMenu: { items: import("../components/ContextMenu").ContextMenuItems; top: number; left: number; } | null; showWelcomeScreen: boolean; isLoading: boolean; errorMessage: import("react").ReactNode; draggingElement: import("../element/types").NonDeletedExcalidrawElement | 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").ExcalidrawFrameElement> | null; frameRendering: { enabled: boolean; name: boolean; outline: boolean; clip: boolean; }; editingFrame: string | null; elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null; editingElement: import("../element/types").NonDeletedExcalidrawElement | null; editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; activeTool: { lastActiveTool: import("../types").LastActiveTool; locked: boolean; } & ({ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand"; customType: null; } | { type: "custom"; customType: string; }); penMode: boolean; penDetected: 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; currentItemRoundness: import("../element/types").StrokeRoundness; viewBackgroundColor: string; scrollX: number; scrollY: number; cursorButton: "up" | "down"; scrolledOutside: boolean; name: string; isResizing: boolean; isRotating: boolean; zoom: Readonly<{ value: import("../types").NormalizedZoomValue; }>; openMenu: "canvas" | "shape" | null; openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null; openSidebar: { name: string; tab?: string | undefined; } | null; openDialog: "imageExport" | "help" | "jsonExport" | null; defaultSidebarDockedPreference: boolean; lastPointerDownWith: import("../element/types").PointerType; selectedElementIds: 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: string; gridSize: number | null; 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<string, import("../types").Collaborator>; showStats: boolean; currentChartType: import("../element/types").ChartType; pasteDialog: { shown: false; data: null; } | { shown: true; data: import("../charts").Spreadsheet; }; pendingImageElementId: string | null; showHyperlinkPopup: false | "info" | "editor"; selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; }; commitToHistory: false; }; PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element; } & { keyTest?: undefined; }; export declare const actionChangeExportEmbedScene: { name: "changeExportEmbedScene"; trackEvent: { category: "export"; action: string; }; perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => { appState: { exportEmbedScene: any; contextMenu: { items: import("../components/ContextMenu").ContextMenuItems; top: number; left: number; } | null; showWelcomeScreen: boolean; isLoading: boolean; errorMessage: import("react").ReactNode; draggingElement: import("../element/types").NonDeletedExcalidrawElement | 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").ExcalidrawFrameElement> | null; frameRendering: { enabled: boolean; name: boolean; outline: boolean; clip: boolean; }; editingFrame: string | null; elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null; editingElement: import("../element/types").NonDeletedExcalidrawElement | null; editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; activeTool: { lastActiveTool: import("../types").LastActiveTool; locked: boolean; } & ({ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand"; customType: null; } | { type: "custom"; customType: string; }); penMode: boolean; penDetected: boolean; exportBackground: 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; currentItemRoundness: import("../element/types").StrokeRoundness; viewBackgroundColor: string; scrollX: number; scrollY: number; cursorButton: "up" | "down"; scrolledOutside: boolean; name: string; isResizing: boolean; isRotating: boolean; zoom: Readonly<{ value: import("../types").NormalizedZoomValue; }>; openMenu: "canvas" | "shape" | null; openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null; openSidebar: { name: string; tab?: string | undefined; } | null; openDialog: "imageExport" | "help" | "jsonExport" | null; defaultSidebarDockedPreference: boolean; lastPointerDownWith: import("../element/types").PointerType; selectedElementIds: 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: string; gridSize: number | null; 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<string, import("../types").Collaborator>; showStats: boolean; currentChartType: import("../element/types").ChartType; pasteDialog: { shown: false; data: null; } | { shown: true; data: import("../charts").Spreadsheet; }; pendingImageElementId: string | null; showHyperlinkPopup: false | "info" | "editor"; selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; }; commitToHistory: false; }; PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element; } & { keyTest?: undefined; }; export declare const actionSaveToActiveFile: { name: "saveToActiveFile"; trackEvent: { category: "export"; }; predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean; perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => Promise<{ commitToHistory: false; appState: { fileHandle: import("browser-fs-access").FileSystemHandle | null; toast: { message: string; } | null; contextMenu: { items: import("../components/ContextMenu").ContextMenuItems; top: number; left: number; } | null; showWelcomeScreen: boolean; isLoading: boolean; errorMessage: import("react").ReactNode; draggingElement: import("../element/types").NonDeletedExcalidrawElement | 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").ExcalidrawFrameElement> | null; frameRendering: { enabled: boolean; name: boolean; outline: boolean; clip: boolean; }; editingFrame: string | null; elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null; editingElement: import("../element/types").NonDeletedExcalidrawElement | null; editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; activeTool: { lastActiveTool: import("../types").LastActiveTool; locked: boolean; } & ({ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand"; customType: null; } | { type: "custom"; customType: string; }); 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; currentItemRoundness: import("../element/types").StrokeRoundness; viewBackgroundColor: string; scrollX: number; scrollY: number; cursorButton: "up" | "down"; scrolledOutside: boolean; name: string; isResizing: boolean; isRotating: boolean; zoom: Readonly<{ value: import("../types").NormalizedZoomValue; }>; openMenu: "canvas" | "shape" | null; openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null; openSidebar: { name: string; tab?: string | undefined; } | null; openDialog: "imageExport" | "help" | "jsonExport" | null; defaultSidebarDockedPreference: boolean; lastPointerDownWith: import("../element/types").PointerType; selectedElementIds: Readonly<{ [id: string]: true; }>; previousSelectedElementIds: { [id: string]: true; }; selectedElementsAreBeingDragged: boolean; shouldCacheIgnoreZoom: boolean; zenModeEnabled: boolean; theme: string; gridSize: number | null; viewModeEnabled: boolean; selectedGroupIds: { [groupId: string]: boolean; }; editingGroupId: string | null; width: number; height: number; offsetTop: number; offsetLeft: number; collaborators: Map<string, import("../types").Collaborator>; showStats: boolean; currentChartType: import("../element/types").ChartType; pasteDialog: { shown: false; data: null; } | { shown: true; data: import("../charts").Spreadsheet; }; pendingImageElementId: string | null; showHyperlinkPopup: false | "info" | "editor"; selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; }; } | { commitToHistory: false; appState?: undefined; }>; keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean; } & { keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined; }; export declare const actionSaveFileToDisk: { name: "saveFileToDisk"; viewMode: true; trackEvent: { category: "export"; }; perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => Promise<{ commitToHistory: false; appState: { fileHandle: import("browser-fs-access").FileSystemHandle | null; contextMenu: { items: import("../components/ContextMenu").ContextMenuItems; top: number; left: number; } | null; showWelcomeScreen: boolean; isLoading: boolean; errorMessage: import("react").ReactNode; draggingElement: import("../element/types").NonDeletedExcalidrawElement | 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").ExcalidrawFrameElement> | null; frameRendering: { enabled: boolean; name: boolean; outline: boolean; clip: boolean; }; editingFrame: string | null; elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null; editingElement: import("../element/types").NonDeletedExcalidrawElement | null; editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; activeTool: { lastActiveTool: import("../types").LastActiveTool; locked: boolean; } & ({ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand"; customType: null; } | { type: "custom"; customType: string; }); 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; currentItemRoundness: import("../element/types").StrokeRoundness; viewBackgroundColor: string; scrollX: number; scrollY: number; cursorButton: "up" | "down"; scrolledOutside: boolean; name: string; isResizing: boolean; isRotating: boolean; zoom: Readonly<{ value: import("../types").NormalizedZoomValue; }>; openMenu: "canvas" | "shape" | null; openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null; openSidebar: { name: string; tab?: string | undefined; } | null; openDialog: "imageExport" | "help" | "jsonExport" | null; defaultSidebarDockedPreference: boolean; lastPointerDownWith: import("../element/types").PointerType; selectedElementIds: 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: string; gridSize: number | null; viewModeEnabled: boolean; selectedGroupIds: { [groupId: string]: boolean; }; editingGroupId: string | null; width: number; height: number; offsetTop: number; offsetLeft: number; collaborators: Map<string, import("../types").Collaborator>; showStats: boolean; currentChartType: import("../element/types").ChartType; pasteDialog: { shown: false; data: null; } | { shown: true; data: import("../charts").Spreadsheet; }; pendingImageElementId: string | null; showHyperlinkPopup: false | "info" | "editor"; selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; }; } | { commitToHistory: false; appState?: undefined; }>; keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean; PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element; } & { keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined; }; export declare const actionLoadScene: { name: "loadScene"; trackEvent: { category: "export"; }; predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean; perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => Promise<false | { elements: import("../element/types").ExcalidrawElement[]; appState: { theme: string; name: string; activeTool: { lastActiveTool: import("../types").LastActiveTool; locked: boolean; } & ({ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand"; customType: null; } | { type: "custom"; customType: string; }); contextMenu: { items: import("../components/ContextMenu").ContextMenuItems; top: number; left: number; } | null; showWelcomeScreen: boolean; isLoading: boolean; errorMessage: import("react").ReactNode; draggingElement: import("../element/types").NonDeletedExcalidrawElement | 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").ExcalidrawFrameElement> | null; frameRendering: { enabled: boolean; name: boolean; outline: boolean; clip: boolean; }; editingFrame: string | null; elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null; editingElement: import("../element/types").NonDeletedExcalidrawElement | null; editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; 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; currentItemRoundness: import("../element/types").StrokeRoundness; viewBackgroundColor: string; scrollX: number; scrollY: number; cursorButton: "up" | "down"; scrolledOutside: boolean; isResizing: boolean; isRotating: boolean; zoom: Readonly<{ value: import("../types").NormalizedZoomValue; }>; openMenu: "canvas" | "shape" | null; openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null; openSidebar: { name: string; tab?: string | undefined; } | null; openDialog: "imageExport" | "help" | "jsonExport" | null; defaultSidebarDockedPreference: boolean; lastPointerDownWith: import("../element/types").PointerType; selectedElementIds: Readonly<{ [id: string]: true; }>; previousSelectedElementIds: { [id: string]: true; }; selectedElementsAreBeingDragged: boolean; shouldCacheIgnoreZoom: boolean; toast: { message: string; closable?: boolean | undefined; duration?: number | undefined; } | null; zenModeEnabled: boolean; gridSize: number | null; viewModeEnabled: boolean; selectedGroupIds: { [groupId: string]: boolean; }; editingGroupId: string | null; fileHandle: import("browser-fs-access").FileSystemHandle | null; collaborators: Map<string, import("../types").Collaborator>; showStats: boolean; currentChartType: import("../element/types").ChartType; pasteDialog: { shown: false; data: null; } | { shown: true; data: import("../charts").Spreadsheet; }; pendingImageElementId: string | null; showHyperlinkPopup: false | "info" | "editor"; selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; }; files: import("../types").BinaryFiles; commitToHistory: true; } | { elements: readonly import("../element/types").ExcalidrawElement[]; appState: { errorMessage: any; contextMenu: { items: import("../components/ContextMenu").ContextMenuItems; top: number; left: number; } | null; showWelcomeScreen: boolean; isLoading: boolean; draggingElement: import("../element/types").NonDeletedExcalidrawElement | 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").ExcalidrawFrameElement> | null; frameRendering: { enabled: boolean; name: boolean; outline: boolean; clip: boolean; }; editingFrame: string | null; elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null; editingElement: import("../element/types").NonDeletedExcalidrawElement | null; editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; activeTool: { lastActiveTool: import("../types").LastActiveTool; locked: boolean; } & ({ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand"; customType: null; } | { type: "custom"; customType: string; }); 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; currentItemRoundness: import("../element/types").StrokeRoundness; viewBackgroundColor: string; scrollX: number; scrollY: number; cursorButton: "up" | "down"; scrolledOutside: boolean; name: string; isResizing: boolean; isRotating: boolean; zoom: Readonly<{ value: import("../types").NormalizedZoomValue; }>; openMenu: "canvas" | "shape" | null; openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null; openSidebar: { name: string; tab?: string | undefined; } | null; openDialog: "imageExport" | "help" | "jsonExport" | null; defaultSidebarDockedPreference: boolean; lastPointerDownWith: import("../element/types").PointerType; selectedElementIds: 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: string; gridSize: number | null; 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<string, import("../types").Collaborator>; showStats: boolean; currentChartType: import("../element/types").ChartType; pasteDialog: { shown: false; data: null; } | { shown: true; data: import("../charts").Spreadsheet; }; pendingImageElementId: string | null; showHyperlinkPopup: false | "info" | "editor"; selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; }; files: import("../types").BinaryFiles; commitToHistory: false; }>; keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean; } & { keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined; }; export declare const actionExportWithDarkMode: { name: "exportWithDarkMode"; trackEvent: { category: "export"; action: string; }; perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => { appState: { exportWithDarkMode: any; contextMenu: { items: import("../components/ContextMenu").ContextMenuItems; top: number; left: number; } | null; showWelcomeScreen: boolean; isLoading: boolean; errorMessage: import("react").ReactNode; draggingElement: import("../element/types").NonDeletedExcalidrawElement | 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").ExcalidrawFrameElement> | null; frameRendering: { enabled: boolean; name: boolean; outline: boolean; clip: boolean; }; editingFrame: string | null; elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null; editingElement: import("../element/types").NonDeletedExcalidrawElement | null; editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null; activeTool: { lastActiveTool: import("../types").LastActiveTool; locked: boolean; } & ({ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand"; customType: null; } | { type: "custom"; customType: string; }); penMode: boolean;