@excalidraw/excalidraw 0.15.2-6213-0f92339 → 0.15.2-6546-d83860c

package/types/appState.d.ts

@@ -3,17 +3,17 @@ export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "off
 export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
     theme?: string | undefined;
     name?: string | undefined;
+    showWelcomeScreen?: boolean | undefined;
     activeTool?: ({
         lastActiveTool: import("./types").LastActiveTool;
         locked: boolean;
     } & ({
-        type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
+        type: "text" | "ellipse" | "image" | "line" | "selection" | "rectangle" | "diamond" | "arrow" | "freedraw" | "eraser" | "hand";
         customType: null;
     } | {
         type: "custom";
         customType: string;
     })) | undefined;
-    showWelcomeScreen?: boolean | undefined;
     penMode?: boolean | undefined;
     penDetected?: boolean | undefined;
     exportBackground?: boolean | undefined;

package/types/components/Actions.d.ts

@@ -1,21 +1,21 @@
 import React from "react";
 import { ActionManager } from "../actions/manager";
 import { ExcalidrawElement, PointerType } from "../element/types";
-import { AppState, Zoom } from "../types";
+import { UIAppState, Zoom } from "../types";
 import "./Actions.scss";
 export declare const SelectedShapeActions: ({ appState, elements, renderAction, }: {
-    appState: AppState;
+    appState: UIAppState;
     elements: readonly ExcalidrawElement[];
     renderAction: ActionManager["renderAction"];
 }) => JSX.Element;
 export declare const ShapesSwitcher: ({ canvas, activeTool, setAppState, onImageAction, appState, }: {
     canvas: HTMLCanvasElement | null;
-    activeTool: AppState["activeTool"];
-    setAppState: React.Component<any, AppState>["setState"];
+    activeTool: UIAppState["activeTool"];
+    setAppState: React.Component<any, UIAppState>["setState"];
     onImageAction: (data: {
         pointerType: PointerType | null;
     }) => void;
-    appState: AppState;
+    appState: UIAppState;
 }) => JSX.Element;
 export declare const ZoomActions: ({ renderAction, zoom, }: {
     renderAction: ActionManager["renderAction"];

package/types/components/HintViewer.d.ts

@@ -1,8 +1,8 @@
 import { NonDeletedExcalidrawElement } from "../element/types";
+import { Device, UIAppState } from "../types";
 import "./HintViewer.scss";
-import { AppState, Device } from "../types";
 interface HintViewerProps {
-    appState: AppState;
+    appState: UIAppState;
     elements: readonly NonDeletedExcalidrawElement[];
     isMobile: boolean;
     device: Device;

package/types/components/ImageExportDialog.d.ts

@@ -1,13 +1,13 @@
 import React from "react";
 import { NonDeletedExcalidrawElement } from "../element/types";
-import { AppState, BinaryFiles } from "../types";
-import "./ExportDialog.scss";
+import { BinaryFiles, UIAppState } from "../types";
 import { ActionManager } from "../actions/manager";
+import "./ExportDialog.scss";
 export declare const ErrorCanvasPreview: () => JSX.Element;
 export declare type ExportCB = (elements: readonly NonDeletedExcalidrawElement[], scale?: number) => void;
 export declare const ImageExportDialog: ({ elements, appState, setAppState, files, exportPadding, actionManager, onExportToPng, onExportToSvg, onExportToClipboard, }: {
-    appState: AppState;
-    setAppState: React.Component<any, AppState>["setState"];
+    appState: UIAppState;
+    setAppState: React.Component<any, UIAppState>["setState"];
     elements: readonly NonDeletedExcalidrawElement[];
     files: BinaryFiles;
     exportPadding?: number | undefined;

package/types/components/JSONExportDialog.d.ts

@@ -1,15 +1,15 @@
 import React from "react";
 import { NonDeletedExcalidrawElement } from "../element/types";
-import { AppState, ExportOpts, BinaryFiles } from "../types";
+import { ExportOpts, BinaryFiles, UIAppState } from "../types";
 import "./ExportDialog.scss";
 import { ActionManager } from "../actions/manager";
 export declare type ExportCB = (elements: readonly NonDeletedExcalidrawElement[], scale?: number) => void;
 export declare const JSONExportDialog: ({ elements, appState, files, actionManager, exportOpts, canvas, setAppState, }: {
     elements: readonly NonDeletedExcalidrawElement[];
-    appState: AppState;
+    appState: UIAppState;
     files: BinaryFiles;
     actionManager: ActionManager;
     exportOpts: ExportOpts;
     canvas: HTMLCanvasElement | null;
-    setAppState: React.Component<any, AppState>["setState"];
+    setAppState: React.Component<any, UIAppState>["setState"];
 }) => JSX.Element;

package/types/components/LayerUI.d.ts

@@ -2,12 +2,12 @@ import React from "react";
 import { ActionManager } from "../actions/manager";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { Language } from "../i18n";
-import { AppProps, AppState, ExcalidrawProps, BinaryFiles } from "../types";
+import { AppProps, AppState, ExcalidrawProps, BinaryFiles, UIAppState } from "../types";
 import "./LayerUI.scss";
 import "./Toolbar.scss";
 interface LayerUIProps {
     actionManager: ActionManager;
-    appState: AppState;
+    appState: UIAppState;
     files: BinaryFiles;
     canvas: HTMLCanvasElement | null;
     setAppState: React.Component<any, AppState>["setState"];

package/types/components/LibraryMenu.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import Library from "../data/library";
-import { LibraryItems, LibraryItem, AppState, ExcalidrawProps } from "../types";
+import { LibraryItems, LibraryItem, ExcalidrawProps, UIAppState } from "../types";
 import "./LibraryMenu.scss";
 export declare const isLibraryMenuOpenAtom: import("jotai").Atom<boolean> & {
     write: (get: {
@@ -29,11 +29,11 @@ export declare const LibraryMenuContent: ({ onInsertLibraryItems, pendingElement
     pendingElements: LibraryItem["elements"];
     onInsertLibraryItems: (libraryItems: LibraryItems) => void;
     onAddToLibrary: () => void;
-    setAppState: React.Component<any, AppState>["setState"];
+    setAppState: React.Component<any, UIAppState>["setState"];
     libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
     library: Library;
     id: string;
-    appState: AppState;
+    appState: UIAppState;
     selectedItems: LibraryItem["id"][];
     onSelectItems: (id: LibraryItem["id"][]) => void;
 }) => JSX.Element;

package/types/components/LibraryMenuBrowseButton.d.ts

@@ -1,7 +1,7 @@
-import { AppState, ExcalidrawProps } from "../types";
+import { ExcalidrawProps, UIAppState } from "../types";
 declare const LibraryMenuBrowseButton: ({ theme, id, libraryReturnUrl, }: {
     libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
-    theme: AppState["theme"];
+    theme: UIAppState["theme"];
     id: string;
 }) => JSX.Element;
 export default LibraryMenuBrowseButton;

package/types/components/LibraryMenuControlButtons.d.ts

@@ -1,9 +1,9 @@
-import { LibraryItem, ExcalidrawProps, AppState } from "../types";
+import { LibraryItem, ExcalidrawProps, UIAppState } from "../types";
 export declare const LibraryMenuControlButtons: ({ selectedItems, onSelectItems, libraryReturnUrl, theme, id, style, }: {
     selectedItems: LibraryItem["id"][];
     onSelectItems: (id: LibraryItem["id"][]) => void;
     libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
-    theme: AppState["theme"];
+    theme: UIAppState["theme"];
     id: string;
     style: React.CSSProperties;
 }) => JSX.Element;

package/types/components/LibraryMenuHeaderContent.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import { AppState, LibraryItem } from "../types";
+import { LibraryItem, UIAppState } from "../types";
 import Library from "../data/library";
 export declare const LibraryDropdownMenuButton: React.FC<{
-    setAppState: React.Component<any, AppState>["setState"];
+    setAppState: React.Component<any, UIAppState>["setState"];
     selectedItems: LibraryItem["id"][];
     library: Library;
     onRemoveFromLibrary: () => void;
     resetLibrary: () => void;
     onSelectItems: (items: LibraryItem["id"][]) => void;
-    appState: AppState;
+    appState: UIAppState;
 }>;
 export declare const LibraryDropdownMenu: ({ selectedItems, onSelectItems, }: {
     selectedItems: LibraryItem["id"][];

package/types/components/LibraryMenuItems.d.ts

@@ -1,4 +1,4 @@
-import { AppState, ExcalidrawProps, LibraryItem, LibraryItems } from "../types";
+import { ExcalidrawProps, LibraryItem, LibraryItems, UIAppState } from "../types";
 import "./LibraryMenuItems.scss";
 declare const LibraryMenuItems: ({ isLoading, libraryItems, onAddToLibrary, onInsertLibraryItems, pendingElements, selectedItems, onSelectItems, theme, id, libraryReturnUrl, }: {
     isLoading: boolean;
@@ -9,7 +9,7 @@ declare const LibraryMenuItems: ({ isLoading, libraryItems, onAddToLibrary, onIn
     selectedItems: LibraryItem["id"][];
     onSelectItems: (id: LibraryItem["id"][]) => void;
     libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
-    theme: AppState["theme"];
+    theme: UIAppState["theme"];
     id: string;
 }) => JSX.Element;
 export default LibraryMenuItems;

package/types/components/MobileMenu.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { AppState, Device, ExcalidrawProps } from "../types";
+import { AppState, Device, ExcalidrawProps, UIAppState } from "../types";
 import { ActionManager } from "../actions/manager";
 import { NonDeletedExcalidrawElement } from "../element/types";
 declare type MobileMenuProps = {
-    appState: AppState;
+    appState: UIAppState;
     actionManager: ActionManager;
     renderJSONExportDialog: () => React.ReactNode;
     renderImageExportDialog: () => React.ReactNode;
@@ -16,7 +16,7 @@ declare type MobileMenuProps = {
     onImageAction: (data: {
         insertOnCanvasDirectly: boolean;
     }) => void;
-    renderTopRightUI?: (isMobile: boolean, appState: AppState) => JSX.Element | null;
+    renderTopRightUI?: (isMobile: boolean, appState: UIAppState) => JSX.Element | null;
     renderCustomStats?: ExcalidrawProps["renderCustomStats"];
     renderSidebars: () => JSX.Element | null;
     device: Device;

package/types/components/PasteChartDialog.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { AppState } from "../types";
+import { UIAppState } from "../types";
 import "./PasteChartDialog.scss";
 export declare const PasteChartDialog: ({ setAppState, appState, onClose, }: {
-    appState: AppState;
+    appState: UIAppState;
     onClose: () => void;
-    setAppState: React.Component<any, AppState>["setState"];
+    setAppState: React.Component<any, UIAppState>["setState"];
 }) => JSX.Element;

package/types/components/PublishLibrary.d.ts

@@ -1,9 +1,9 @@
-import { AppState, LibraryItems } from "../types";
+import { LibraryItems, UIAppState } from "../types";
 import "./PublishLibrary.scss";
 declare const PublishLibrary: ({ onClose, libraryItems, appState, onSuccess, onError, updateItemsInStorage, onRemove, }: {
     onClose: () => void;
     libraryItems: LibraryItems;
-    appState: AppState;
+    appState: UIAppState;
     onSuccess: (data: {
         url: string;
         authorName: string;

package/types/components/Stats.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { NonDeletedExcalidrawElement } from "../element/types";
-import { AppState, ExcalidrawProps } from "../types";
+import { ExcalidrawProps, UIAppState } from "../types";
 import "./Stats.scss";
 export declare const Stats: (props: {
-    appState: AppState;
-    setAppState: React.Component<any, AppState>["setState"];
+    appState: UIAppState;
+    setAppState: React.Component<any, UIAppState>["setState"];
     elements: readonly NonDeletedExcalidrawElement[];
     onClose: () => void;
     renderCustomStats: ExcalidrawProps["renderCustomStats"];

package/types/components/Trans.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare const Trans: ({ i18nKey, children, ...props }: {
+    [key: string]: React.ReactNode | ((el: React.ReactNode) => React.ReactNode);
+    i18nKey: string;
+}) => React.FunctionComponentElement<{
+    children?: React.ReactNode;
+}>;
+export default Trans;

package/types/components/footer/Footer.d.ts

@@ -1,8 +1,8 @@
 import { ActionManager } from "../../actions/manager";
-import { AppState } from "../../types";
+import { UIAppState } from "../../types";
 declare const Footer: {
     ({ appState, actionManager, showExitZenModeBtn, renderWelcomeScreen, }: {
-        appState: AppState;
+        appState: UIAppState;
         actionManager: ActionManager;
         showExitZenModeBtn: boolean;
         renderWelcomeScreen: boolean;

package/types/components/main-menu/MainMenu.d.ts

@@ -7,9 +7,7 @@ declare const MainMenu: React.FC<{
      */
     onSelect?: ((event: Event) => void) | undefined;
 } & {
-    __fallback?: boolean | undefined; /**
-     * Called when any menu item is selected (clicked on).
-     */
+    __fallback?: boolean | undefined;
 }> & {
     Trigger: {
         ({ className, children, onToggle, }: {

package/types/context/ui-appState.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { AppState } from "../types";
-export declare const UIAppStateContext: React.Context<AppState>;
-export declare const useUIAppState: () => AppState;
+import { UIAppState } from "../types";
+export declare const UIAppStateContext: React.Context<UIAppState>;
+export declare const useUIAppState: () => UIAppState;

package/types/data/types.d.ts

@@ -1,7 +1,9 @@
-import { ExcalidrawElement } from "../element/types";
+import { ExcalidrawElement, ExcalidrawGenericElement } from "../element/types";
 import { AppState, BinaryFiles, LibraryItems, LibraryItems_anyVersion } from "../types";
 import type { cleanAppStateForExport } from "../appState";
 import { VERSIONS } from "../constants";
+import { MarkOptional } from "../utility-types";
+import { ElementConstructorOpts } from "../element/newElement";
 export interface ExportedDataState {
     type: string;
     version: number;
@@ -25,7 +27,16 @@ export interface ImportedDataState {
     type?: string;
     version?: number;
     source?: string;
-    elements?: readonly ExcalidrawElement[] | null;
+    elements?: readonly ((ExcalidrawElement & {
+        label?: {
+            text: string;
+        } & MarkOptional<ElementConstructorOpts, "x" | "y">;
+    }) | {
+        type: Exclude<ExcalidrawGenericElement["type"], "selection">;
+        label?: {
+            text: string;
+        } & MarkOptional<ElementConstructorOpts, "x" | "y"> & MarkOptional<ElementConstructorOpts, "x" | "y">;
+    })[] | null;
     appState?: Readonly<Partial<AppState & {
         [T in keyof LegacyAppState]: LegacyAppState[T][0];
     }>> | null;

package/types/element/Hyperlink.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AppState, ExcalidrawProps } from "../types";
+import { AppState, ExcalidrawProps, UIAppState } from "../types";
 import { NonDeletedExcalidrawElement } from "./types";
 import { Bounds } from "./bounds";
 import "./Hyperlink.scss";
@@ -39,7 +39,7 @@ export declare const actionLink: {
                 lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
             } & ({
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
+                type: "text" | "ellipse" | "image" | "line" | "selection" | "rectangle" | "diamond" | "arrow" | "freedraw" | "eraser" | "hand";
                 customType: null;
             } | {
                 type: "custom";
@@ -135,7 +135,7 @@ export declare const actionLink: {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const getContextMenuLabel: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => "labels.link.edit" | "labels.link.create";
-export declare const getLinkHandleFromCoords: ([x1, y1, x2, y2]: Bounds, angle: number, appState: AppState) => [x: number, y: number, width: number, height: number];
+export declare const getLinkHandleFromCoords: ([x1, y1, x2, y2]: Bounds, angle: number, appState: UIAppState) => [x: number, y: number, width: number, height: number];
 export declare const isPointHittingLinkIcon: (element: NonDeletedExcalidrawElement, appState: AppState, [x, y]: readonly [number, number], isMobile: boolean) => boolean;
 export declare const showHyperlinkTooltip: (element: NonDeletedExcalidrawElement, appState: AppState) => void;
 export declare const hideHyperlinkToolip: () => void;

package/types/element/linearElementEditor.d.ts

@@ -143,7 +143,7 @@ export declare class LinearElementEditor {
                 lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
             } & ({
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
+                type: "text" | "ellipse" | "image" | "line" | "selection" | "rectangle" | "diamond" | "arrow" | "freedraw" | "eraser" | "hand";
                 customType: null;
             } | {
                 type: "custom";

package/types/element/newElement.d.ts

@@ -1,7 +1,8 @@
 import { ExcalidrawElement, ExcalidrawImageElement, ExcalidrawTextElement, ExcalidrawLinearElement, ExcalidrawGenericElement, NonDeleted, TextAlign, GroupId, VerticalAlign, Arrowhead, ExcalidrawFreeDrawElement, FontFamilyValues, ExcalidrawTextContainer } from "../element/types";
 import { AppState } from "../types";
 import { MarkOptional, Mutable } from "../utility-types";
-declare type ElementConstructorOpts = MarkOptional<Omit<ExcalidrawGenericElement, "id" | "type" | "isDeleted" | "updated">, "width" | "height" | "angle" | "groupIds" | "boundElements" | "seed" | "version" | "versionNonce" | "link" | "strokeStyle" | "fillStyle" | "strokeColor" | "backgroundColor" | "roughness" | "strokeWidth" | "roundness" | "locked" | "opacity">;
+import { ImportedDataState } from "../data/types";
+export declare type ElementConstructorOpts = MarkOptional<Omit<ExcalidrawGenericElement, "id" | "type" | "isDeleted" | "updated">, "width" | "height" | "angle" | "groupIds" | "boundElements" | "seed" | "version" | "versionNonce" | "link" | "strokeStyle" | "fillStyle" | "strokeColor" | "backgroundColor" | "roughness" | "strokeWidth" | "roundness" | "locked" | "opacity">;
 export declare const newElement: (opts: {
     type: ExcalidrawGenericElement["type"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawGenericElement>;
@@ -84,4 +85,4 @@ export declare const duplicateElements: (elements: readonly ExcalidrawElement[],
     /** NOTE also updates version flags and `updated` */
     randomizeSeed: boolean;
 }) => ExcalidrawElement[];
-export {};
+export declare const convertToExcalidrawElements: (elements: ImportedDataState["elements"]) => ExcalidrawElement[];

package/types/element/showSelectedShapeActions.d.ts

@@ -1,3 +1,3 @@
-import { AppState } from "../types";
 import { NonDeletedExcalidrawElement } from "./types";
-export declare const showSelectedShapeActions: (appState: AppState, elements: readonly NonDeletedExcalidrawElement[]) => boolean;
+import { UIAppState } from "../types";
+export declare const showSelectedShapeActions: (appState: UIAppState, elements: readonly NonDeletedExcalidrawElement[]) => boolean;

package/types/element/textElement.d.ts

@@ -1,7 +1,8 @@
-import { ExcalidrawElement, ExcalidrawTextContainer, ExcalidrawTextElement, ExcalidrawTextElementWithContainer, FontFamilyValues, FontString, NonDeletedExcalidrawElement } from "./types";
+import { ExcalidrawElement, ExcalidrawGenericElement, ExcalidrawTextContainer, ExcalidrawTextElement, ExcalidrawTextElementWithContainer, FontFamilyValues, FontString, NonDeletedExcalidrawElement } from "./types";
 import { MaybeTransformHandleType } from "./transformHandles";
 import { AppState } from "../types";
-import { ExtractSetType } from "../utility-types";
+import { ExtractSetType, MarkOptional } from "../utility-types";
+import { ElementConstructorOpts } from "./newElement";
 export declare const normalizeText: (text: string) => string;
 export declare const splitIntoLines: (text: string) => string[];
 export declare const redrawTextBoundingBox: (textElement: ExcalidrawTextElement, container: ExcalidrawElement | null) => void;
@@ -69,7 +70,9 @@ export declare const shouldAllowVerticalAlign: (selectedElements: NonDeletedExca
 export declare const suppportsHorizontalAlign: (selectedElements: NonDeletedExcalidrawElement[]) => boolean;
 export declare const getTextBindableContainerAtPosition: (elements: readonly ExcalidrawElement[], appState: AppState, x: number, y: number) => ExcalidrawTextContainer | null;
 declare const VALID_CONTAINER_TYPES: Set<string>;
-export declare const isValidTextContainer: (element: ExcalidrawElement) => boolean;
+export declare const isValidTextContainer: (element: {
+    type: ExcalidrawElement["type"];
+}) => boolean;
 export declare const computeContainerDimensionForBoundText: (dimension: number, containerType: ExtractSetType<typeof VALID_CONTAINER_TYPES>) => number;
 export declare const getBoundTextMaxWidth: (container: ExcalidrawElement) => number;
 export declare const getBoundTextMaxHeight: (container: ExcalidrawElement, boundTextElement: ExcalidrawTextElementWithContainer) => number;
@@ -77,4 +80,9 @@ export declare const isMeasureTextSupported: () => boolean;
 export declare const getDefaultLineHeight: (fontFamily: FontFamilyValues) => number & {
     _brand: "unitlessLineHeight";
 };
+export declare const bindTextToContainer: (containerProps: ({
+    type: Exclude<ExcalidrawGenericElement["type"], "selection">;
+} & MarkOptional<ElementConstructorOpts, "x" | "y">), textProps: {
+    text: string;
+} & MarkOptional<ElementConstructorOpts, "x" | "y">) => (ExcalidrawTextElement | import("./types").NonDeleted<ExcalidrawGenericElement>)[];
 export {};

package/types/packages/excalidraw/dist/excalidraw-assets-dev/locales/zh-HK-json-e69824cc96d688bf90d2.d.ts

@@ -0,0 +1,2 @@
+declare const _exports: any;
+export = _exports;

package/types/packages/excalidraw/dist/excalidraw-assets-dev/locales/zh-TW-json-7dbf8aee365138759c72.d.ts

@@ -0,0 +1,2 @@
+declare const _exports: any;
+export = _exports;

package/types/packages/excalidraw/example/initialData.d.ts

@@ -1,5 +1,93 @@
 declare namespace _default {
     const elements: ({
+        type: string;
+        x: number;
+        strokeWidth: string;
+        backgroundColor?: undefined;
+        label?: undefined;
+        version?: undefined;
+        versionNonce?: undefined;
+        isDeleted?: undefined;
+        id?: undefined;
+        fillStyle?: undefined;
+        strokeStyle?: undefined;
+        roughness?: undefined;
+        opacity?: undefined;
+        angle?: undefined;
+        y?: undefined;
+        strokeColor?: undefined;
+        width?: undefined;
+        height?: undefined;
+        seed?: undefined;
+        groupIds?: undefined;
+        fileId?: undefined;
+        strokeSharpness?: undefined;
+        boundElements?: undefined;
+        updated?: undefined;
+        link?: undefined;
+        status?: undefined;
+        scale?: undefined;
+    } | {
+        type: string;
+        x?: undefined;
+        strokeWidth?: undefined;
+        backgroundColor?: undefined;
+        label?: undefined;
+        version?: undefined;
+        versionNonce?: undefined;
+        isDeleted?: undefined;
+        id?: undefined;
+        fillStyle?: undefined;
+        strokeStyle?: undefined;
+        roughness?: undefined;
+        opacity?: undefined;
+        angle?: undefined;
+        y?: undefined;
+        strokeColor?: undefined;
+        width?: undefined;
+        height?: undefined;
+        seed?: undefined;
+        groupIds?: undefined;
+        fileId?: undefined;
+        strokeSharpness?: undefined;
+        boundElements?: undefined;
+        updated?: undefined;
+        link?: undefined;
+        status?: undefined;
+        scale?: undefined;
+    } | {
+        type: string;
+        x: number;
+        backgroundColor: string;
+        strokeWidth: string;
+        label: {
+            text: string;
+            strokeColor: string;
+            fontSize: number;
+        };
+        version?: undefined;
+        versionNonce?: undefined;
+        isDeleted?: undefined;
+        id?: undefined;
+        fillStyle?: undefined;
+        strokeStyle?: undefined;
+        roughness?: undefined;
+        opacity?: undefined;
+        angle?: undefined;
+        y?: undefined;
+        strokeColor?: undefined;
+        width?: undefined;
+        height?: undefined;
+        seed?: undefined;
+        groupIds?: undefined;
+        fileId?: undefined;
+        strokeSharpness?: undefined;
+        boundElements?: undefined;
+        updated?: undefined;
+        link?: undefined;
+        status?: undefined;
+        scale?: undefined;
+    } | {
         type: string;
         version: number;
         versionNonce: number;
@@ -19,6 +107,7 @@ declare namespace _default {
         height: number;
         seed: number;
         groupIds: never[];
+        label?: undefined;
         fileId?: undefined;
         strokeSharpness?: undefined;
         boundElements?: undefined;
@@ -52,6 +141,7 @@ declare namespace _default {
         link: null;
         status: string;
         scale: number[];
+        label?: undefined;
         id?: undefined;
     })[];
     namespace appState {

package/types/scene/selection.d.ts

@@ -1,11 +1,11 @@
 import { ExcalidrawElement, NonDeletedExcalidrawElement } from "../element/types";
 import { AppState } from "../types";
 export declare const getElementsWithinSelection: (elements: readonly NonDeletedExcalidrawElement[], selection: NonDeletedExcalidrawElement) => NonDeletedExcalidrawElement[];
-export declare const isSomeElementSelected: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => boolean;
+export declare const isSomeElementSelected: (elements: readonly NonDeletedExcalidrawElement[], appState: Pick<AppState, "selectedElementIds">) => boolean;
 /**
  * Returns common attribute (picked by `getAttribute` callback) of selected
  *  elements. If elements don't share the same value, returns `null`.
  */
-export declare const getCommonAttributeOfSelectedElements: <T>(elements: readonly NonDeletedExcalidrawElement[], appState: AppState, getAttribute: (element: ExcalidrawElement) => T) => T | null;
-export declare const getSelectedElements: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState, includeBoundTextElement?: boolean) => NonDeletedExcalidrawElement[];
-export declare const getTargetElements: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => NonDeletedExcalidrawElement[];
+export declare const getCommonAttributeOfSelectedElements: <T>(elements: readonly NonDeletedExcalidrawElement[], appState: Pick<AppState, "selectedElementIds">, getAttribute: (element: ExcalidrawElement) => T) => T | null;
+export declare const getSelectedElements: (elements: readonly NonDeletedExcalidrawElement[], appState: Pick<AppState, "selectedElementIds">, includeBoundTextElement?: boolean) => NonDeletedExcalidrawElement[];
+export declare const getTargetElements: (elements: readonly NonDeletedExcalidrawElement[], appState: Pick<AppState, "selectedElementIds" | "editingElement">) => NonDeletedExcalidrawElement[];

package/types/shapes.d.ts

@@ -59,4 +59,4 @@ export declare const SHAPES: readonly [{
     readonly numericKey: "0";
     readonly fillable: false;
 }];
-export declare const findShapeByKey: (key: string) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | null;
+export declare const findShapeByKey: (key: string) => "text" | "ellipse" | "image" | "line" | "selection" | "rectangle" | "diamond" | "arrow" | "freedraw" | "eraser" | null;

package/types/types.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, Arrowhead, ChartType, FontFamilyValues, FileId, ExcalidrawImageElement, Theme, StrokeRoundness } from "./element/types";
 import { SHAPES } from "./shapes";
 import { Point as RoughPoint } from "roughjs/bin/geometry";
@@ -16,7 +17,6 @@ import type { FileSystemHandle } from "./data/filesystem";
 import type { IMAGE_MIME_TYPES, MIME_TYPES } from "./constants";
 import { ContextMenuItems } from "./components/ContextMenu";
 import { Merge, ForwardRef, ValueOf } from "./utility-types";
-import React from "react";
 export declare type Point = Readonly<RoughPoint>;
 export declare type Collaborator = {
     pointer?: {
@@ -184,6 +184,7 @@ export declare type AppState = {
     showHyperlinkPopup: false | "info" | "editor";
     selectedLinearElement: LinearElementEditor | null;
 };
+export declare type UIAppState = Omit<AppState, "suggestedBindings" | "startBoundElement" | "cursorButton" | "scrollX" | "scrollY">;
 export declare type NormalizedZoomValue = number & {
     _brand: "normalizedZoom";
 };
@@ -245,7 +246,7 @@ export interface ExcalidrawProps {
         pointersMap: Gesture["pointers"];
     }) => void;
     onPaste?: (data: ClipboardData, event: ClipboardEvent | null) => Promise<boolean> | boolean;
-    renderTopRightUI?: (isMobile: boolean, appState: AppState) => JSX.Element | null;
+    renderTopRightUI?: (isMobile: boolean, appState: UIAppState) => JSX.Element | null;
     langCode?: Language["code"];
     viewModeEnabled?: boolean;
     zenModeEnabled?: boolean;
@@ -253,7 +254,7 @@ export interface ExcalidrawProps {
     libraryReturnUrl?: string;
     theme?: Theme;
     name?: string;
-    renderCustomStats?: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => JSX.Element;
+    renderCustomStats?: (elements: readonly NonDeletedExcalidrawElement[], appState: UIAppState) => JSX.Element;
     UIOptions?: Partial<UIOptions>;
     detectScroll?: boolean;
     handleKeyboardGlobally?: boolean;
@@ -280,8 +281,8 @@ export declare enum UserIdleState {
 }
 export declare type ExportOpts = {
     saveFileToDisk?: boolean;
-    onExportToBackend?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles, canvas: HTMLCanvasElement | null) => void;
-    renderCustomUI?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles, canvas: HTMLCanvasElement | null) => JSX.Element;
+    onExportToBackend?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: UIAppState, files: BinaryFiles, canvas: HTMLCanvasElement | null) => void;
+    renderCustomUI?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: UIAppState, files: BinaryFiles, canvas: HTMLCanvasElement | null) => JSX.Element;
 };
 declare type CanvasActions = Partial<{
     changeViewBackgroundColor: boolean;