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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zsviczian/excalidraw",
-  "version": "0.17.1-obsidian-51",
+  "version": "0.17.1-obsidian-52",
   "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/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/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/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/scene/scroll.d.ts

@@ -1,12 +1,18 @@
-import type { AppState, PointerCoords, Zoom } from "../types";
+import type { AppState, Offsets, PointerCoords, Zoom } from "../types";
 import type { ExcalidrawElement } from "../element/types";
-export declare const centerScrollOn: ({ scenePoint, viewportDimensions, zoom, }: {
+export declare const centerScrollOn: ({ scenePoint, viewportDimensions, zoom, offsets, }: {
     scenePoint: PointerCoords;
     viewportDimensions: {
         height: number;
         width: number;
     };
     zoom: Zoom;
+    offsets?: Partial<{
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    }> | undefined;
 }) => {
     scrollX: number;
     scrollY: number;

package/types/excalidraw/types.d.ts

@@ -710,4 +710,10 @@ export type GenerateDiagramToCode = (props: {
 }) => MaybePromise<{
     html: string;
 }>;
+export type Offsets = Partial<{
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}>;
 export {};

package/types/math/utils.d.ts

@@ -1,5 +1,6 @@
 export declare const PRECISION = 0.0001;
-export declare function clamp(value: number, min: number, max: number): number;
-export declare function round(value: number, precision: number): number;
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare const round: (value: number, precision: number, func?: "round" | "floor" | "ceil") => number;
+export declare const roundToStep: (value: number, step: number, func?: "round" | "floor" | "ceil") => number;
 export declare const average: (a: number, b: number) => number;
 export declare const isFiniteNumber: (value: any) => value is number;