@dwelle/excalidraw 0.3.78 → 0.4.0-08c4fac

package/types/scene/scrollbars.d.ts

@@ -1,16 +1,16 @@
-import { ExcalidrawElement } from "../element/types";
-import { Zoom } from "../types";
-import { ScrollBars } from "./types";
-export declare const SCROLLBAR_MARGIN = 4;
-export declare const SCROLLBAR_WIDTH = 6;
-export declare const SCROLLBAR_COLOR = "rgba(0,0,0,0.3)";
-export declare const getScrollBars: (elements: readonly ExcalidrawElement[], viewportWidth: number, viewportHeight: number, { scrollX, scrollY, zoom, }: {
-    scrollX: number;
-    scrollY: number;
-    zoom: Zoom;
-}) => ScrollBars;
-export declare const isOverScrollBars: (scrollBars: ScrollBars, x: number, y: number) => {
-    isOverEither: boolean;
-    isOverHorizontal: boolean;
-    isOverVertical: boolean;
-};
+import { ExcalidrawElement } from "../element/types";
+import { Zoom } from "../types";
+import { ScrollBars } from "./types";
+export declare const SCROLLBAR_MARGIN = 4;
+export declare const SCROLLBAR_WIDTH = 6;
+export declare const SCROLLBAR_COLOR = "rgba(0,0,0,0.3)";
+export declare const getScrollBars: (elements: readonly ExcalidrawElement[], viewportWidth: number, viewportHeight: number, { scrollX, scrollY, zoom, }: {
+    scrollX: number;
+    scrollY: number;
+    zoom: Zoom;
+}) => ScrollBars;
+export declare const isOverScrollBars: (scrollBars: ScrollBars, x: number, y: number) => {
+    isOverEither: boolean;
+    isOverHorizontal: boolean;
+    isOverVertical: boolean;
+};

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;
-/**
- * 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[];
+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;
+/**
+ * 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[];

package/types/scene/types.d.ts

@@ -1,58 +1,59 @@
-import { ExcalidrawTextElement } from "../element/types";
-import { AppClassProperties, AppState } from "../types";
-export declare type RenderConfig = {
-    scrollX: AppState["scrollX"];
-    scrollY: AppState["scrollY"];
-    /** null indicates transparent bg */
-    viewBackgroundColor: AppState["viewBackgroundColor"] | null;
-    zoom: AppState["zoom"];
-    shouldCacheIgnoreZoom: AppState["shouldCacheIgnoreZoom"];
-    theme: AppState["theme"];
-    remotePointerViewportCoords: {
-        [id: string]: {
-            x: number;
-            y: number;
-        };
-    };
-    remotePointerButton?: {
-        [id: string]: string | undefined;
-    };
-    remoteSelectedElementIds: {
-        [elementId: string]: string[];
-    };
-    remotePointerUsernames: {
-        [id: string]: string;
-    };
-    remotePointerUserStates: {
-        [id: string]: string;
-    };
-    imageCache: AppClassProperties["imageCache"];
-    renderScrollbars?: boolean;
-    renderSelection?: boolean;
-    renderGrid?: boolean;
-    /** when exporting the behavior is slightly different (e.g. we can't use
-      CSS filters), and we disable render optimizations for best output */
-    isExporting: boolean;
-};
-export declare type SceneScroll = {
-    scrollX: number;
-    scrollY: number;
-};
-export interface Scene {
-    elements: ExcalidrawTextElement[];
-}
-export declare type ExportType = "png" | "clipboard" | "clipboard-svg" | "backend" | "svg";
-export declare type ScrollBars = {
-    horizontal: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    } | null;
-    vertical: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    } | null;
-};
+import { ExcalidrawTextElement } from "../element/types";
+import { AppClassProperties, AppState } from "../types";
+export declare type RenderConfig = {
+    scrollX: AppState["scrollX"];
+    scrollY: AppState["scrollY"];
+    /** null indicates transparent bg */
+    viewBackgroundColor: AppState["viewBackgroundColor"] | null;
+    zoom: AppState["zoom"];
+    shouldCacheIgnoreZoom: AppState["shouldCacheIgnoreZoom"];
+    theme: AppState["theme"];
+    remotePointerViewportCoords: {
+        [id: string]: {
+            x: number;
+            y: number;
+        };
+    };
+    remotePointerButton?: {
+        [id: string]: string | undefined;
+    };
+    remoteSelectedElementIds: {
+        [elementId: string]: string[];
+    };
+    remotePointerUsernames: {
+        [id: string]: string;
+    };
+    remotePointerUserStates: {
+        [id: string]: string;
+    };
+    imageCache: AppClassProperties["imageCache"];
+    renderScrollbars?: boolean;
+    renderSelection?: boolean;
+    renderGrid?: boolean;
+    /** when exporting the behavior is slightly different (e.g. we can't use
+      CSS filters), and we disable render optimizations for best output */
+    isExporting: boolean;
+    selectionColor?: string;
+};
+export declare type SceneScroll = {
+    scrollX: number;
+    scrollY: number;
+};
+export interface Scene {
+    elements: ExcalidrawTextElement[];
+}
+export declare type ExportType = "png" | "clipboard" | "clipboard-svg" | "backend" | "svg";
+export declare type ScrollBars = {
+    horizontal: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+    vertical: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+};

package/types/scene/zoom.d.ts

@@ -1,13 +1,13 @@
-import { AppState, NormalizedZoomValue } from "../types";
-export declare const getNormalizedZoom: (zoom: number) => NormalizedZoomValue;
-export declare const getStateForZoom: ({ viewportX, viewportY, nextZoom, }: {
-    viewportX: number;
-    viewportY: number;
-    nextZoom: NormalizedZoomValue;
-}, appState: AppState) => {
-    scrollX: number;
-    scrollY: number;
-    zoom: {
-        value: NormalizedZoomValue;
-    };
-};
+import { AppState, NormalizedZoomValue } from "../types";
+export declare const getNormalizedZoom: (zoom: number) => NormalizedZoomValue;
+export declare const getStateForZoom: ({ viewportX, viewportY, nextZoom, }: {
+    viewportX: number;
+    viewportY: number;
+    nextZoom: NormalizedZoomValue;
+}, appState: AppState) => {
+    scrollX: number;
+    scrollY: number;
+    zoom: {
+        value: NormalizedZoomValue;
+    };
+};

package/types/shapes.d.ts

@@ -1,38 +1,52 @@
-export declare const SHAPES: readonly [{
-    readonly icon: JSX.Element;
-    readonly value: "selection";
-    readonly key: "v";
-}, {
-    readonly icon: JSX.Element;
-    readonly value: "rectangle";
-    readonly key: "r";
-}, {
-    readonly icon: JSX.Element;
-    readonly value: "diamond";
-    readonly key: "d";
-}, {
-    readonly icon: JSX.Element;
-    readonly value: "ellipse";
-    readonly key: "o";
-}, {
-    readonly icon: JSX.Element;
-    readonly value: "arrow";
-    readonly key: "a";
-}, {
-    readonly icon: JSX.Element;
-    readonly value: "line";
-    readonly key: readonly ["p", "l"];
-}, {
-    readonly icon: JSX.Element;
-    readonly value: "freedraw";
-    readonly key: readonly ["x", string];
-}, {
-    readonly icon: JSX.Element;
-    readonly value: "text";
-    readonly key: "t";
-}, {
-    readonly icon: JSX.Element;
-    readonly value: "image";
-    readonly key: null;
-}];
-export declare const findShapeByKey: (key: string) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+export declare const SHAPES: readonly [{
+    readonly icon: JSX.Element;
+    readonly value: "selection";
+    readonly key: "v";
+    readonly fillable: true;
+}, {
+    readonly icon: JSX.Element;
+    readonly value: "rectangle";
+    readonly key: "r";
+    readonly fillable: true;
+}, {
+    readonly icon: JSX.Element;
+    readonly value: "diamond";
+    readonly key: "d";
+    readonly fillable: true;
+}, {
+    readonly icon: JSX.Element;
+    readonly value: "ellipse";
+    readonly key: "o";
+    readonly fillable: true;
+}, {
+    readonly icon: JSX.Element;
+    readonly value: "arrow";
+    readonly key: "a";
+    readonly fillable: true;
+}, {
+    readonly icon: JSX.Element;
+    readonly value: "line";
+    readonly key: readonly ["p", "l"];
+    readonly fillable: true;
+}, {
+    readonly icon: JSX.Element;
+    readonly value: "freedraw";
+    readonly key: readonly ["x", string];
+    readonly fillable: false;
+}, {
+    readonly icon: JSX.Element;
+    readonly value: "text";
+    readonly key: "t";
+    readonly fillable: false;
+}, {
+    readonly icon: JSX.Element;
+    readonly value: "image";
+    readonly key: null;
+    readonly fillable: false;
+}, {
+    readonly icon: JSX.Element;
+    readonly value: "eraser";
+    readonly key: "e";
+    readonly fillable: false;
+}];
+export declare const findShapeByKey: (key: string) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | null;