@unicom-cloud/ui 0.8.168 → 0.8.170

package/draw/core/actions/actionFrame.d.ts

@@ -0,0 +1,1127 @@
+import React from 'react';
+import type { DrawElement } from '../../element/types';
+import type { AppClassProperties, AppState } from '../../interface';
+export declare const actionSelectAllElementsInFrame: {
+    name: "selectAllElementsInFrame";
+    label: string;
+    trackEvent: {
+        category: "canvas";
+    };
+    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
+        elements: readonly import("../../element/types").OrderedDrawElement[];
+        appState: {
+            selectedElementIds: Record<string, true>;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("../../element/types").NonDeletedDrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: import("../../interface").Zoom;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../element/types").PointerType;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "IMMEDIATELY";
+    } | {
+        elements: readonly import("../../element/types").OrderedDrawElement[];
+        appState: Readonly<AppState>;
+        captureUpdate: "EVENTUALLY";
+    };
+    predicate: (elements: readonly DrawElement[], appState: AppState, _: import("../..").DrawProps, app: AppClassProperties) => boolean;
+} & {
+    keyTest?: undefined;
+};
+export declare const actionRemoveAllElementsFromFrame: {
+    name: "removeAllElementsFromFrame";
+    label: string;
+    trackEvent: {
+        category: "history";
+    };
+    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
+        elements: readonly import("../../element/types").OrderedDrawElement[];
+        appState: {
+            selectedElementIds: {
+                [x: string]: true;
+            };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("../../element/types").NonDeletedDrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: import("../../interface").Zoom;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../element/types").PointerType;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "IMMEDIATELY";
+    } | {
+        elements: readonly import("../../element/types").OrderedDrawElement[];
+        appState: Readonly<AppState>;
+        captureUpdate: "EVENTUALLY";
+    };
+    predicate: (elements: readonly DrawElement[], appState: AppState, _: import("../..").DrawProps, app: AppClassProperties) => boolean;
+} & {
+    keyTest?: undefined;
+};
+export declare const actionupdateFrameRendering: {
+    name: "updateFrameRendering";
+    label: string;
+    viewMode: true;
+    trackEvent: {
+        category: "canvas";
+    };
+    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>) => {
+        elements: readonly import("../../element/types").OrderedDrawElement[];
+        appState: {
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("../../element/types").NonDeletedDrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: import("../../interface").Zoom;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            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;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "EVENTUALLY";
+    };
+    checked: (appState: AppState) => boolean;
+} & {
+    keyTest?: undefined;
+};
+export declare const actionSetFrameAsActiveTool: {
+    name: "setFrameAsActiveTool";
+    label: string;
+    trackEvent: {
+        category: "toolbar";
+    };
+    icon: React.FunctionComponentElement<import("@unicom-cloud/icons/IconProps").default & React.RefAttributes<unknown>>;
+    viewMode: false;
+    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
+        elements: readonly import("../../element/types").OrderedDrawElement[];
+        appState: {
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("../../element/types").NonDeletedDrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: import("../../interface").Zoom;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            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;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "EVENTUALLY";
+    };
+    keyTest: (event: React.KeyboardEvent<Element> | KeyboardEvent) => boolean;
+} & {
+    keyTest?: ((event: React.KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+};
+export declare const actionWrapSelectionInFrame: {
+    name: "wrapSelectionInFrame";
+    label: string;
+    trackEvent: {
+        category: "element";
+    };
+    predicate: (elements: readonly DrawElement[], appState: AppState, _: import("../..").DrawProps, app: AppClassProperties) => boolean;
+    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
+        elements: ((Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("../../element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("../../element/types").StrokeStyle;
+            roundness: null | {
+                type: import("../../element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("../../libs/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("../../element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("../../element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
+        }> & Readonly<{
+            type: "line" | "arrow";
+            points: readonly import("../../libs/math").LocalPoint[];
+            startBinding: import("../../element/types").FixedPointBinding | null;
+            endBinding: import("../../element/types").FixedPointBinding | null;
+            startArrowhead: import("../../element/types").Arrowhead | null;
+            endArrowhead: import("../../element/types").Arrowhead | null;
+        }> & {
+            index: import("../../element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("../../element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("../../element/types").StrokeStyle;
+            roundness: null | {
+                type: import("../../element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("../../libs/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("../../element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("../../element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
+        }> & {
+            type: "selection";
+        } & {
+            index: import("../../element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("../../element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("../../element/types").StrokeStyle;
+            roundness: null | {
+                type: import("../../element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("../../libs/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("../../element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("../../element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
+        }> & {
+            type: "rectangle";
+        } & {
+            index: import("../../element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("../../element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("../../element/types").StrokeStyle;
+            roundness: null | {
+                type: import("../../element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("../../libs/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("../../element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("../../element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
+        }> & {
+            type: "diamond";
+        } & {
+            index: import("../../element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("../../element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("../../element/types").StrokeStyle;
+            roundness: null | {
+                type: import("../../element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("../../libs/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("../../element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("../../element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
+        }> & {
+            type: "ellipse";
+        } & {
+            index: import("../../element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("../../element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("../../element/types").StrokeStyle;
+            roundness: null | {
+                type: import("../../element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("../../libs/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("../../element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("../../element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
+        }> & Readonly<{
+            type: "embeddable";
+        }> & {
+            index: import("../../element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("../../element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("../../element/types").StrokeStyle;
+            roundness: null | {
+                type: import("../../element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("../../libs/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("../../element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("../../element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
+        }> & Readonly<{
+            type: "iframe";
+            customData?: {
+                generationData?: import("../../element/types").MagicGenerationData;
+            };
+        }> & {
+            index: import("../../element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("../../element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("../../element/types").StrokeStyle;
+            roundness: null | {
+                type: import("../../element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("../../libs/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("../../element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("../../element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
+        }> & Readonly<{
+            type: "image";
+            fileId: import("../../element/types").FileId | null;
+            status: "pending" | "saved" | "error";
+            scale: [number, number];
+            crop: import("../../element/types").ImageCrop | null;
+        }> & {
+            index: import("../../element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("../../element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("../../element/types").StrokeStyle;
+            roundness: null | {
+                type: import("../../element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("../../libs/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("../../element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("../../element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
+        }> & {
+            type: "frame";
+            name: string | null;
+        } & {
+            index: import("../../element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("../../element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("../../element/types").StrokeStyle;
+            roundness: null | {
+                type: import("../../element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("../../libs/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("../../element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("../../element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
+        }> & {
+            type: "magicframe";
+            name: string | null;
+        } & {
+            index: import("../../element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("../../element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("../../element/types").StrokeStyle;
+            roundness: null | {
+                type: import("../../element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("../../libs/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("../../element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("../../element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
+        }> & Readonly<{
+            type: "text";
+            fontSize: number;
+            fontFamily: import("../../element/types").FontFamilyValues;
+            text: string;
+            textAlign: import("../../element/types").TextAlign;
+            verticalAlign: import("../../element/types").VerticalAlign;
+            containerId: import("../../element/types").DrawGenericElement["id"] | null;
+            originalText: string;
+            autoResize: boolean;
+            lineHeight: number & {
+                _brand: "unitlessLineHeight";
+            };
+        }> & {
+            index: import("../../element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("../../element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("../../element/types").StrokeStyle;
+            roundness: null | {
+                type: import("../../element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("../../libs/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("../../element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("../../element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
+        }> & Readonly<{
+            type: "freedraw";
+            points: readonly import("../../libs/math").LocalPoint[];
+            pressures: readonly number[];
+            simulatePressure: boolean;
+        }> & {
+            index: import("../../element/types").FractionalIndex;
+        }) | import("../../element/types").NonDeleted<import("../../element/types").DrawFrameElement>)[];
+        appState: {
+            selectedElementIds: {
+                [x: string]: true;
+            };
+        };
+        captureUpdate: "IMMEDIATELY";
+    };
+} & {
+    keyTest?: undefined;
+};