@zsviczian/excalidraw 0.17.1-obsidian-51 → 0.17.1-obsidian-54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zsviczian/excalidraw",
-  "version": "0.17.1-obsidian-51",
+  "version": "0.17.1-obsidian-54",
   "main": "main.js",
   "types": "types/excalidraw/index.d.ts",
   "files": [

package/types/excalidraw/actions/actionCanvas.d.ts

@@ -1,5 +1,5 @@
 import type { ExcalidrawElement } from "../element/types";
-import type { AppClassProperties, AppState } from "../types";
+import type { AppState, Offsets, AppClassProperties } from "../types";
 import type { SceneBounds } from "../element/bounds";
 export declare const actionChangeViewBackgroundColor: {
     name: "changeViewBackgroundColor";
@@ -864,13 +864,21 @@ export declare const actionResetZoom: {
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
-export declare const zoomToFitBounds: ({ bounds, appState, fitToViewport, viewportZoomFactor, }: {
+export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToViewport, viewportZoomFactor, minZoom, maxZoom, }: {
     bounds: SceneBounds;
+    canvasOffsets?: Partial<{
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    }> | undefined;
     appState: Readonly<AppState>;
     /** whether to fit content to viewport (beyond >100%) */
     fitToViewport: boolean;
     /** zoom content to cover X of the viewport, when fitToViewport=true */
     viewportZoomFactor?: number | undefined;
+    minZoom?: number | undefined;
+    maxZoom?: number | undefined;
 }) => {
     appState: {
         scrollX: number;
@@ -1071,13 +1079,21 @@ export declare const zoomToFitBounds: ({ bounds, appState, fitToViewport, viewpo
     };
     storeAction: "none";
 };
-export declare const zoomToFit: ({ targetElements, appState, fitToViewport, viewportZoomFactor, }: {
+export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitToViewport, viewportZoomFactor, minZoom, maxZoom, }: {
+    canvasOffsets?: Partial<{
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    }> | undefined;
     targetElements: readonly ExcalidrawElement[];
     appState: Readonly<AppState>;
     /** whether to fit content to viewport (beyond >100%) */
     fitToViewport: boolean;
     /** zoom content to cover X of the viewport, when fitToViewport=true */
     viewportZoomFactor?: number | undefined;
+    minZoom?: number | undefined;
+    maxZoom?: number | undefined;
 }) => {
     appState: {
         scrollX: number;
@@ -1708,7 +1724,7 @@ export declare const actionZoomToFit: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;

package/types/excalidraw/actions/actionClipboard.d.ts

@@ -664,6 +664,7 @@ export declare const actionCut: {
                 }>;
                 hoverPointIndex: number;
                 segmentMidPointHoveredCoords: import("../../math").GlobalPoint | null;
+                elbowed: boolean;
             };
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;

package/types/excalidraw/actions/actionDeleteSelected.d.ts

@@ -241,6 +241,7 @@ export declare const actionDeleteSelected: {
                 }>;
                 hoverPointIndex: number;
                 segmentMidPointHoveredCoords: import("../../math").GlobalPoint | null;
+                elbowed: boolean;
             };
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;

package/types/excalidraw/actions/actionToggleSearchMenu.d.ts

@@ -209,7 +209,8 @@ export declare const actionToggleSearchMenu: {
     } | {
         appState: {
             openSidebar: {
-                name: string;
+                name: "default";
+                tab: string;
             };
             openDialog: null;
             contextMenu: {

package/types/excalidraw/components/App.d.ts

@@ -8,7 +8,7 @@ import { LinearElementEditor } from "../element/linearElementEditor";
 import type { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered } from "../element/types";
 import { History } from "../history";
 import Scene from "../scene/Scene";
-import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, GenerateDiagramToCode, NullableGridSize } from "../types";
+import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, GenerateDiagramToCode, NullableGridSize, Offsets } from "../types";
 import type { FileSystemHandle } from "../data/filesystem";
 import { Fonts } from "../fonts";
 import { Renderer } from "../scene/Renderer";
@@ -328,7 +328,7 @@ declare class App extends React.Component<AppProps, AppState> {
      */
     zoomCanvas: (value: number) => void;
     private cancelInProgressAnimation;
-    scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[], opts?: {
+    scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[], opts?: ({
         fitToContent?: boolean;
         fitToViewport?: never;
         viewportZoomFactor?: number;
@@ -343,6 +343,10 @@ declare class App extends React.Component<AppProps, AppState> {
         viewportZoomFactor?: number;
         animate?: boolean;
         duration?: number;
+    }) & {
+        minZoom?: number;
+        maxZoom?: number;
+        canvasOffsets?: Offsets;
     }) => void;
     private maybeUnfollowRemoteUser;
     /** use when changing scrollX/scrollY/zoom based on user interaction */
@@ -383,12 +387,7 @@ declare class App extends React.Component<AppProps, AppState> {
         force?: boolean | undefined;
     }) => boolean;
     private updateCurrentCursorPosition;
-    getEditorUIOffsets: () => {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
+    getEditorUIOffsets: () => Offsets;
     private onKeyDown;
     private onKeyUp;
     private isToolSupported;

package/types/excalidraw/components/DefaultSidebar.d.ts

@@ -22,9 +22,9 @@ export declare const DefaultSidebar: import("react").FC<Omit<MarkOptional<Omit<{
         __fallback?: boolean | undefined;
     }>;
     TabTriggers: {
-        ({ children, ...rest }: {
+        ({ children }: {
             children: React.ReactNode;
-        } & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
+        }): JSX.Element;
         displayName: string;
     };
 };

package/types/excalidraw/constants.d.ts

@@ -273,13 +273,11 @@ export declare const DEFAULT_ELEMENT_PROPS: {
     locked: ExcalidrawElement["locked"];
 };
 export declare const LIBRARY_SIDEBAR_TAB = "library";
+export declare const CANVAS_SEARCH_TAB = "search";
 export declare const DEFAULT_SIDEBAR: {
     readonly name: "default";
     readonly defaultTab: "library";
 };
-export declare const SEARCH_SIDEBAR: {
-    name: string;
-};
 export declare const LIBRARY_DISABLED_TYPES: Set<"image" | "iframe" | "embeddable">;
 export declare const TOOL_TYPE: {
     readonly selection: "selection";

package/types/excalidraw/data/encode.d.ts

@@ -5,6 +5,7 @@ export declare const toByteString: (data: string | Uint8Array | ArrayBuffer) =>
  */
 export declare const stringToBase64: (str: string, isByteString?: boolean) => Promise<string>;
 export declare const base64ToString: (base64: string, isByteString?: boolean) => Promise<string>;
+export declare const base64ToArrayBuffer: (base64: string) => ArrayBuffer;
 type EncodedData = {
     encoded: string;
     encoding: "bstring";

package/types/excalidraw/element/linearElementEditor.d.ts

@@ -41,6 +41,7 @@ export declare class LinearElementEditor {
     readonly endBindingElement: ExcalidrawBindableElement | null | "keep";
     readonly hoverPointIndex: number;
     readonly segmentMidPointHoveredCoords: GlobalPoint | null;
+    readonly elbowed: boolean;
     constructor(element: NonDeleted<ExcalidrawLinearElement>);
     static POINT_HANDLE_SIZE: number;
     /**

package/types/excalidraw/element/newElement.d.ts

@@ -27,7 +27,6 @@ export declare const newTextElement: (opts: {
     verticalAlign?: VerticalAlign;
     containerId?: ExcalidrawTextContainer["id"] | null;
     lineHeight?: ExcalidrawTextElement["lineHeight"];
-    strokeWidth?: ExcalidrawTextElement["strokeWidth"];
     autoResize?: ExcalidrawTextElement["autoResize"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawTextElement>;
 export declare const refreshTextDimensions: (textElement: ExcalidrawTextElement, container: ExcalidrawTextContainer | null, elementsMap: ElementsMap, text?: string) => {

package/types/excalidraw/element/routing.d.ts

@@ -1,10 +1,12 @@
 import { type LocalPoint, type Vector } from "../../math";
-import type { ExcalidrawElbowArrowElement, FixedPointBinding, NonDeletedSceneElementsMap, SceneElementsMap } from "./types";
-export declare const mutateElbowArrow: (arrow: ExcalidrawElbowArrowElement, elementsMap: NonDeletedSceneElementsMap | SceneElementsMap, nextPoints: readonly LocalPoint[], offset?: Vector, otherUpdates?: {
-    startBinding?: FixedPointBinding | null;
-    endBinding?: FixedPointBinding | null;
-}, options?: {
+import type { ElementUpdate } from "./mutateElement";
+import type { ExcalidrawElbowArrowElement, NonDeletedSceneElementsMap, SceneElementsMap } from "./types";
+export declare const mutateElbowArrow: (arrow: ExcalidrawElbowArrowElement, elementsMap: NonDeletedSceneElementsMap | SceneElementsMap, nextPoints: readonly LocalPoint[], offset?: Vector, otherUpdates?: Omit<ElementUpdate<ExcalidrawElbowArrowElement>, "angle" | "x" | "y" | "width" | "height" | "elbowed" | "points">, options?: {
     isDragging?: boolean;
-    disableBinding?: boolean;
     informMutation?: boolean;
 }) => void;
+export declare const updateElbowArrow: (arrow: ExcalidrawElbowArrowElement, elementsMap: NonDeletedSceneElementsMap | SceneElementsMap, nextPoints: readonly LocalPoint[], offset?: Vector, options?: {
+    isDragging?: boolean;
+    disableBinding?: boolean;
+    informMutation?: boolean;
+}) => ElementUpdate<ExcalidrawElbowArrowElement> | null;

package/types/excalidraw/element/sizeHelpers.d.ts

@@ -1,5 +1,5 @@
 import type { ElementsMap, ExcalidrawElement } from "./types";
-import type { AppState, Zoom } from "../types";
+import type { AppState, Offsets, Zoom } from "../types";
 export declare const isInvisiblySmallElement: (element: ExcalidrawElement) => boolean;
 export declare const isElementInViewport: (element: ExcalidrawElement, width: number, height: number, viewTransformations: {
     zoom: Zoom;
@@ -14,12 +14,7 @@ export declare const isElementCompletelyInViewport: (elements: ExcalidrawElement
     offsetTop: number;
     scrollX: number;
     scrollY: number;
-}, elementsMap: ElementsMap, padding?: Partial<{
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-}>) => boolean;
+}, elementsMap: ElementsMap, padding?: Offsets) => boolean;
 /**
  * Makes a perfect shape or diagonal/horizontal/vertical line
  */

package/types/excalidraw/element/typeChecks.d.ts

@@ -35,5 +35,5 @@ export declare const getDefaultRoundnessTypeForElement: (element: ExcalidrawElem
 } | {
     type: 3;
 } | null;
-export declare const isFixedPointBinding: (binding: PointBinding) => binding is FixedPointBinding;
+export declare const isFixedPointBinding: (binding: PointBinding | FixedPointBinding) => binding is FixedPointBinding;
 export declare const isBounds: (box: unknown) => box is Bounds;

package/types/excalidraw/element/types.d.ts

@@ -149,7 +149,7 @@ export type ExcalidrawRectanguloidElement = ExcalidrawRectangleElement | Excalid
  * 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 | ExcalidrawMagicFrameElement | ExcalidrawIframeElement | ExcalidrawEmbeddableElement;
+export type ExcalidrawElement = ExcalidrawGenericElement | ExcalidrawTextElement | ExcalidrawLinearElement | ExcalidrawArrowElement | ExcalidrawFreeDrawElement | ExcalidrawImageElement | ExcalidrawFrameElement | ExcalidrawMagicFrameElement | ExcalidrawIframeElement | ExcalidrawEmbeddableElement;
 export type ExcalidrawNonSelectionElement = Exclude<ExcalidrawElement, ExcalidrawSelectionElement>;
 export type Ordered<TElement extends ExcalidrawElement> = TElement & {
     index: FractionalIndex;
@@ -194,7 +194,6 @@ export type PointBinding = {
     elementId: ExcalidrawBindableElement["id"];
     focus: number;
     gap: number;
-    fixedPoint: FixedPoint | null;
 };
 export type FixedPointBinding = Merge<PointBinding, {
     fixedPoint: FixedPoint;

package/types/excalidraw/obsidianUtils.d.ts

@@ -15,4 +15,3 @@ export declare function registerLocalFont(fontMetrics: FontMetadata & {
 export declare function getFontFamilies(): string[];
 export declare function registerFontsInCSS(): Promise<void>;
 export declare function getCSSFontDefinition(fontFamily: number): Promise<string>;
-export declare function getArrayBufferFromBase64(url: string): ArrayBuffer;

package/types/excalidraw/scene/Scene.d.ts

@@ -73,6 +73,6 @@ declare class Scene {
     getElementIndex(elementId: string): number;
     getContainerElement: (element: (ExcalidrawElement & {
         containerId: ExcalidrawElement["id"] | null;
-    }) | null) => ExcalidrawElement | null;
+    }) | null) => import("../element/types").ExcalidrawSelectionElement | import("../element/types").ExcalidrawRectangleElement | import("../element/types").ExcalidrawDiamondElement | import("../element/types").ExcalidrawEllipseElement | import("../element/types").ExcalidrawTextElement | import("../element/types").ExcalidrawLinearElement | import("../element/types").ExcalidrawFreeDrawElement | import("../element/types").ExcalidrawImageElement | import("../element/types").ExcalidrawFrameElement | import("../element/types").ExcalidrawMagicFrameElement | import("../element/types").ExcalidrawIframeElement | import("../element/types").ExcalidrawEmbeddableElement | null;
 }
 export default Scene;

package/types/excalidraw/scene/ShapeCache.d.ts

@@ -17,7 +17,7 @@ export declare class ShapeCache {
      * Generates & caches shape for element if not already cached, otherwise
      * returns cached shape.
      */
-    static generateElementShape: <T extends import("../element/types").ExcalidrawRectangleElement | import("../element/types").ExcalidrawDiamondElement | import("../element/types").ExcalidrawEllipseElement | import("../element/types").ExcalidrawTextElement | import("../element/types").ExcalidrawLinearElement | import("../element/types").ExcalidrawFreeDrawElement | import("../element/types").ExcalidrawImageElement | import("../element/types").ExcalidrawFrameElement | import("../element/types").ExcalidrawMagicFrameElement | import("../element/types").ExcalidrawIframeElement | import("../element/types").ExcalidrawEmbeddableElement>(element: T, renderConfig: {
+    static generateElementShape: <T extends import("../element/types").ExcalidrawRectangleElement | import("../element/types").ExcalidrawDiamondElement | import("../element/types").ExcalidrawEllipseElement | import("../element/types").ExcalidrawTextElement | import("../element/types").ExcalidrawLinearElement | import("../element/types").ExcalidrawArrowElement | import("../element/types").ExcalidrawFreeDrawElement | import("../element/types").ExcalidrawImageElement | import("../element/types").ExcalidrawFrameElement | import("../element/types").ExcalidrawMagicFrameElement | import("../element/types").ExcalidrawIframeElement | import("../element/types").ExcalidrawEmbeddableElement>(element: T, renderConfig: {
         isExporting: boolean;
         canvasBackgroundColor: AppState["viewBackgroundColor"];
         embedsValidationStatus: EmbedsValidationStatus;