@zsviczian/excalidraw 0.16.1-obsidian-7 → 0.16.1-obsidian-8

package/types/element/Hyperlink.d.ts

@@ -89,7 +89,7 @@ export declare const actionLink: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "imageExport" | "help" | "jsonExport" | null;
+            openDialog: "mermaid" | "imageExport" | "help" | "jsonExport" | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("./types").PointerType;
             selectedElementIds: Readonly<{
@@ -153,7 +153,13 @@ export declare const actionLink: {
                 Regular: string;
                 MajorGridFrequency?: number | undefined;
             };
-            dynamicStyle: string;
+            dynamicStyle: {
+                [x: string]: string;
+            };
+            frameColor: {
+                stroke: string;
+                fill: string;
+            };
             invertBindingBehaviour: boolean;
             selectedLinearElement: import("./linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -177,7 +183,7 @@ export declare const actionLink: {
     keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
 };
 export declare const getContextMenuLabel: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => "labels.link.editEmbed" | "labels.link.edit" | "labels.link.createEmbed" | "labels.link.create";
-export declare const getLinkHandleFromCoords: ([x1, y1, x2, y2]: Bounds, angle: number, appState: Pick<UIAppState, "zoom">) => [x: number, y: number, width: number, height: number];
+export declare const getLinkHandleFromCoords: ([x1, y1, x2, y2]: Bounds, angle: number, appState: Pick<UIAppState, "zoom">) => Bounds;
 export declare const isPointHittingLinkIcon: (element: NonDeletedExcalidrawElement, appState: AppState, [x, y]: readonly [number, number]) => boolean;
 export declare const isPointHittingLink: (element: NonDeletedExcalidrawElement, appState: AppState, [x, y]: readonly [number, number], isMobile: boolean) => boolean;
 export declare const showHyperlinkTooltip: (element: NonDeletedExcalidrawElement, appState: AppState) => void;

package/types/element/bounds.d.ts

@@ -1,4 +1,4 @@
-import { ExcalidrawElement, ExcalidrawLinearElement, Arrowhead, NonDeleted } from "./types";
+import { ExcalidrawElement, ExcalidrawLinearElement, Arrowhead, ExcalidrawFreeDrawElement, NonDeleted } from "./types";
 import { Drawable, Op } from "roughjs/bin/core";
 import { Point } from "../types";
 export type RectangleBox = {
@@ -8,7 +8,12 @@ export type RectangleBox = {
     height: number;
     angle: number;
 };
-export type Bounds = readonly [x1: number, y1: number, x2: number, y2: number];
+export type Bounds = readonly [
+    minX: number,
+    minY: number,
+    maxX: number,
+    maxY: number
+];
 export declare class ElementBounds {
     private static boundsCache;
     static getBounds(element: ExcalidrawElement): Bounds;
@@ -25,7 +30,8 @@ export declare const getRectangleBoxAbsoluteCoords: (boxSceneCoords: RectangleBo
 export declare const pointRelativeTo: (element: ExcalidrawElement, absoluteCoords: readonly [number, number]) => readonly [number, number];
 export declare const getDiamondPoints: (element: ExcalidrawElement) => number[];
 export declare const getCurvePathOps: (shape: Drawable) => Op[];
-export declare const getMinMaxXYFromCurvePathOps: (ops: Op[], transformXY?: ((x: number, y: number) => [number, number]) | undefined) => [number, number, number, number];
+export declare const getMinMaxXYFromCurvePathOps: (ops: Op[], transformXY?: ((x: number, y: number) => [number, number]) | undefined) => Bounds;
+export declare const getBoundsFromPoints: (points: ExcalidrawFreeDrawElement["points"]) => Bounds;
 export declare const getArrowheadPoints: (element: ExcalidrawLinearElement, shape: Drawable[], position: "start" | "end", arrowhead: Arrowhead) => number[] | null;
 export declare const getElementBounds: (element: ExcalidrawElement) => Bounds;
 export declare const getCommonBounds: (elements: readonly ExcalidrawElement[]) => Bounds;
@@ -33,8 +39,8 @@ export declare const getDraggedElementsBounds: (elements: ExcalidrawElement[], d
     x: number;
     y: number;
 }) => number[];
-export declare const getResizedElementAbsoluteCoords: (element: ExcalidrawElement, nextWidth: number, nextHeight: number, normalizePoints: boolean) => [number, number, number, number];
-export declare const getElementPointsCoords: (element: ExcalidrawLinearElement, points: readonly (readonly [number, number])[]) => [number, number, number, number];
+export declare const getResizedElementAbsoluteCoords: (element: ExcalidrawElement, nextWidth: number, nextHeight: number, normalizePoints: boolean) => Bounds;
+export declare const getElementPointsCoords: (element: ExcalidrawLinearElement, points: readonly (readonly [number, number])[]) => Bounds;
 export declare const getClosestElementBounds: (elements: readonly ExcalidrawElement[], from: {
     x: number;
     y: number;

package/types/element/embeddable.d.ts

@@ -94,7 +94,7 @@ export declare const actionSetEmbeddableAsActiveTool: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "imageExport" | "help" | "jsonExport" | null;
+            openDialog: "mermaid" | "imageExport" | "help" | "jsonExport" | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("./types").PointerType;
             selectedElementIds: Readonly<{
@@ -159,7 +159,13 @@ export declare const actionSetEmbeddableAsActiveTool: {
                 Regular: string;
                 MajorGridFrequency?: number | undefined;
             };
-            dynamicStyle: string;
+            dynamicStyle: {
+                [x: string]: string;
+            };
+            frameColor: {
+                stroke: string;
+                fill: string;
+            };
             invertBindingBehaviour: boolean;
             selectedLinearElement: import("./linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];

package/types/element/linearElementEditor.d.ts

@@ -1,4 +1,5 @@
 import { NonDeleted, ExcalidrawLinearElement, ExcalidrawElement, PointBinding, ExcalidrawBindableElement, ExcalidrawTextElementWithContainer } from "./types";
+import { Bounds } from "./bounds";
 import { Point, AppState, PointerCoords, InteractiveCanvasAppState } from "../types";
 import History from "../history";
 import Scene from "../scene/Scene";
@@ -191,7 +192,7 @@ export declare class LinearElementEditor {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "imageExport" | "help" | "jsonExport" | null;
+            openDialog: "mermaid" | "imageExport" | "help" | "jsonExport" | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("./types").PointerType;
             selectedElementIds: Readonly<{
@@ -256,7 +257,13 @@ export declare class LinearElementEditor {
                 Regular: string;
                 MajorGridFrequency?: number | undefined;
             };
-            dynamicStyle: string;
+            dynamicStyle: {
+                [x: string]: string;
+            };
+            frameColor: {
+                stroke: string;
+                fill: string;
+            };
             invertBindingBehaviour: boolean;
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -290,7 +297,7 @@ export declare class LinearElementEditor {
         x: number;
         y: number;
     };
-    static getMinMaxXYWithBoundText: (element: ExcalidrawLinearElement, elementBounds: [number, number, number, number], boundTextElement: ExcalidrawTextElementWithContainer) => [number, number, number, number, number, number];
+    static getMinMaxXYWithBoundText: (element: ExcalidrawLinearElement, elementBounds: Bounds, boundTextElement: ExcalidrawTextElementWithContainer) => [number, number, number, number, number, number];
     static getElementAbsoluteCoords: (element: ExcalidrawLinearElement, includeBoundText?: boolean) => [number, number, number, number, number, number];
 }
 export {};

package/types/element/newElement.d.ts

@@ -9,7 +9,9 @@ export declare const newEmbeddableElement: (opts: {
     type: "embeddable";
     validated: ExcalidrawEmbeddableElement["validated"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawEmbeddableElement>;
-export declare const newFrameElement: (opts: ElementConstructorOpts) => NonDeleted<ExcalidrawFrameElement>;
+export declare const newFrameElement: (opts: {
+    name?: string;
+} & ElementConstructorOpts) => NonDeleted<ExcalidrawFrameElement>;
 export declare const newTextElement: (opts: {
     text: string;
     rawText: string;

package/types/element/resizeTest.d.ts

@@ -1,12 +1,13 @@
 import { ExcalidrawElement, PointerType, NonDeletedExcalidrawElement } from "./types";
 import { MaybeTransformHandleType } from "./transformHandles";
 import { AppState, Zoom } from "../types";
+import { Bounds } from "./bounds";
 export declare const resizeTest: (element: NonDeletedExcalidrawElement, appState: AppState, x: number, y: number, zoom: Zoom, pointerType: PointerType) => MaybeTransformHandleType;
 export declare const getElementWithTransformHandleType: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState, scenePointerX: number, scenePointerY: number, zoom: Zoom, pointerType: PointerType) => {
     element: NonDeletedExcalidrawElement;
     transformHandleType: MaybeTransformHandleType;
 } | null;
-export declare const getTransformHandleTypeFromCoords: ([x1, y1, x2, y2]: readonly [number, number, number, number], scenePointerX: number, scenePointerY: number, zoom: Zoom, pointerType: PointerType) => MaybeTransformHandleType;
+export declare const getTransformHandleTypeFromCoords: ([x1, y1, x2, y2]: Bounds, scenePointerX: number, scenePointerY: number, zoom: Zoom, pointerType: PointerType) => MaybeTransformHandleType;
 export declare const getCursorForResizingElement: (resizingElement: {
     element?: ExcalidrawElement;
     transformHandleType: MaybeTransformHandleType;

package/types/element/transformHandles.d.ts

@@ -1,8 +1,9 @@
 import { ExcalidrawElement, NonDeletedExcalidrawElement, PointerType } from "./types";
+import { Bounds } from "./bounds";
 import { InteractiveCanvasAppState, Zoom } from "../types";
 export type TransformHandleDirection = "n" | "s" | "w" | "e" | "nw" | "ne" | "sw" | "se";
 export type TransformHandleType = TransformHandleDirection | "rotation";
-export type TransformHandle = [number, number, number, number];
+export type TransformHandle = Bounds;
 export type TransformHandles = Partial<{
     [T in TransformHandleType]: TransformHandle;
 }>;

package/types/frame.d.ts

@@ -2,6 +2,7 @@ import { ExcalidrawElement, ExcalidrawFrameElement, NonDeleted, NonDeletedExcali
 import { AppClassProperties, AppState, StaticCanvasAppState } 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 function isElementIntersectingFrame(element: ExcalidrawElement, frame: ExcalidrawFrameElement): boolean;
 export declare const getElementsCompletelyInFrame: (elements: readonly ExcalidrawElement[], frame: ExcalidrawFrameElement) => ExcalidrawElement[];
 export declare const isElementContainingFrame: (elements: readonly ExcalidrawElement[], element: ExcalidrawElement, frame: ExcalidrawFrameElement) => boolean;
 export declare const getElementsIntersectingFrame: (elements: readonly ExcalidrawElement[], frame: ExcalidrawFrameElement) => ExcalidrawElement[];

package/types/hooks/useCreatePortalContainer.d.ts

@@ -1,5 +1,7 @@
 export declare const useCreatePortalContainer: (opts?: {
-    className?: string;
-    parentSelector?: string;
-    style?: string;
-}) => HTMLDivElement | null;
+    className?: string | undefined;
+    parentSelector?: string | undefined;
+    style?: {
+        [x: string]: string;
+    } | undefined;
+} | undefined) => HTMLDivElement | null;

package/types/math.d.ts

@@ -30,3 +30,4 @@ export declare const arePointsEqual: (p1: readonly [number, number], p2: readonl
 export declare const isRightAngle: (angle: number) => boolean;
 export declare const rangesOverlap: ([a0, a1]: [number, number], [b0, b1]: [number, number]) => boolean;
 export declare const rangeIntersection: (rangeA: [number, number], rangeB: [number, number]) => [number, number] | null;
+export declare const isValueInRange: (value: number, min: number, max: number) => boolean;

package/types/packages/bbox.d.ts

@@ -0,0 +1,11 @@
+import { Bounds } from "../element/bounds";
+import { Point } from "../types";
+export type LineSegment = [Point, Point];
+export declare function getBBox(line: LineSegment): Bounds;
+export declare function crossProduct(a: Point, b: Point): number;
+export declare function doBBoxesIntersect(a: Bounds, b: Bounds): boolean;
+export declare function translate(a: Point, b: Point): Point;
+export declare function isPointOnLine(l: LineSegment, p: Point): boolean;
+export declare function isPointRightOfLine(l: LineSegment, p: Point): boolean;
+export declare function isLineSegmentTouchingOrCrossingLine(a: LineSegment, b: LineSegment): boolean;
+export declare function doLineSegmentsIntersect(a: LineSegment, b: LineSegment): boolean;

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

@@ -37,3 +37,4 @@ export { LiveCollaborationTrigger };
 export { DefaultSidebar } from "../../components/DefaultSidebar";
 export { normalizeLink } from "../../data/url";
 export { convertToExcalidrawElements } from "../../data/transform";
+export { elementsOverlappingBBox, isElementInsideBBox, elementPartiallyOverlapsWithOrContainsBBox, } from "../withinBounds";

package/types/packages/utils.d.ts

@@ -30,6 +30,8 @@ export declare const exportToClipboard: (opts: ExportOpts & {
     quality?: number;
     type: "png" | "svg" | "json";
 }) => Promise<void>;
+export * from "./bbox";
+export { elementsOverlappingBBox, isElementInsideBBox, elementPartiallyOverlapsWithOrContainsBBox, } from "./withinBounds";
 export { serializeAsJSON, serializeLibraryAsJSON } from "../data/json";
 export { loadFromBlob, loadSceneOrLibraryFromBlob, loadLibraryFromBlob, } from "../data/blob";
 export { getFreeDrawSvgPath } from "../renderer/renderElement";

package/types/packages/withinBounds.d.ts

@@ -0,0 +1,19 @@
+import type { NonDeletedExcalidrawElement } from "../element/types";
+import { Bounds } from "../element/bounds";
+type Element = NonDeletedExcalidrawElement;
+type Elements = readonly NonDeletedExcalidrawElement[];
+export declare const isElementInsideBBox: (element: Element, bbox: Bounds, eitherDirection?: boolean) => boolean;
+export declare const elementPartiallyOverlapsWithOrContainsBBox: (element: Element, bbox: Bounds) => boolean;
+export declare const elementsOverlappingBBox: ({ elements, bounds, type, errorMargin, }: {
+    elements: Elements;
+    bounds: Bounds;
+    /** safety offset. Defaults to 0. */
+    errorMargin?: number | undefined;
+    /**
+     * - overlap: elements overlapping or inside bounds
+     * - contain: elements inside bounds or bounds inside elements
+     * - inside: elements inside bounds
+     **/
+    type: "overlap" | "contain" | "inside";
+}) => NonDeletedExcalidrawElement[];
+export {};

package/types/scene/export.d.ts

@@ -1,7 +1,6 @@
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { AppState, BinaryFiles } from "../types";
 import { serializeAsJSON } from "../data/json";
-export declare const SVG_EXPORT_TAG = "<!-- svg-source:excalidraw -->";
 export declare const exportToCanvas: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles, { exportBackground, exportPadding, viewBackgroundColor, }: {
     exportBackground: boolean;
     exportPadding?: number | undefined;

package/types/types.d.ts

@@ -94,6 +94,7 @@ export type StaticCanvasAppState = Readonly<_CommonCanvasAppState & {
     frameRendering: AppState["frameRendering"];
     linkOpacity: AppState["linkOpacity"];
     gridColor: AppState["gridColor"];
+    frameColor: AppState["frameColor"];
 }>;
 export type InteractiveCanvasAppState = Readonly<_CommonCanvasAppState & {
     activeEmbeddable: AppState["activeEmbeddable"];
@@ -185,7 +186,7 @@ export type AppState = {
         name: SidebarName;
         tab?: SidebarTabName;
     } | null;
-    openDialog: "imageExport" | "help" | "jsonExport" | null;
+    openDialog: "imageExport" | "help" | "jsonExport" | "mermaid" | null;
     /**
      * Reflects user preference for whether the default sidebar should be docked.
      *
@@ -261,7 +262,13 @@ export type AppState = {
         Regular: string;
         MajorGridFrequency?: number;
     };
-    dynamicStyle: string;
+    dynamicStyle: {
+        [x: string]: string;
+    };
+    frameColor: {
+        stroke: string;
+        fill: string;
+    };
     invertBindingBehaviour: boolean;
     selectedLinearElement: LinearElementEditor | null;
     snapLines: readonly SnapLine[];
@@ -434,10 +441,11 @@ export type AppClassProperties = {
     lastViewportPosition: App["lastViewportPosition"];
     scrollToContent: App["scrollToContent"];
     addFiles: App["addFiles"];
-    setSelection: App["setSelection"];
     addElementsFromPasteOrLibrary: App["addElementsFromPasteOrLibrary"];
+    setSelection: App["setSelection"];
     togglePenMode: App["togglePenMode"];
     setActiveTool: App["setActiveTool"];
+    setOpenDialog: App["setOpenDialog"];
 };
 export type PointerDownState = Readonly<{
     origin: Readonly<{

package/types/utils.d.ts

@@ -195,3 +195,5 @@ export declare const memoize: <T extends Record<string, any>, R extends unknown>
     clear: () => void;
 };
 export declare const isRenderThrottlingEnabled: () => boolean;
+/** Checks if value is inside given collection. Useful for type-safety. */
+export declare const isMemberOf: <T extends string>(collection: Set<T> | Record<T, any> | Map<T, any> | readonly T[], value: string) => value is T;

package/types/zindex.d.ts

@@ -1,6 +1,6 @@
 import { ExcalidrawElement } from "./element/types";
 import { AppState } from "./types";
-export declare const moveOneLeft: (elements: readonly ExcalidrawElement[], appState: AppState, elementsToBeMoved?: readonly ExcalidrawElement[]) => ExcalidrawElement[];
-export declare const moveOneRight: (elements: readonly ExcalidrawElement[], appState: AppState, elementsToBeMoved?: readonly ExcalidrawElement[]) => ExcalidrawElement[];
-export declare const moveAllLeft: (elements: readonly ExcalidrawElement[], appState: AppState, elementsToBeMoved?: readonly ExcalidrawElement[]) => ExcalidrawElement[];
-export declare const moveAllRight: (elements: readonly ExcalidrawElement[], appState: AppState, elementsToBeMoved?: readonly ExcalidrawElement[]) => ExcalidrawElement[];
+export declare const moveOneLeft: (allElements: readonly ExcalidrawElement[], appState: AppState) => ExcalidrawElement[];
+export declare const moveOneRight: (allElements: readonly ExcalidrawElement[], appState: AppState) => ExcalidrawElement[];
+export declare const moveAllLeft: (allElements: readonly ExcalidrawElement[], appState: AppState) => readonly ExcalidrawElement[] | ExcalidrawElement[];
+export declare const moveAllRight: (allElements: readonly ExcalidrawElement[], appState: AppState) => readonly ExcalidrawElement[] | ExcalidrawElement[];