@zsviczian/excalidraw 0.15.2-obsidian-8 → 0.15.2-obsidian-9

package/types/actions/actionFinalize.d.ts

@@ -100,7 +100,7 @@ export declare const actionFinalize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -163,6 +163,7 @@ export declare const actionFinalize: {
                 type: "custom";
                 customType: string;
             });
+            activeEmbeddable: null;
             draggingElement: null;
             multiElement: null;
             editingElement: null;
@@ -181,10 +182,6 @@ export declare const actionFinalize: {
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
-            activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
-            } | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
@@ -247,7 +244,7 @@ export declare const actionFinalize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;

package/types/actions/actionFlip.d.ts

@@ -6,7 +6,7 @@ export declare const actionFlipHorizontal: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
         appState: Readonly<AppState>;
         commitToHistory: true;
@@ -21,7 +21,7 @@ export declare const actionFlipVertical: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
         appState: Readonly<AppState>;
         commitToHistory: true;

package/types/actions/actionFrame.d.ts

@@ -1,18 +1,18 @@
 /// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
+import { AppClassProperties, AppState } from "../types";
 export declare const actionSelectAllElementsInFrame: {
     name: "selectAllElementsInFrame";
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         elements: readonly ExcalidrawElement[];
         appState: Readonly<AppState>;
         commitToHistory: false;
     };
     contextItemLabel: string;
-    predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
 } & {
     keyTest?: undefined;
 };
@@ -21,7 +21,7 @@ export declare const actionRemoveAllElementsFromFrame: {
     trackEvent: {
         category: "history";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             selectedElementIds: {
@@ -117,7 +117,7 @@ export declare const actionRemoveAllElementsFromFrame: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -172,7 +172,7 @@ export declare const actionRemoveAllElementsFromFrame: {
         commitToHistory: false;
     };
     contextItemLabel: string;
-    predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
 } & {
     keyTest?: undefined;
 };
@@ -278,7 +278,7 @@ export declare const actionupdateFrameRendering: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -338,7 +338,7 @@ export declare const actionSetFrameAsActiveTool: {
     trackEvent: {
         category: "toolbar";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         elements: readonly ExcalidrawElement[];
         appState: {
             activeTool: {
@@ -434,7 +434,7 @@ export declare const actionSetFrameAsActiveTool: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;

package/types/actions/actionGroup.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
+import { AppClassProperties, AppState } from "../types";
 export declare const actionGroup: {
     name: "group";
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: readonly ExcalidrawElement[];
         commitToHistory: false;
@@ -16,9 +16,9 @@ export declare const actionGroup: {
         commitToHistory: true;
     };
     contextItemLabel: string;
-    predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -27,7 +27,7 @@ export declare const actionUngroup: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: readonly ExcalidrawElement[];
         commitToHistory: false;

package/types/actions/actionLinearEditor.d.ts

@@ -6,7 +6,7 @@ export declare const actionToggleLinearEditor: {
     trackEvent: {
         category: "element";
     };
-    predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState) => boolean;
+    predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, _: 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): {
         appState: {
             editingLinearElement: LinearElementEditor | null;
@@ -102,7 +102,7 @@ export declare const actionToggleLinearEditor: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -152,7 +152,7 @@ export declare const actionToggleLinearEditor: {
         };
         commitToHistory: false;
     };
-    contextItemLabel: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => "labels.lineEditor.exit" | "labels.lineEditor.edit";
+    contextItemLabel: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, app: import("../types").AppClassProperties) => "labels.lineEditor.exit" | "labels.lineEditor.edit";
 } & {
     keyTest?: undefined;
 };

package/types/actions/actionMenu.d.ts

@@ -99,7 +99,7 @@ export declare const actionToggleCanvasMenu: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -253,7 +253,7 @@ export declare const actionToggleEditMenu: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -423,7 +423,7 @@ export declare const actionShortcuts: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;

package/types/actions/actionProperties.d.ts

@@ -116,7 +116,7 @@ export declare const actionChangeFillStyle: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -269,7 +269,7 @@ export declare const actionChangeStrokeWidth: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -422,7 +422,7 @@ export declare const actionChangeSloppiness: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -575,7 +575,7 @@ export declare const actionChangeStrokeStyle: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -728,7 +728,7 @@ export declare const actionChangeOpacity: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -881,7 +881,7 @@ export declare const actionChangeFontSize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -1034,7 +1034,7 @@ export declare const actionDecreaseFontSize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -1187,7 +1187,7 @@ export declare const actionIncreaseFontSize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -1340,7 +1340,7 @@ export declare const actionChangeFontFamily: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -1493,7 +1493,7 @@ export declare const actionChangeTextAlign: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -1648,7 +1648,7 @@ export declare const actionChangeVerticalAlign: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -1801,7 +1801,7 @@ export declare const actionChangeRoundness: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -1957,7 +1957,7 @@ export declare const actionChangeArrowhead: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;

package/types/actions/actionStyles.d.ts

@@ -98,7 +98,7 @@ export declare const actionCopyStyles: {
             selectedElementsAreBeingDragged: boolean;
             shouldCacheIgnoreZoom: boolean;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;

package/types/actions/actionToggleGridMode.d.ts

@@ -103,7 +103,7 @@ export declare const actionToggleGridMode: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
             selectedGroupIds: {

package/types/actions/actionToggleStats.d.ts

@@ -101,7 +101,7 @@ export declare const actionToggleStats: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;

package/types/actions/actionToggleViewMode.d.ts

@@ -102,7 +102,7 @@ export declare const actionToggleViewMode: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             selectedGroupIds: {

package/types/actions/actionToggleZenMode.d.ts

@@ -101,7 +101,7 @@ export declare const actionToggleZenMode: {
                 closable?: boolean | undefined;
                 duration?: number | undefined;
             } | null;
-            theme: string;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;

package/types/actions/types.d.ts

@@ -22,14 +22,15 @@ export type PanelComponentProps = {
     updateData: (formData?: any) => void;
     appProps: ExcalidrawProps;
     data?: Record<string, any>;
+    app: AppClassProperties;
 };
 export interface Action {
     name: ActionName;
     PanelComponent?: React.FC<PanelComponentProps>;
     perform: ActionFn;
     keyPriority?: number;
-    keyTest?: (event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[]) => boolean;
-    contextItemLabel?: string | ((elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => string);
+    keyTest?: (event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: AppClassProperties) => boolean;
+    contextItemLabel?: string | ((elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, app: AppClassProperties) => string);
     predicate?: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: ExcalidrawProps, app: AppClassProperties) => boolean;
     checked?: (appState: Readonly<AppState>) => boolean;
     trackEvent: false | {

package/types/appState.d.ts

@@ -1,7 +1,7 @@
 import { AppState, NormalizedZoomValue } from "./types";
 export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
 export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
-    theme?: string | undefined;
+    theme?: import("./element/types").Theme | undefined;
     name?: string | undefined;
     activeTool?: ({
         lastActiveTool: import("./types").LastActiveTool;

package/types/components/HintViewer.d.ts

@@ -1,11 +1,10 @@
-import { NonDeletedExcalidrawElement } from "../element/types";
-import { Device, UIAppState } from "../types";
+import { AppClassProperties, Device, UIAppState } from "../types";
 import "./HintViewer.scss";
 interface HintViewerProps {
     appState: UIAppState;
-    elements: readonly NonDeletedExcalidrawElement[];
     isMobile: boolean;
     device: Device;
+    app: AppClassProperties;
 }
-export declare const HintViewer: ({ appState, elements, isMobile, device, }: HintViewerProps) => JSX.Element | null;
+export declare const HintViewer: ({ appState, isMobile, device, app, }: HintViewerProps) => JSX.Element | null;
 export {};

package/types/components/LayerUI.d.ts

@@ -26,6 +26,7 @@ interface LayerUIProps {
     onExportImage: AppClassProperties["onExportImage"];
     renderWelcomeScreen: boolean;
     children?: React.ReactNode;
+    app: AppClassProperties;
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onImageAction, onExportImage, renderWelcomeScreen, children, }: LayerUIProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onImageAction, onExportImage, renderWelcomeScreen, children, app, }: LayerUIProps) => JSX.Element>;
 export default _default;

package/types/components/MobileMenu.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { AppState, Device, ExcalidrawProps, UIAppState } from "../types";
+import { AppClassProperties, AppState, Device, ExcalidrawProps, UIAppState } from "../types";
 import { ActionManager } from "../actions/manager";
 import { NonDeletedExcalidrawElement } from "../element/types";
 type MobileMenuProps = {
@@ -21,6 +21,7 @@ type MobileMenuProps = {
     renderSidebars: () => JSX.Element | null;
     device: Device;
     renderWelcomeScreen: boolean;
+    app: AppClassProperties;
 };
-export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, canvas, onImageAction, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, }: MobileMenuProps) => JSX.Element;
+export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, canvas, onImageAction, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, app, }: MobileMenuProps) => JSX.Element;
 export {};

package/types/constants.d.ts

@@ -84,8 +84,8 @@ export declare const FONT_FAMILY: {
     LocalFont: number;
 };
 export declare const THEME: {
-    LIGHT: string;
-    DARK: string;
+    readonly LIGHT: "light";
+    readonly DARK: "dark";
 };
 export declare const FRAME_STYLE: {
     strokeColor: string;

package/types/data/url.d.ts

@@ -1,2 +1,7 @@
 export declare const normalizeLink: (link: string) => string;
 export declare const isLocalLink: (link: string | null) => boolean;
+/**
+ * Returns URL sanitized and safe for usage in places such as
+ * iframe's src attribute or <a> href attributes.
+ */
+export declare const toValidURL: (link: string) => string;

package/types/element/Hyperlink.d.ts

@@ -113,7 +113,7 @@ export declare const actionLink: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("./types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;

package/types/element/embeddable.d.ts

@@ -1,15 +1,20 @@
 /// <reference types="react" />
 import { ExcalidrawProps } from "../types";
-import { ExcalidrawElement, ExcalidrawEmbeddableElement, NonDeletedExcalidrawElement } from "./types";
-type EmbeddedLink = {
-    link: string;
+import { ExcalidrawElement, ExcalidrawEmbeddableElement, NonDeletedExcalidrawElement, Theme } from "./types";
+type EmbeddedLink = ({
     aspectRatio: {
         w: number;
         h: number;
     };
+    warning?: string;
+} & ({
     type: "video" | "generic";
-} | null;
-export declare const getEmbedLink: (link?: string | null) => EmbeddedLink;
+    link: string;
+} | {
+    type: "document";
+    srcdoc: (theme: Theme) => string;
+})) | null;
+export declare const getEmbedLink: (link: string | null | undefined) => EmbeddedLink;
 export declare const isEmbeddableOrFrameLabel: (element: NonDeletedExcalidrawElement) => Boolean;
 export declare const createPlaceholderEmbeddableLabel: (element: ExcalidrawEmbeddableElement) => ExcalidrawElement;
 export declare const actionSetEmbeddableAsActiveTool: {
@@ -113,7 +118,7 @@ export declare const actionSetEmbeddableAsActiveTool: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;
@@ -163,9 +168,9 @@ export declare const actionSetEmbeddableAsActiveTool: {
         };
         commitToHistory: false;
     };
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: undefined;
 };
+export declare const extractSrc: (htmlString: string) => string;
 export declare const embeddableURLValidator: (url: string | null | undefined, validateEmbeddable: ExcalidrawProps["validateEmbeddable"]) => boolean;
 export {};

package/types/element/linearElementEditor.d.ts

@@ -215,7 +215,7 @@ export declare class LinearElementEditor {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: string;
+            theme: import("./types").Theme;
             gridSize: number | null;
             previousGridSize: number | null;
             viewModeEnabled: boolean;

package/types/frame.d.ts

@@ -1,5 +1,5 @@
 import { ExcalidrawElement, ExcalidrawFrameElement, NonDeleted, NonDeletedExcalidrawElement } from "./element/types";
-import { AppState } from "./types";
+import { AppClassProperties, AppState } from "./types";
 import { ExcalidrawElementsIncludingDeleted } from "./scene/Scene";
 export declare const bindElementsToFramesAfterDuplication: (nextElements: ExcalidrawElement[], oldElements: readonly ExcalidrawElement[], oldIdToDuplicatedId: Map<ExcalidrawElement["id"], ExcalidrawElement["id"]>) => void;
 export declare const getElementsCompletelyInFrame: (elements: readonly ExcalidrawElement[], frame: ExcalidrawFrameElement) => ExcalidrawElement[];
@@ -26,7 +26,7 @@ export declare const removeElementsFromFrame: (allElements: ExcalidrawElementsIn
 export declare const removeAllElementsFromFrame: (allElements: ExcalidrawElementsIncludingDeleted, frame: ExcalidrawFrameElement, appState: AppState) => ExcalidrawElement[];
 export declare const replaceAllElementsInFrame: (allElements: ExcalidrawElementsIncludingDeleted, nextElementsInFrame: ExcalidrawElement[], frame: ExcalidrawFrameElement, appState: AppState) => ExcalidrawElement[];
 /** does not mutate elements, but return new ones */
-export declare const updateFrameMembershipOfSelectedElements: (allElements: ExcalidrawElementsIncludingDeleted, appState: AppState) => ExcalidrawElementsIncludingDeleted;
+export declare const updateFrameMembershipOfSelectedElements: (allElements: ExcalidrawElementsIncludingDeleted, appState: AppState, app: AppClassProperties) => ExcalidrawElementsIncludingDeleted;
 /**
  * filters out elements that are inside groups that contain a frame element
  * anywhere in the group tree

package/types/groups.d.ts

@@ -1,5 +1,5 @@
-import { GroupId, ExcalidrawElement, NonDeleted } from "./element/types";
-import { AppState } from "./types";
+import { GroupId, ExcalidrawElement, NonDeleted, NonDeletedExcalidrawElement } from "./element/types";
+import { AppClassProperties, AppState } from "./types";
 export declare const selectGroup: (groupId: GroupId, appState: AppState, elements: readonly NonDeleted<ExcalidrawElement>[]) => AppState;
 /**
  * If the element's group is selected, don't render an individual
@@ -12,7 +12,7 @@ export declare const getSelectedGroupIds: (appState: AppState) => GroupId[];
  * When you select an element, you often want to actually select the whole group it's in, unless
  * you're currently editing that group.
  */
-export declare const selectGroupsForSelectedElements: (appState: AppState, elements: readonly NonDeleted<ExcalidrawElement>[], prevAppState: AppState) => AppState;
+export declare const selectGroupsForSelectedElements: (appState: AppState, elements: readonly NonDeletedExcalidrawElement[], prevAppState: AppState, app: AppClassProperties | null) => AppState;
 export declare const selectGroupsFromGivenElements: (elements: readonly NonDeleted<ExcalidrawElement>[], appState: AppState) => {
     [groupId: string]: boolean;
 };

package/types/scene/Scene.d.ts

@@ -1,5 +1,6 @@
 import { ExcalidrawElement, NonDeletedExcalidrawElement, NonDeleted, ExcalidrawFrameElement } from "../element/types";
 import { LinearElementEditor } from "../element/linearElementEditor";
+import { AppState } from "../types";
 type ElementIdKey = InstanceType<typeof LinearElementEditor>["elementId"];
 type ElementKey = ExcalidrawElement | ElementIdKey;
 type SceneStateCallback = () => void;
@@ -16,9 +17,21 @@ declare class Scene {
     private nonDeletedFrames;
     private frames;
     private elementsMap;
+    private selectedElementsCache;
     getElementsIncludingDeleted(): readonly ExcalidrawElement[];
     getNonDeletedElements(): readonly NonDeletedExcalidrawElement[];
     getFramesIncludingDeleted(): readonly ExcalidrawFrameElement[];
+    getSelectedElements(opts: {
+        selectedElementIds: AppState["selectedElementIds"];
+        /**
+         * for specific cases where you need to use elements not from current
+         * scene state. This in effect will likely result in cache-miss, and
+         * the cache won't be updated in this case.
+         */
+        elements?: readonly ExcalidrawElement[];
+        includeBoundTextElement?: boolean;
+        includeElementsInFrames?: boolean;
+    }): NonDeleted<ExcalidrawElement>[];
     getNonDeletedFrames(): readonly NonDeleted<ExcalidrawFrameElement>[];
     getElement<T extends ExcalidrawElement>(id: T["id"]): T | null;
     getNonDeletedElement(id: ExcalidrawElement["id"]): NonDeleted<ExcalidrawElement> | null;

package/types/types.d.ts

@@ -311,7 +311,7 @@ export interface ExcalidrawProps {
     onPointerDown?: (activeTool: AppState["activeTool"], pointerDownState: PointerDownState) => void;
     onScrollChange?: (scrollX: number, scrollY: number) => void;
     children?: React.ReactNode;
-    validateEmbeddable?: boolean | RegExp | RegExp[] | ((link: string) => boolean | undefined);
+    validateEmbeddable?: boolean | string[] | RegExp | RegExp[] | ((link: string) => boolean | undefined);
     renderEmbeddable?: (element: NonDeleted<ExcalidrawEmbeddableElement>, appState: AppState) => JSX.Element | null;
     renderWebview?: boolean;
     renderEmbeddableMenu?: (//zsivzian

package/types/utility-types.d.ts

@@ -20,3 +20,5 @@ export type SignatureType<T> = T extends (...args: infer R) => any ? R : never;
 export type CallableType<T extends (...args: any[]) => any> = (...args: SignatureType<T>) => ReturnType<T>;
 export type ForwardRef<T, P = any> = Parameters<CallableType<React.ForwardRefRenderFunction<T, P>>>[1];
 export type ExtractSetType<T extends Set<any>> = T extends Set<infer U> ? U : never;
+export type SameType<T, U> = T extends U ? (U extends T ? true : false) : false;
+export type Assert<T extends true> = T;