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

package/types/actions/actionProperties.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppState } from "../../src/types";
 import { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
 export declare const actionChangeStrokeColor: {
@@ -140,7 +139,7 @@ export declare const actionChangeFillStyle: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -293,7 +292,7 @@ export declare const actionChangeStrokeWidth: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -446,7 +445,7 @@ export declare const actionChangeSloppiness: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -599,7 +598,7 @@ export declare const actionChangeStrokeStyle: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -752,7 +751,7 @@ export declare const actionChangeOpacity: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -905,7 +904,7 @@ export declare const actionChangeFontSize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1058,7 +1057,7 @@ export declare const actionDecreaseFontSize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1211,7 +1210,7 @@ export declare const actionIncreaseFontSize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1364,7 +1363,7 @@ export declare const actionChangeFontFamily: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1517,7 +1516,7 @@ export declare const actionChangeTextAlign: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1672,7 +1671,7 @@ export declare const actionChangeVerticalAlign: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1825,7 +1824,7 @@ export declare const actionChangeRoundness: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1981,7 +1980,7 @@ export declare const actionChangeArrowhead: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/actions/actionSelectAll.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
 export declare const actionSelectAll: {
     name: "selectAll";

package/types/actions/actionStyles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare let copiedStyles: string;
 export declare const actionCopyStyles: {
     name: "copyStyles";
@@ -122,7 +121,7 @@ export declare const actionCopyStyles: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/actions/actionToggleGridMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppState } from "../types";
 export declare const actionToggleGridMode: {
     name: "gridMode";
@@ -126,7 +125,7 @@ export declare const actionToggleGridMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/actions/actionToggleStats.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionToggleStats: {
     name: "stats";
     viewMode: true;
@@ -124,7 +123,7 @@ export declare const actionToggleStats: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/actions/actionToggleViewMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionToggleViewMode: {
     name: "viewMode";
     viewMode: true;
@@ -125,7 +124,7 @@ export declare const actionToggleViewMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/actions/actionToggleZenMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionToggleZenMode: {
     name: "zenMode";
     viewMode: true;
@@ -125,7 +124,7 @@ export declare const actionToggleZenMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/appState.d.ts

@@ -13,8 +13,8 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
         type: "custom";
         customType: string;
     })) | undefined;
-    showWelcomeScreen?: boolean | undefined;
     penMode?: boolean | undefined;
+    showWelcomeScreen?: boolean | undefined;
     penDetected?: boolean | undefined;
     exportBackground?: boolean | undefined;
     exportEmbedScene?: boolean | undefined;

package/types/colors.d.ts

@@ -3,9 +3,9 @@ import { Merge } from "./utility-types";
 export type ColorPickerColor = Exclude<keyof oc, "indigo" | "lime"> | "transparent" | "bronze";
 export type ColorTuple = readonly [string, string, string, string, string];
 export type ColorPalette = Merge<Record<ColorPickerColor, ColorTuple>, {
-    black: string;
-    white: string;
-    transparent: string;
+    black: "#1e1e1e";
+    white: "#ffffff";
+    transparent: "transparent";
 }>;
 export type ColorPaletteCustom = {
     [key: string]: ColorTuple | string;
@@ -34,10 +34,10 @@ export declare const DEFAULT_ELEMENT_STROKE_COLOR_PALETTE: {
     readonly green: ColorTuple;
     readonly yellow: ColorTuple;
     readonly orange: ColorTuple;
-    readonly transparent: string;
-    readonly white: string;
+    readonly transparent: "transparent";
+    readonly white: "#ffffff";
     readonly gray: ColorTuple;
-    readonly black: string;
+    readonly black: "#1e1e1e";
     readonly bronze: ColorTuple;
 };
 export declare const DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE: {
@@ -51,10 +51,10 @@ export declare const DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE: {
     readonly green: ColorTuple;
     readonly yellow: ColorTuple;
     readonly orange: ColorTuple;
-    readonly transparent: string;
-    readonly white: string;
+    readonly transparent: "transparent";
+    readonly white: "#ffffff";
     readonly gray: ColorTuple;
-    readonly black: string;
+    readonly black: "#1e1e1e";
     readonly bronze: ColorTuple;
 };
 export declare const getAllColorsSpecificShade: (index: 0 | 1 | 2 | 3 | 4) => readonly [string, string, string, string, string, string, string, string, string, string];

package/types/components/App.d.ts

@@ -2,14 +2,12 @@ import React from "react";
 import { RoughCanvas } from "roughjs/bin/canvas";
 import { ActionManager } from "../actions/manager";
 import { EXPORT_IMAGE_TYPES } from "../constants";
-import { RestoredDataState } from "../data/restore";
 import { LinearElementEditor } from "../element/linearElementEditor";
 import { ExcalidrawElement, ExcalidrawLinearElement, NonDeletedExcalidrawElement } from "../element/types";
 import History from "../history";
 import Scene from "../scene/Scene";
 import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName } from "../types";
 import { FileSystemHandle } from "../data/filesystem";
-import { ImportedDataState } from "../data/types";
 export declare let showFourthFont: boolean;
 export declare const ExcalidrawContainerContext: React.Context<{
     container: HTMLDivElement | null;
@@ -147,7 +145,6 @@ declare class App extends React.Component<AppProps, AppState> {
     zoomToFit: (target?: readonly ExcalidrawElement[], maxZoom?: number, margin?: number) => void;
     startLineEditor: (el: ExcalidrawLinearElement, selectedPointsIndices?: number[] | null) => void;
     updateContainerSize: (containers: NonDeletedExcalidrawElement[]) => void;
-    restore: (data: ImportedDataState) => RestoredDataState;
     setToast: (toast: {
         message: string;
         closable?: boolean;

package/types/components/Button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./Button.scss";
 interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     type?: "button" | "submit" | "reset";

package/types/components/Card.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import OpenColor from "open-color";
 import "./Card.scss";
 export declare const Card: React.FC<{

package/types/components/ColorPicker/keyboardNavHandlers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorPaletteCustom } from "../../colors";
 import { ActiveColorPickerSectionAtomType } from "./colorPickerUtils";
 interface ColorPickerKeyNavHandlerProps {

package/types/components/DefaultSidebar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MarkOptional } from "../utility-types";
 import { SidebarProps, SidebarTriggerProps } from "./Sidebar/common";
 export declare const DefaultSidebar: import("react").FC<Omit<MarkOptional<Omit<{

package/types/components/EyeDropper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./EyeDropper.scss";
 type EyeDropperProperties = {
     keepOpenOnAlt: boolean;

package/types/components/LibraryMenuHeaderContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LibraryItem, UIAppState } from "../types";
 import Library from "../data/library";
 export declare const LibraryDropdownMenuButton: React.FC<{

package/types/components/LibraryUnit.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LibraryItem } from "../types";
 import "./LibraryUnit.scss";
 import { SvgCache } from "../hooks/useLibraryItemSvg";

package/types/components/LoadingMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Theme } from "../element/types";
 export declare const LoadingMessage: React.FC<{
     delay?: number;

package/types/components/Section.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 export declare const Section: React.FC<{
-    heading: string;
+    heading: "canvasActions" | "selectedShapeActions" | "shapes";
     children?: React.ReactNode | ((heading: React.ReactNode) => React.ReactNode);
     className?: string;
 }>;

package/types/components/Sidebar/SidebarTab.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SidebarTabName } from "../../types";
 export declare const SidebarTab: {
     ({ tab, children, ...rest }: {

package/types/components/Sidebar/SidebarTabTrigger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SidebarTabName } from "../../types";
 export declare const SidebarTabTrigger: {
     ({ children, tab, onSelect, ...rest }: {

package/types/components/Sidebar/SidebarTabTriggers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SidebarTabTriggers: {
     ({ children, ...rest }: {
         children: React.ReactNode;

package/types/components/Sidebar/SidebarTabs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SidebarTabs: {
     ({ children, ...rest }: {
         children: React.ReactNode;

package/types/components/Stack.d.ts

@@ -10,7 +10,7 @@ type StackProps = {
     ref: React.RefObject<HTMLDivElement>;
 };
 declare const _default: {
-    Row: React.ForwardRefExoticComponent<Pick<StackProps, "style" | "className" | "children" | "gap" | "justifyContent" | "align"> & React.RefAttributes<HTMLDivElement>>;
-    Col: React.ForwardRefExoticComponent<Pick<StackProps, "style" | "className" | "children" | "gap" | "justifyContent" | "align"> & React.RefAttributes<HTMLDivElement>>;
+    Row: React.ForwardRefExoticComponent<Pick<StackProps, "style" | "className" | "children" | "align" | "gap" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
+    Col: React.ForwardRefExoticComponent<Pick<StackProps, "style" | "className" | "children" | "align" | "gap" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

package/types/components/Trans.d.ts

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

package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const MenuTrigger: {
     ({ className, children, onToggle, title, ...rest }: {
         className?: string | undefined;

package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./LiveCollaborationTrigger.scss";
 declare const LiveCollaborationTrigger: {
     ({ isCollaborating, onSelect, ...rest }: {

package/types/components/welcome-screen/WelcomeScreen.Center.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Center: {
     ({ children }: {
         children?: React.ReactNode;

package/types/components/welcome-screen/WelcomeScreen.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./WelcomeScreen.scss";
 declare const WelcomeScreen: {
     (props: {

package/types/constants.d.ts

@@ -101,6 +101,7 @@ export declare const FRAME_STYLE: {
     radius: number;
 };
 export declare const WINDOWS_EMOJI_FALLBACK_FONT = "Segoe UI Emoji";
+export declare const MIN_FONT_SIZE = 1;
 export declare const DEFAULT_FONT_SIZE = 20;
 export declare const DEFAULT_FONT_FAMILY: FontFamilyValues;
 export declare const DEFAULT_TEXT_ALIGN = "left";
@@ -184,6 +185,8 @@ export declare const VERSIONS: {
     readonly excalidrawLibrary: 2;
 };
 export declare const BOUND_TEXT_PADDING = 5;
+export declare const ARROW_LABEL_WIDTH_FRACTION = 0.7;
+export declare const ARROW_LABEL_FONT_SIZE_TO_MIN_WIDTH_RATIO = 11;
 export declare const VERTICAL_ALIGN: {
     TOP: string;
     MIDDLE: string;
@@ -223,3 +226,4 @@ export declare const DEFAULT_SIDEBAR: {
     readonly name: "default";
     readonly defaultTab: "library";
 };
+export declare const LIBRARY_DISABLED_TYPES: Set<"embeddable" | "image">;

package/types/element/Hyperlink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppState, ExcalidrawProps, UIAppState } from "../types";
 import { NonDeletedExcalidrawElement } from "./types";
 import { Bounds } from "./bounds";

package/types/element/embeddable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawProps } from "../types";
 import { ExcalidrawElement, ExcalidrawEmbeddableElement, NonDeletedExcalidrawElement, Theme } from "./types";
 type EmbeddedLink = ({
@@ -142,7 +141,7 @@ export declare const actionSetEmbeddableAsActiveTool: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/element/linearElementEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NonDeleted, ExcalidrawLinearElement, ExcalidrawElement, PointBinding, ExcalidrawBindableElement, ExcalidrawTextElementWithContainer } from "./types";
 import { Point, AppState, PointerCoords } from "../types";
 import History from "../history";
@@ -239,7 +238,7 @@ export declare class LinearElementEditor {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/element/newElement.d.ts

@@ -7,7 +7,7 @@ export declare const newElement: (opts: {
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawGenericElement>;
 export declare const newEmbeddableElement: (opts: {
     type: "embeddable";
-    validated: boolean | undefined;
+    validated: ExcalidrawEmbeddableElement["validated"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawEmbeddableElement>;
 export declare const newFrameElement: (opts: ElementConstructorOpts) => NonDeleted<ExcalidrawFrameElement>;
 export declare const newTextElement: (opts: {

package/types/element/textElement.d.ts

@@ -6,7 +6,7 @@ export declare const normalizeText: (text: string) => string;
 export declare const splitIntoLines: (text: string) => string[];
 export declare const redrawTextBoundingBox: (textElement: ExcalidrawTextElement, container: ExcalidrawElement | null) => void;
 export declare const bindTextToShapeAfterDuplication: (sceneElements: ExcalidrawElement[], oldElements: ExcalidrawElement[], oldIdToDuplicatedId: Map<ExcalidrawElement["id"], ExcalidrawElement["id"]>) => void;
-export declare const handleBindTextResize: (container: NonDeletedExcalidrawElement, transformHandleType: MaybeTransformHandleType) => void;
+export declare const handleBindTextResize: (container: NonDeletedExcalidrawElement, transformHandleType: MaybeTransformHandleType, shouldMaintainAspectRatio?: boolean) => void;
 export declare const computeBoundTextPosition: (container: ExcalidrawElement, boundTextElement: ExcalidrawTextElementWithContainer) => {
     x: number;
     y: number;
@@ -47,10 +47,6 @@ export declare const getBoundTextElement: (element: ExcalidrawElement | null) =>
 export declare const getContainerElement: (element: (ExcalidrawElement & {
     containerId: ExcalidrawElement["id"] | null;
 }) | null) => ExcalidrawElement | null;
-export declare const getContainerDims: (element: ExcalidrawElement) => {
-    width: number;
-    height: number;
-};
 export declare const getContainerCenter: (container: ExcalidrawElement, appState: AppState) => {
     x: number;
     y: number;
@@ -71,7 +67,7 @@ export declare const getTextBindableContainerAtPosition: (elements: readonly Exc
 declare const VALID_CONTAINER_TYPES: Set<string>;
 export declare const isValidTextContainer: (element: ExcalidrawElement) => boolean;
 export declare const computeContainerDimensionForBoundText: (dimension: number, containerType: ExtractSetType<typeof VALID_CONTAINER_TYPES>, legacy?: boolean) => number;
-export declare const getBoundTextMaxWidth: (container: ExcalidrawElement) => number;
+export declare const getBoundTextMaxWidth: (container: ExcalidrawElement, boundTextElement?: ExcalidrawTextElement | null) => number;
 export declare const getBoundTextMaxHeight: (container: ExcalidrawElement, boundTextElement: ExcalidrawTextElementWithContainer) => number;
 export declare const isMeasureTextSupported: () => boolean;
 export declare const getDefaultLineHeight: (fontFamily: FontFamilyValues) => number & {

package/types/element/types.d.ts

@@ -74,15 +74,15 @@ export type ExcalidrawEllipseElement = _ExcalidrawElementBase & {
     type: "ellipse";
 };
 export type ExcalidrawEmbeddableElement = _ExcalidrawElementBase & Readonly<{
+    type: "embeddable";
     /**
      * indicates whether the embeddable src (url) has been validated for rendering.
-     * nullish value indicates that the validation is pending. We reset the
+     * null value indicates that the validation is pending. We reset the
      * value on each restore (or url change) so that we can guarantee
      * the validation came from a trusted source (the editor). Also because we
      * may not have access to host-app supplied url validator during restore.
      */
-    validated?: boolean;
-    type: "embeddable";
+    validated: boolean | null;
 }>;
 export type ExcalidrawImageElement = _ExcalidrawElementBase & Readonly<{
     type: "image";
@@ -100,13 +100,13 @@ export type ExcalidrawFrameElement = _ExcalidrawElementBase & {
 /**
  * These are elements that don't have any additional properties.
  */
-export type ExcalidrawGenericElement = ExcalidrawSelectionElement | ExcalidrawRectangleElement | ExcalidrawEmbeddableElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement;
+export type ExcalidrawGenericElement = ExcalidrawSelectionElement | ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement;
 /**
  * ExcalidrawElement should be JSON serializable and (eventually) contain
  * no computed data. The list of all ExcalidrawElements should be shareable
  * between peers and contain no state local to the peer.
  */
-export type ExcalidrawElement = ExcalidrawGenericElement | ExcalidrawTextElement | ExcalidrawLinearElement | ExcalidrawFreeDrawElement | ExcalidrawImageElement | ExcalidrawFrameElement;
+export type ExcalidrawElement = ExcalidrawGenericElement | ExcalidrawTextElement | ExcalidrawLinearElement | ExcalidrawFreeDrawElement | ExcalidrawImageElement | ExcalidrawFrameElement | ExcalidrawEmbeddableElement;
 export type NonDeleted<TElement extends ExcalidrawElement> = TElement & {
     isDeleted: boolean;
 };

package/types/hooks/useOutsideClick.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function useOutsideClick<T extends HTMLElement>(ref: React.RefObject<T>, 
 /** if performance is of concern, memoize the callback */
 callback: (event: Event) => void, 

package/types/hooks/useScrollPosition.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const useScrollPosition: <T extends HTMLElement>(elementRef: import("react").RefObject<T>) => number;

package/types/i18n.d.ts

@@ -1,8 +1,11 @@
+import fallbackLangData from "./locales/en.json";
+import { NestedKeyOf } from "./utility-types";
 export interface Language {
     code: string;
     label: string;
     rtl?: boolean;
 }
+export type TranslationKeys = NestedKeyOf<typeof fallbackLangData>;
 export declare const defaultLang: {
     code: string;
     label: string;
@@ -10,11 +13,11 @@ export declare const defaultLang: {
 export declare const languages: Language[];
 export declare const setLanguage: (lang: Language) => Promise<void>;
 export declare const getLanguage: () => Language;
-export declare const t: (path: string, replacement?: {
+export declare const t: (path: NestedKeyOf<typeof fallbackLangData>, replacement?: {
     [key: string]: string | number;
 } | null | undefined, fallback?: string) => string;
 export declare const useI18n: () => {
-    t: (path: string, replacement?: {
+    t: (path: NestedKeyOf<typeof fallbackLangData>, replacement?: {
         [key: string]: string | number;
     } | null | undefined, fallback?: string) => string;
     langCode: string;

package/types/packages/excalidraw/dist/excalidraw.development.d.ts

@@ -1,4 +1,2 @@
-declare const _exports: any;
-export = _exports;
-export const __esModule: boolean;
-export const ExcalidrawLib: {};
+export = __WEBPACK_EXTERNAL_MODULE_react_dom__;
+export = __WEBPACK_EXTERNAL_MODULE_react_dom__;

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

@@ -26,6 +26,7 @@ export { FONT_FAMILY, THEME, MIME_TYPES } from "../../constants";
 export { mutateElement, newElementWith, bumpVersion, } from "../../element/mutateElement";
 export { parseLibraryTokensFromUrl, useHandleLibrary, } from "../../data/library";
 export { sceneCoordsToViewportCoords, viewportCoordsToSceneCoords, } from "../../utils";
+export { getEmbedLink } from "../../element/embeddable";
 export { Sidebar } from "../../components/Sidebar/Sidebar";
 export { Button } from "../../components/Button";
 export { Footer };